COPORATE SITE 百福様

公開日:
2024.10
URL:
https://www.momofugu.com/
概要
愛知県名古屋市にある百福様のデザイン、コーディングのリニューアルを担当しました。
ターゲット
美食家や高品質な食材を求めるユーザーに向け、シンプルながらもモダンで魅力的なビジュアルを提供することで、ユーザーの興味を引き、サイトを通じた購入意欲を高めることに注力しました。
デザイン
シンプルで清潔感のあるレイアウトを採用し、視覚的な心地よさを重視しました。大胆なタイポグラフィと高解像度の画像を組み合わせ、ブランドの魅力を視覚的に伝えることに成功しています。さらに、ユーザビリティを重視し、各ページへのアクセスを直感的にすることで、ユーザーがストレスなく目的の情報にたどり着けるよう工夫しています。
コーディング
レスポンシブデザインを徹底し、デスクトップだけでなくモバイルユーザーにも快適なブラウジング体験を提供しました。CSSグリッドとフレックスボックスを駆使し、各デバイスに最適化されたレイアウトを実現しました。また、パフォーマンスの最適化にも注力し、画像の圧縮や遅延読み込み(Lazy Loading)を採用することで、ページの読み込み速度を向上させています。
制作範囲
☑︎ ビジュアルデザイン
☑︎ HTML、CSSを用いたコーディング
☑︎ BEMを用いたCSS設計
☑︎ ディレクション
制作期間
ディレクション:2か月
デザイン:7日
コーディング:5日
使用ツール
Photoshop / Figma
使用言語
HTML・CSS・jQuery