Yuri's
Portfolio

オンラインスクール「デイトラ」のコーディング課題

作品ファーストビュー

【BASIC認証情報】
ユーザー名:user01 /
パスワード:password666

概要

  • オンラインスクール「デイトラ」のコーディング課題「表参道カフェ風LP」

制作のポイント

  • アニメーションの指定がなかったため、使いやすいサイトになるよう自分で考えながら作成した
    (特にこだわった点は、ナビゲーションの現在地表示(緑の下線部分))
  • デザイン詳細(ペルソナやデザインの意図など)を読み込み、カンプ通り忠実に再現することを心がけた

担当範囲

  • コーディング / HTML,CSS,SASS,JavaScript (jQuery)

制作期間

  • 1週間

制作を通して成長した点・今後の課題

  • デザインカンプがFigmaで作成されていたため、Figmaからコーディングする際の基本的な操作を身につけることができた
pcフルページ画像
spフルページ画像