Webサイトリニューアル(美容室)
OVERVIEW
架空の美容室のサイトリニューアル課題として、デザインカンプを制作しました。 制作期間:3週間(ワイヤーフレーム修正1週間、デザインカンプ2週間) ツール:Figma、Photoshop、Illustrator
株式会社PENGIN様が配布されている課題をお借りいたしました。(課題URL)
配布いただいているワイヤーフレームを依頼内容やペルソナにあわせて修正し、デザインカンプを制作しました。
【要件】
◆クライアントの要望
お店のコンセプトが伝わるサイトを作りたい。
◆希望するイメージ
・敷居が高過ぎないおしゃれさ
・温もりやリラックスを感じさせる雰囲気
◆ターゲット
30代主婦
【工夫したこと】
サイト全体のまとまりを出しつつ、飽きられないように変化をつけるデザインを意識しました。
画像の形は共通して角丸にして、その中で丸みの強さや形を変えて変化をつけています。
また、見出しは共通のフォントを使い、複数のパターンを作りました。さらに、見出しがないセクションを入れることでサイト内のメリハリと変化をつけています。
【学んだこと】
- レイアウトのバリエーションの付け方を学びました。
具体的には、画像とテキストの並べ方やコンテンツの幅など、さまざまな組み合わせでレイアウトの変化が出せることに気づきました。 - オブジェクトの形や見出しは全てが同じデザインでなくても、共通する要素を持たせて複数のパターンを作ることでサイトにメリハリがつくことを学びました。