Website
飲食店サイト / コーディング
- 概要
- デザインカンプをもとに、イタリアンレストランのWebサイト制作を想定した模写コーディング課題です。 TOPページを中心に、Concept・Menu・Shop情報セクションを実装し、レスポンシブ対応まで行いました。
- 制作コンセプト
- デザインカンプの余白や配色バランスを丁寧に再現し、写真の魅力が引き立つレイアウトを意識してコーディングしました。セクションごとのメリハリを大切にし、読みやすさと視線の流れを意識した構成に仕上げています。SP表示でも世界観を損なわないよう、余白とレイアウトバランスを調整しました。
- 制作期間
- 2日
- 使用ツール
- HTML / CSS / SCSS / VS code / Figma(デザイン確認用)
- 制作範囲
- ・TOPページコーディング
・Concept / Menu / Shopセクション実装
・予約ボタンUI実装
・レスポンシブ対応(PC / SP)
・フッター実装