LP制作(カフェ&コワーキングスペース)

OVERVIEW

SHElikes MULTI CREATOR COURSEの課題で、ビジネススクール会員限定のカフェ&コワーキングスペースのLPを制作しました。PCデザインカンプとSPワイヤーフレームをデザインしました。(制作時間: 40時間/使用ツール: Photoshop)

■要件

クライアント名 <Work, inc.> 

女性向けのビジネススクールを展開している。会員は20~30代の女性が多く、キャリアアップのためにビジネススキルを学び、さらにそのアウトプットの場として定期的にビジネスコンテストなどのイベントも 開催されている。

◯目的                                    

 WORK lounge Aoyamaについて知ってもらうこと

◯ターゲット                                               

  ビジネススクールWORKの会員様

 ビジネススクールWORKの会員ではないがWORKが気になっている方

◯ペルソナ 


■制作物

■工夫したPOINT

◯LPのコンセプト/テーマ

・「女性らしさ」「あたたかさ」「芯を持った女性」をイメージ

・コンセプトは「作業に集中したり、同じ目標を持った会員の方と触れ合ったりできる、開放感のあるおしゃれな空間」です。


◯配色

・サイト全体と、コワーキングスペースの空間の写真のトンマナを揃えて、柔らかい世界観が作れるよう意識しました。

・写真はメインビジュアルに合わせて、被写体の後ろに緑があるものを選び、統一感が出るようにして、見ている人により空間をイメージしてもらいやすいようにしました。

サイトを訪れた方が、写真や配色の第一印象で「おしゃれな空間だな」「行ってみたいな」と思ってサイト全体を見てもらえるよう意識して制作しました。


■課題を通して学んだこと

ワイヤーフレームをしっかり作り込む大切さを学びました。このサイトで伝えたいことや、大体のレイアウト等は考えた状態でデザインカンプ作成に取り掛かりましたが、途中でイメージと違うと感じ、ワイヤーフレームとデザインカンプを何度か行き来してしまいました。

また、ユーザーの目線に立って、どれくらいの余白感・文字サイズだと見やすいか、どこにどのようなボタンがあればクリックしてもらいやすいか、まで考えることができました。


■今回の課題の感想

文字サイズやフォント、余白を決めるのが難しかったです。様々なサイトをデベロッパーツールで観察しながら作りました。

ワイヤーフレームの時点ではあまり完成図が想像できませんでしたが、だんだんイメージが形になっていくのが楽しかったです。細かいあしらい等をつけるのが、自分の引き出しが少ないと感じたので、良いデザインをたくさん研究して今後に活かしていきたいです。