middle-assignment
この作品はスクールの課題で作成した「有機野菜の宅配サービス」の架空ランディングページです。
サービスの特徴や安心感をターゲットユーザーに訴求することを目的に、
ファーストビューから購入同線までを意識したデザイン・実装を行いました。
使用技術
- HTML / CSS
- JavaScript(ナビゲーション切り替えで使用)
- GitHub Pages で公開
担当範囲
- 情報設計(サイトマップ・ワイヤーフレーム)
- デザイン(Figmaで制作)
- コーディング(レスポンシブ対応)
ポイント
- PC/SP 両対応のデザインを制作
- 基本的な JavaScript によるナビゲーション切り替えを実装
ポイント
デモ
公開URLはこちら
スクリーンショット
メインビジュアル

スマホ表示

制作期間
2025年7月(約4週間)
役割
個人制作(デザイン/コーディング)