【架空案件】コワーキングスペースLP制作 （ワイヤーフレーム～デザインカンプ）

▼クライアントからの依頼内容

▼情報整理

▽ユーザーストーリー

▽テーマとコンセプト

テーマ：simple is the best

コンセプト：柔らかさの中に芯がある

▽ムードボード

▽スタイルガイド

▼ワイヤーフレーム

▽ワイヤーフレームの見直し

▽制作したワイヤーフレーム

▼制作したデザインカンプ

▼工夫した点

情報設計

ペルソナは働く女性ということもあり、サイトにいる時間はさほど長くないと考え、見やすい、読みやすいシンプルで簡潔に情報を伝えることが重要だと感じ、定期的に画像やイラストを使用しユーザーの負担にならない設計にした。

ペルソナに合った配色

具体的にペルソナを設定しその人がどんな色を好むのかを考え、サイトを訪れたユーザーがこんなコワーキングスペースに行ってみたいと直感的に感じる配色に仕上げた。

コーディングを意識

装飾を最小限にし、余白やフォントのルールを細かく決め、コーディングしやすい設計を心掛けた。

▼制作を通して学んだこと

要素と情報整理の大切さ

途中で離脱しない配置方法や文字の大きさ、枠の大きさ、目立たせ方、何気なく見ていたHPに多様な要素が入っていることを改めて感じさせられました。

余白とフォントの使い方

特にシンプルなものは、余白がかなり重要であり、１つでも繰り返す余白を間違えると全体のバランスが崩れることを知りました。また、装飾がないためフォントで印象が変わるためフォントの使い方も学びました。