架空のコワーキングスペースのワイヤーフレームからデザインカンプを制作しました。
【要件】
ビジネススクール「WORK」の会員限定コワーキングスペースをオープンすることになった。利用方法やアクセス情報を載せたWebサイトを作ってほしい。
【目的】
コワーキングスペースについて知ってもらう
【クライアント情報】
女性向けのビジネススクールを展開している。会員は20代〜30代の女性が多く、キャリアアップのためにビジネススキルを学び、さらにそのアウトプットの場として定期的にビジネスコンテストなどのイベントも開催している。
【ワイヤーフレーム】 ＊事前に用意されていたものです。
上記のワイヤーフレームを元に作成したものがこちらです。
〜PC版〜
〜スマホ版〜
【制作する上で】
メインターゲットが20代〜30代女性になるため、女性らしくシンプルで大人かわいいデザインで作成しました。たくさんの人に興味を持ってもらえるよう、イラストも各所に配置し、親近感が沸くようなイメージにしました。
利用方法やコンセプト等の、文字情報が多くなってしまう部分は写真やイラストを多く使用し、流し読みされても何が書いてあるのか直感的にわかるレイアウトにしました。
クライアントの要望では「利用方法やアクセス情報を載せてほしい」との依頼であるため、上部に利用方法やアクセス方法等を載せています。
スマホのデザインカンプでは、タップしたときのことを考えボタンは大きく配置し、直感的にわかるUIを意識しました。