Nature Box

制作範囲

HTML、CSS、JavaScript

意図・目的

本で見ながらコードを書いていき、写真の並べ方、マージンの幅などを自分なりにいじって実験していました。
架空店舗のページではありますが、ペルソナを設定してから取り掛かることで、フリーの写真を選ぶときも、架空の商品説明を書くときもスムーズに作業できました。
Webマーケティングの基礎も学べたと思います。

UI/UX

JavaScriptについてかなり工夫したページで、Webでのアニメーションの作り方をじっくり勉強できました。 ロゴの見せ方、レスポンシブにした時のメニューの見せ方など、「Webページの使いやすさ」とは何か、考えるきっかけになったページです。

使用ツール/言語

HTML、CSS、JavaScript