Leo Code Lab

デザイナーA.Y様の架空のカフェ＋美容室のサイトをコーデイングさせていただきました。
カフェとサロンの世界観を伝えるため、イメージ写真をゆったりとスライドさせ、落ち着いた空間を演出しました。
動きによってブランドの印象を引き立てることをテーマにコーディングを行いました。
デザイナー : A.Y様への依頼はこちら→　 https://x.com/sukiyakizabuton

WordPressのオリジナルテーマとして構築し、クライアント様が更新・運用しやすい設計を意識して実装しました。 特に、どの部分を動的にするかを丁寧に設計し、納品後の運用負担の軽減を目指しました。 また、資料請求フォームでは実際に資料が届くように機能を実装し、実用性の高いサイト構築を行いました。 「使いやすさ」と「運用しやすさ」の両立を意識し実装しました。

尾道の素敵な写真に癒されながらコーディングできました。 デザイン性の高いビジュアルでしたが、細部まで正確に再現する「パーフェクトピクセル」を意識してコーディングを行いました。 レスポンシブにも対応し、デバイスごとの表示崩れがないよう丁寧に調整しています。 コンタクトセクションではバリデーションエラーを実装し、ユーザーが正確にフォームを送信できるよう配慮しました。 また、Swiperを使用してスライダーを導入し、動きを加えています。 全体を通して、デザイン意図を忠実に再現することを意識し、実装を行いました。