HP
ホームページ
♦︎ ターゲット
20~40代の日本でコワーキングスペースを探している海外の方
♦︎ 目的
初めて訪れるユーザーの不安を和らげる。
♦︎ サイト構成
ファーストビューで空間の雰囲気や価値を直感的に伝え、Aboutではサービスのコンセプトや運営の想いを紹介。OurCommunityでは、利用者やコミュニティの雰囲気を通して、人とのつながりを感じられる構成にした。Serviceでは設備や空間の情報を整理して掲載し、最後にContactで問い合わせへスムーズにつながる導線を設計した。
♦︎ デザイン
写真を大きく使い、空間の雰囲気を直感的に伝える。余白をしっかり取り落ち着いた印象にした。
♦︎ ターゲット
30~50代の個人・個人事業主
♦︎ 目的
サービス内容、料金プランを明確に提示し、初回相談や予約への導線を作ること。
コンサルティング会社としての専門性、安心感、実績を伝えること。
♦︎ サイト構成
情報量の多い企業サイトでも迷わず閲覧できるよう、理念・サービス・実績を整理。
そして、信頼形成から問い合わせまでを意識した構成にした。
♦︎ デザイン
ブルー系×レッドを使用し、予約や申し込みボタンを目立つようにした。
フラットなイラストを使用し、難しいお金の話を親しみやすく視覚化した。
♦︎ ターゲット
サイトを通じて制作会社やデザイナーを探している企業・個人事業主
♦︎ 目的
制作会社の想いや強みを伝え、問い合わせにつなげること。
♦︎ サイト構成
企業の想いや価値観を最初に提示し、サービス内容や実績を整理して伝えることで、
初めてのユーザーでも直感的にわかりやすく、行動に移りやすい構成にした。
♦︎ デザイン
ブルー×ホワイトのシンプルな配色にし、誠実さが伝わるようにした。
抽象的になりやすい「価値観」を円形＋短い言葉で直感的に理解できるようにした。
LP
ランディングページ
スクール課題
制作期間 / 2週間
使用ツール / Figma
♦︎ ターゲット
20~40代のホワイトニングに興味がある方
♦︎ 目的
歯科医院でホワイトニングができる安心感と専門性を伝え、来院につなげること。
♦︎ サイト構成
ファーストビューには一番伝えたい「歯科医院だからできるホワイトニング」と料金も提示した。次に歯の悩みに共感しながら、歯科医院ならではの信頼性と安心感を訴求し、予約へつなげる構成にした。
♦︎ デザイン
清潔感が出るような水色×ホワイトという配色にした。また親しみやすさが出るように、ポップな歯のイラストを使用した。
Banner
バナー
自主制作
制作時間 / 1時間
使用ツール / Canva
♦︎ ターゲット
20~30代の女性で、京都旅行を検討している方
♦︎ 目的
この広告バナーをクリックしてもらい、旅行先を京都に決定してもらう。
♦︎ 情報設計
キャッチコピーを真ん中に大きく設置し、何のバナー広告なのかを瞬時に理解できるようにした。その下に「詳細はこちら」のボタンを設置して導線を作った。
♦︎ デザイン
背景の写真は京都をイメージできるようなものにした。また、キャッチコピーが映えるように背景のコントラストを調整した。視覚的に目を引く赤い円形を使用し、キャッチコピー以外に伝えたい内容が自然と目に入るようにした。
自主制作
制作期間 / 1時間
使用ツール / Canva
♦︎ ターゲット
20~30代前半の女性で、ヘアオイルやシャンプー選びで迷っている方
♦︎ 目的
インパクトや心に残るメッセージを与え、クリックを誘導すること。
♦︎ 情報設計
画像にメインインパクトを持たせ、興味が沸くようにした。
♦︎ デザイン
画像の髪のツヤ部分に、文字のツヤを被せて強調した。また、ヘアオイルを連想させるようにオイルに似たようなオブジェクトを設置した。
自主制作
制作期間 / 1時間
使用ツール / Canva
♦︎ ターゲット
10代後半~30代後半の女性で、スキンケア製品を探している方
♦︎ 目的
商品購入やサービス体験で得られる将来像を提案し、クリックを誘導すること。
♦︎ 情報設計
「素肌、もっと輝く」とポジティブな将来像を提示したり、プレゼントキャンペーンバナーでお得感を感じてもらうようにした。そして、クリックしてもらい商品購入へとつながるようにした。
♦︎ デザイン
スキンケア製品ということで、全体的に清潔感溢れるようなさっぱりした色味にした。文字は「素」を白にしたり「輝く」を金にしたり、言葉に合うような色を使用した。
自主制作
制作期間 / 2時間
使用ツール / Figma
♦︎ ターゲット
20代後半から30代前半の今年着るアウターを探している方
♦︎ 目的
購買意欲を高め、クリックを誘導しLPページへと進んでもらうこと。
♦︎ 情報設計
タイトルを上に提示してから、複数枚のコーディネートを配置し「どういうアウターがあるのか」や「種類は豊富なのか」ということがわかるようにした。
♦︎ デザイン
コントラストを上げ、トーンを揃える写真加工をした。写真の配置を重ねたり、手書きのイラストを入れたりすることで、おしゃれ雑誌風に見えるようにこだわった。