Nature Box
制作範囲
HTML、CSS、JavaScript
意図・目的
本で見ながらコードを書いていき、写真の並べ方、マージンの幅などを自分なりにいじって実験していました。
架空店舗のページではありますが、ペルソナを設定してから取り掛かることで、フリーの写真を選ぶときも、架空の商品説明を書くときもスムーズに作業できました。
Webマーケティングの基礎も学べたと思います。
UI/UX
JavaScriptについてかなり工夫したページで、Webでのアニメーションの作り方をじっくり勉強できました。 ロゴの見せ方、レスポンシブにした時のメニューの見せ方など、「Webページの使いやすさ」とは何か、考えるきっかけになったページです。
使用ツール/言語
HTML、CSS、JavaScript