画像1
画像2
画像3
画像4

作品概要 #

車のカスタムショップのWebサイトです。AboutページやContactページに加えて、販売の項目に車とファッションの項目入れてほしいとの事だったので入れました。デザインは50s-60sのアメリカの雰囲気を意識して作りました。
https://kuma.but.jp/rustycustomshop

制作者 #

  • F.Kumagai
  • フロントエンドエンジニア志望
  • HTML, CSS, JavaScript
  • Adobe Photoshop, Adobe Xd, Visual studio Code
  • 奨励賞(講師)

SNS など #

アピールポイント #

わかりやすいサイトを意識して作りました。
見せる情報はなるべく少なくして少ない情報だけでどんな Web サイトかわかるようにデザインなどで工夫しました。
また JavaScript や CSS を工夫して、ナビゲーションなどをマウスホバーをした際にイベントが起こったり、スクロールをするとヘッダーが消えたり出現したり目的のページに行きやすいようにしました。
販売の項目のカードデザインもズームしたり色が変わったりなどこだわりました。

スライド #

制作者感想 #

デザインをどうするかで、かなり時間を消費してしまいました。
車のカスタムショップがどんな項目があったり情報を載せているのかがわからなかったので、日本のカスタムショップや海外のカスタムショップを比較したりしてどんな共通点があるのかなどをまとめて、デザインしました。
1番大変だったのが間違ってデータを消してしまった事です。
デザインの段階だったので絶望的では無かったのですが、1度作ったものをまた作り直す作業が時間の無駄だなと思いました。バックアップの重要性を実感しました。
今回学んだ事は、計画した日程通りではなくても今日はここまでやりきろうといった一つ一つの積み重ねと、何かしらできたらバックアップを取るという事です。

コメント #

作品ならびにプレゼン動画の閲覧ありがとうございました!
さらに学生作品への評価・アドバイス、感想などコメントいただけると、今後の制作、就職活動の励みになります。