【架空WEBサイト】大阪にあるメガネショップの実装

・制作期間

1週間(2021年1月頃)

初めてのコーディングでどの部分にどのタグをつければいいのか、マージンとパディングの違いも分からなかったので時間がかかってしまいました。


・使用ツール

Adobe Xd(デザインカンプより実装)

Visual Studio Code

・制作のポイント

slickでスライドショーを実装しました。

スマホのレスポンシブ対応では画像を変更しスマホ用に見やすいように工夫しました。

Searchセクションのボタンはhover時にふわっと影が出てくるデザインにしています。

バナーや画像にはhover時に色が変わる変化をつけてユーザビリティを考慮しました。


・実際のサイトはこちら



WEBSITE