Overview
制作物
担当範囲
制作期間
使用ツール
目的
子ども向けオンライン × リアルのコミュニティ「loopic」の紹介LP
情報設計 / デザイン / ライティング / コーディング
約1.5週間
Figma / Photoshop / html / css / Javascript / wordopress
サービスの世界観と安心感を伝え、体験参加へつなげる
Concept
「日々のなかに、ワクワクする“やってみたい”がめぐる場所」
loopicのブランドカラーである Clear Aqua（#00D4CC）と Coral（#FF5F6B）を中心に、
“安心 × ワクワク” を両立した世界観を表現しました。
好奇心を育てる場として、
子どもたちがのびのび過ごす様子や海の写真を使用し、
親子が安心して参加できる柔らかいトーンにしています。
Design
■ 制作概要
子ども向けオンラインコミュニティ「loopic」のLPデザイン＆コーディングを担当しました。
「今日の“たのしい！”が、明日の“やってみたい！”に。」というloopicの世界観を、色彩・レイアウト・動線で
直感的に伝える構成に仕上げています。
⸻
■ デザインのポイント
① ブランドカラーを基調にした“安心 × ワクワク”の世界観
Clear Aqua（#00D4CC）とCoral（#FF5F6B）のブランドカラーを軸に、
やわらかく広がる波のモチーフで「安心感」と「ワクワクの循環」を表現。
② ターゲット（子ども・保護者）が不安なく参加できる雰囲気づくり
実際の子どもの表情写真や、丸みのあるフォント・アイコンを使い、
「安心して参加できそう」と感じてもらえるトーンに設計。
③ サービス理解につながる3つの軸が一目で伝わる構成
• ゆっきーの部屋（1on1）
• オンライン活動
• リアル体験イベント
をカードレイアウトで整理し、ひと目でサービス全体像が分かるように構成。
④ 保護者の不安解消につながるFAQを実装
よくある悩み（参加の不安／付き添いの有無など）を整理し、
申込み前の心理的ハードルを下げる導線に。
⸻
■ 担当範囲
情報設計 / ワイヤーフレーム / デザイン / ライティング / HTML・CSS / Javascript / WordPress
⸻
■ 制作期間
約1.5週間
⸻
■ 制作のねらい
サービスの魅力・やさしさ・使いやすさが直感的に伝わるLPを目指し、
「子どもはワクワク、保護者は安心」というバランスを大切に制作しました。
⸻
👉 実際のLPはこちら
https://loopicgo.com/