【実技試験/自主制作】LP制作（要件定義/ブランディング/デザインカンプ/コーディング）

giba

複業フリーランス

OVERVIEW

SHElikes WEBデザインコースの実技試験。架空カフェのLPを制作いたしました。［制作期間：5ヶ月/使用ツール：デザインカンプ→Photoshop・コーディング→HTML/CSS/JQuery (ATOM) ］

YEAR 2022

◾️サイトの内容を決めた経緯

私の義憤から制作をスタートいたしました。

この溢れる想いを架空でも良いので形として残したく、『おひとりさま専用カフェSotokotatsu』というサイトを作ることに決めました。

☑️義憤

本来人想いの頑張り屋さんにこそ休息が必要なはずなのに、チャージできていない人が多い気がする。

☑️想い

何故か頑張っていることを発信しにくい世の中。

人想いの頑張り屋さん＝「あとお願いねー。」と言われて損をする＆とっつきにくいといったマイナスイメージがある。

でも、頑張っていることや真面目なことは悪いことじゃない。むしろ素敵な個性。

そんな人たちに自分の素敵な個性を大切に、自分の時間を大切にしてほしい。

素敵な個性を持つ人達→素（そ）と個（こ）達（たつ）にとって、外にある『こたつ』のようなあたたかい空間を架空でも作りたい。

◾️ターゲット

20代後半〜30代の会社で働く人想いの頑張り屋さん

◾️ペルソナ

◾️サイトの目的・内容

☑️目的

カフェの魅力発信、予約必須サービスの事前予約、週末限定イベント周知

☑️内容

ABOUT、SERVICE、VOICE、CALENDAR、ACCESS(SNS)

【デザインイメージ（掲載内容含む）】

・温かみのある暖色系（希望：黄色、温もり：茶色、親しみ：オレンジ、癒し：緑）・初めての方にも分かりやすいサービス・メニュー案内・ご予約画面は分かりやすく・朝／夜をイメージさせるデザイン（朝夕でサービス変更を分かりやすく）

メインビジュアル（ラテのアップと人の手の温もり。ほっと落ち着く写真）

※お一人様専用カフェ、写真撮影禁止の旨記載する→人の写真はコーチング以外載せない。

※お一人様に寄り添う空間をイメージできるようにする。

①about（コンセプト・ネーミング・お願い）

※素敵な個性を持つ人達へメッセージ　※sotokotasuの意味が分かるようにする（素と個達・外こたつ）

② service（夜のサービス：一息・見る／朝のサービス：聞く・話す）

※「一息」：全て手作りの旨掲載（お菓子とドリンクのみちょっと立ち寄るイメージをここで持ってもらう）・食べ物＆ドリンクの写真を掲載

※「見る」：お好きな本が読めること・ノート（スタッフからのメッセージ）がテーブルにあるのでその旨を掲載・本orノートの写真掲載

※「聞く」：週末限定イベント内容案内文の掲載・講演会のバナーを一緒に掲載

※「話す」：週末限定コーチングサービス案内文の掲載・1on1の写真を掲載 ③voice　※実際にサービスを利用したお客様のお声を掲載 ④calendar（営業・イベントスケジュール）　- ご予約方法：ボタン（メインビジュアルに掲載のボタンと同様） - 定休日（青色）　- 週末限定イベント（オフライン・オンライン）（赤色） ⑤access