💎サイトURL
https://lucetokyo.studio.design/
⏳製作時間
デザイン：1ヶ月
コーディング：1ヶ月半
STUDIOで再度制作：1ヶ月
ーーー
合計 3ヶ月半
🌟制作に至ったきっかけ
・自らお世話になっているチーム
・このサイトを作ることが、私がLIGに入った理由の1つだった
🌟ターゲット
◆サイト目的
LUCEを知ってもらう、新規メンバーが増える
◆サイトの目標
LUCEの活動を知ってもらい、ネットからも新規の練習参加できるように道を作る
◆モデル＆ダンスチーム「LUCE」の概要
・東京周辺で活動中
・レクチャー、モデルウォーキング、ダンスを通して自分を磨く場を提供
・笑顔が多く、活気あふれる印象
・年に2回の発表の舞台あり
・価格は相場より低い→１レッスン500円
・街に出歩き、新規メンバーをスカウトしているのが今の現状
◆ペルソナの策定
松田りみ（18）
・女性
・山梨県出身 一人暮らし。上京したて。
・小中高バレーボール部で173㎝
・ダンスもモデルも未経験
・「大学では何か新しいことを始めたい」
・決めたことは必ず守る
・アルバイト 月3万円程度
・趣味：スポーツ鑑賞、筋トレ
・情報収集先：スマホ、インスタグラム
※現メンバーから分析し、ペルソナを策定
🌟ユーザーフロー
◆シーン
電車の中
◆状態
紹介されたLUCEを「インスタグラム」で検索
◆導線
・数日前、新宿で買い物をしている際に現LUCEメンバーから「モデルをやってみない？」と声をかけられた。
・その後、少し気になり、時間のできた移動時間になんとなくインスタグラムで「luce」と検索
・LUCEの公式インスタグラムにたどり着く
・インスタグラムページからURLを通して今サイトに入る
・参加してみたいと興味をもち、contactから問い合わせる（Gole）
🌟デザイン
◆コンセプト
元々あるinstagramの世界観を最大限に活かしたサイト
◆コンテンツアイデア
・LUCEの普段の活動内容と雰囲気がわかること
・若い世代が感覚的に興味を持ってくれる
この2点を意識して、
TOP、MENU、 CONTACTのPC、SPデザインを作成
◆カラー、フォント
◆デザインアイデア
ーTOPー
・ヘッダーに「このような姿になりたい」という憧れが増すよう、メンバーの写真を大きく載せた。
・全体の文章は明朝体とサンセリフ体、白い部分を多めにとり「上品さ」「若い子の新しさ」を表現。
・「言葉が自分の考えを作る」を軸に活動しているので、言葉を強調したくて印象的なキャッチコピーはSVG形式にし、太くデザイン。
・背景画像をモデルの衣装生地にし、衣装をアピール。（クライアント要望）
・Firstの背景は照明の素材をぼかし、チームコンセプトの「毎日の生活が舞台だ」を彷彿させるようにした。
・背景色 ＃63296C の紫は締まりをいれる色。また、潜在能力を引き出す意味合いがあり、「舞台・レッスン後の自分」を表現。
・動画を入れることで、普段がどんな様子なのかを客観的に見やすくし、「ワクワク」する心を持てるように工夫。全て自作。
・ボタンを押すとポップアップが開きます。
・ポップアップの背景色は ＃F7EDEA のピンク。そして、メニュー同様＃CBE7FC の水色を使用。メンバーの暖かい性格と「練習の和気藹々とした雰囲気」「練習内容が濃く充実している」を表している。
・VOICEはYoutubeのインタビュー動画に飛べるようにした。
ーmenuー
・メニューは「メンバーの頭の中」をイメージ。
・頭の中の色で水色、文字は白をチョイス。「聡明さ」「素直さ」「晴れやかな心」を表現。
ーCONTACTー
・＃63296C の紫色で統一し、洗練された印象を出した。
💡今後News、Galleryを作成予定
◆参考サイト