![krate:Cre(クラテクル)](https://www.kratecre.com/wp-kratecre/wp-content/uploads/2023/10/kratecre_h_01.jpg)
メインビジュアルは、夜空にクラテクルのロゴマークの三日月を浮かべました。10年間変わらないクラテクルの名刺のデザインを踏襲しています。背景の流れ星は canvas で描画しています。負荷がかからないように描画領域をウィンドウサイズに合わせて、生成する流れ星の数を制限しています。レスポンシブにも対応しています。シンプルなアニメーションですが、三日月をより印象的に魅せることができました。
![krate:Cre(クラテクル)](https://www.kratecre.com/wp-kratecre/wp-content/uploads/2023/09/kratecre_h_02.jpg)
立場が違うお客さまそれぞれに、クラテクルのサービスを分かりやすく伝えるため、Webコンテンツ制作の作業工程を8つのフェーズに分けて、フェーズごとに作業内容を簡潔にわかりやすくまとめました。また、外部リソースをお探しの方に向けて、と私のスキルや使用ツール、対応の方針についても具体的に掲載しています。
![krate:Cre(クラテクル)](https://www.kratecre.com/wp-kratecre/wp-content/uploads/2023/09/kratecre_v_01.jpg)
![krate:Cre(クラテクル)](https://www.kratecre.com/wp-kratecre/wp-content/uploads/2023/09/kratecre_v_02.jpg)
![krate:Cre(クラテクル)](https://www.kratecre.com/wp-kratecre/wp-content/uploads/2023/09/kratecre_v_03.jpg)
![krate:Cre(クラテクル)](https://www.kratecre.com/wp-kratecre/wp-content/uploads/2023/09/kratecre_v_04.jpg)
![krate:Cre(クラテクル)](https://www.kratecre.com/wp-kratecre/wp-content/uploads/2023/09/kratecre_v_05-619x9999.jpg)
![krate:Cre(クラテクル)](https://www.kratecre.com/wp-kratecre/wp-content/uploads/2023/09/kratecre_v_06-742x9999.jpg)
![krate:Cre(クラテクル)](https://www.kratecre.com/wp-kratecre/wp-content/uploads/2023/09/kratecre_v_07.jpg)