WORKS
WebサイトのFV画像

クライアントワーク

きのコ様シェアハウスサイト

案件概要

個人運営のシェアハウスサイトのHP。
多様性やレインボーフラッグをイメージしてカラフルでポップなデザインに仕上げました。
現在、クライアント様の事情により制作を一時停止しています。

Figmaを
見る

設計の詳細は
こちらから!

ここが一味違う!

「下層ページをLPスタイルに」

  • それぞれのシェアハウスのページを1ページにまとめました
  • 問題提起から始まりCTAに繋げるLP構成
  • ノンストップでストレスなく知りたい情報をまとめて獲得
  • セクションごとにジャンプ機能を付けて欲しい情報にすぐアクセス

ターゲット

マイノリティ(特にLGBT、外国の人)
マイノリティゆえの生きづらさを感じている人。安心安全に過ごせる場所を求めている人。

目的

  • ・シェアハウスに入居して頂くこと
  • ・イベントに参加して頂くこと

構成のポイント

コンセプトがしっかりしており、立地などの条件が良いのが強み。住みたくなるような魅力的な物件紹介になるよう写真と図形を組み合わせて親しみやすさを出す。問い合わせを目立たせることで目的達成のための導線を作る。シェアハウスのアピールポイントは図示してわかりやすく見せる。

使用ツール

Photoshop

Illustrator

Figma

VScode

デザインコンセプト

「安心して暮らせる多様性豊かなシェアハウス」

多様性、安心感、アットホームの他に、「カオス」という面白い提案をいただきました。色味を調整して、色数を増やし、多様性や安心感を演出。 流体シェイプやや曲線を中心にすることで無秩序感やカオスというイメージを取り入れました。 暖かみがあり、優しく、親しみやすい印象を出すために、丸ゴシックを選択。 シェアハウスのイメージに沿ったイラストを作成し、要所に織り込みました。

ポップ

多様性

安心感

カオス

不規則

アットホーム

カラフル

コンセプトカラー

#CA79E7

#4A6FC1

#39B175

#EFD53A

#F5A051

#F56C6C

#FDDED1

制作期間

ヒアリング・分析

ワイヤーフレーム

デザイン

7日間

2日間

5日間

デザイン完成図

デザインイメージ図 デザインイメージ図