5ページから構成されるストアサイトの模写です。
URL
https://nora-stu.girlfriend.jp/works-1/
担当
コーディング
サイトの目的
製品紹介から購入につなげるためのWebサイト
使用技術
HTML/CSS/JavaScript/jQuery
デザインについて
オリジナルの製品を一覧で見やすいサイトを参考にさせていただきました。
製品画像のレイアウトはBootstrapを使用してみました。そのため参考にさせていただいたオリジナルデザインとはブレークポイント等細部が異なります。
コーディングについて
PCのWebサイト制作はもちろんのこと、スマートフォンでも見やすくするためレスポンシブ対応を施しております。
この模写ではJavaScriptはハンバーガーメニューのみです。自己研鑽、経験を積んで、より動きのあるサイトが作れるようにJavaScript,jQueryを使いこなせるようになりたいと思います。