【 LPトレース】HELLO SCOOTER

制作概要

Webサイトにおける読みやすい文字のサイズやレイアウトの組み方、色の使い方はバナーとは大きく違うため、その感覚をトレースしながら養う。

スタイルガイドを作成し、一定のルールに沿ってデザインを作成していく事を学ぶ。

トレースサイト：HELLO SCOOTER 

Design image

• 工夫した点

基本的なメイン・ベース・アクセントカラーが３色だけではなくそれ以上色が使用されているサイトですが、統一感が出ているサイトだと感じたため、スタイルガイドを並行して作成しながら、なぜそうなっているのかを考え分析しながら制作しました。

• 学んだ点

見出しのサイズと説明のフォントサイズに大きく違いをつけることでメリハリが出るということを学びました。また、文字の行間を少し多めにとる事でメッセージ性が強くなるという点も気付きました。このサイトはコンテンツやコンテンツの背景を斜めに入れるデザインが使われており、そうすることでサイト自体に動き出ると感じたため、今後のサイト制作に生かしたいと思いました。