【サンプルサイト】にこにこキッズパーク公式サイト
プロジェクト概要
- クライアント
- 自主制作サンプル（架空サイト）
- 制作時期
- 2025年12月頃(約3週間)
- 使用ツール
- Adobe illustrator
Adobe Photoshop
Microsoft Visual Studio Code
Google Gemini(画像・文章生成) - URL
- https://ohisamaweb.com/sample/kidspark/
Purpose- 課題・目的 -
子供向けの架空の遊び場、「にこにこキッズパーク」の公式サイトを作成しました。
「ここはどんな場所なんだろう？」「子供を連れて行っても大丈夫かな？」というパパ・ママの不安を解消し、ワクワクした気持ちで足を運んでもらえるよう、楽しい雰囲気のサイトです。スマホで家事の合間にサッと見ても、「料金」や「遊び場」の情報がすぐに見つかる使いやすさを大切にしました。また、アニメーションなどの動く仕掛けを取り入れることで、お子様が楽しそうに遊ぶ姿を想像してもらい、親子の思い出づくりのきっかけを作ることを目指しました。
Concept- コンセプト -
「遊び心あふれる、デジタルの公園」 公園で遊んでいるような開放感と安心感を、丸みを帯びたフォント（M PLUS Rounded 1c）や、オレンジを基調とした温かみのあるカラーパレットで表現。子供だけでなく、保護者も「ここなら行きたい」と思える親しみやすさを追求しました。
Points- こだわりポイント -
デザインに込めた想いや、制作時に工夫したポイントをご紹介します。
1 施設の躍動感を伝える「メインビジュアル・アニメーション」
サイトを開いた瞬間に「楽しそう！」というワクワク感を感じてもらえるよう、メインビジュアルのメッセージにふわっと浮かび上がるようなアニメーションを実装しました。スマホ表示では、家事の合間に片手で操作するパパ・ママの視界を遮らないよう、テキストを画面下部に配置するなど、デバイスごとの「心地よい見せ方」に徹底的にこだわっています。
2 施設の魅力がダイレクトに伝わる「遊びのエリア紹介」
どんな遊具があるのかを一目でイメージできるよう、各エリアの紹介には大きな写真と短いキャッチコピーを添えました。専門的な説明文よりも、パパ・ママが「うちの子ならここでこう遊ぶかな？」と想像を膨らませられるような、視覚的で分かりやすいレイアウトを意識しています。
3 視認性と操作性を両立した「直感型アイコン」
初めてサイトを訪れる方でも、迷わず知りたい情報にたどり着けるよう、料金表やアクセス情報にマテリアルアイコンを取り入れました。文字を読み込まなくてもアイコンが内容を補足してくれるため、忙しい育児の合間でもストレスなく情報を確認できる、優しく機能的な設計を目指しました。
実際のサイトはこちらからご覧いただけます
実際のサイトを見るopen_in_new
あなただけの特別な作品を一緒につくりませんか？
「こんなことできるかな？」という小さなご相談も、丁寧にお伺いします。