概要

愛知県名古屋市にある百福様のデザイン、コーディングのリニューアルを担当しました。

ターゲット

美食家や高品質な食材を求めるユーザーに向け、シンプルながらもモダンで魅力的なビジュアルを提供することで、ユーザーの興味を引き、サイトを通じた購入意欲を高めることに注力しました。

デザイン

シンプルで清潔感のあるレイアウトを採用し、視覚的な心地よさを重視しました。大胆なタイポグラフィと高解像度の画像を組み合わせ、ブランドの魅力を視覚的に伝えることに成功しています。さらに、ユーザビリティを重視し、各ページへのアクセスを直感的にすることで、ユーザーがストレスなく目的の情報にたどり着けるよう工夫しています。

コーディング

レスポンシブデザインを徹底し、デスクトップだけでなくモバイルユーザーにも快適なブラウジング体験を提供しました。CSSグリッドとフレックスボックスを駆使し、各デバイスに最適化されたレイアウトを実現しました。また、パフォーマンスの最適化にも注力し、画像の圧縮や遅延読み込み（Lazy Loading）を採用することで、ページの読み込み速度を向上させています。

制作範囲

☑︎ ビジュアルデザイン
☑︎ HTML、CSSを用いたコーディング
☑︎ BEMを用いたCSS設計
☑︎ ディレクション

制作期間

ディレクション：2か月
デザイン：7日
コーディング：5日

使用ツール

Photoshop / Figma

使用言語

HTML・CSS・jQuery