ごちそうの森 | webサイト
制作期間： 4ヶ月 （企画：1.5ヶ月 ワイヤーフレーム・デザイン・ライティング：1.5ヶ月 実装：1ヶ月）
担当範囲： 企画〜デザイン〜実装 使用ツール：Canva/XD/WordPress
- きっかけ
- スキルを提供するボランティア"ママボノ"でのチラシ作成ボランティアがごち森との出会いでした。 ごち森の活動に共感し、多くの人に届けたいと感じてWebサイトを提案し、作成させていただきました。
- ターゲット
- 30代-40代 ファミリー層・企業/団体・行政・自然に興味がある人
- お客様（サービス）の印象
- 自然との共生共存をテーマに掲げている壮大な団体ではあるが、代表の長光さんはパワフルで愛情に溢れ、親しみやすい方。
ごちそうの森で体感したことは、森を歩いて自然を知る。その上で、森の恵みをおいしく料理していただく。
命の大切さ、人間が自然の一部なんだと感じられるプログラムでした。
ナチュラルで可愛らしい雰囲気というよりは、活動的で時に厳しい自然という印象でした。 - どんな印象を与えたいか
- ①メインターゲットであるファミリー層に向けて「ポップ」で「親しみやすい」印象。
②企業や行政に向けて「情報がわかりやすい」。 - デザインコンセプト
- 情報整理とわかりやすさ
楽しそうなポップなカラー - デザイン意図
- 子供たちに参加してほしいプログラムをメインプログラムにしたため、ポップなカラーを使用しました。
緑と黄色で明るく楽しい雰囲気を出しています。
背景にはイノシシの足跡を使用し、ごちそうの森の世界観を演出しています。
トップ画像にはごちそうの森全体がわかる写真や、活動のハイライトを使用し、サイト訪問者への興味を惹きつけます。 - コンセプトシート
- 制作の流れ
- 01 ヒアリング
ママボノにてステークホルダーやユーザーへのヒアリングもすすめていたため、理解が深まっていた状態でのスタートでした。その上で、課題は何なのか、Webでできることは何なのかを掘り下げていきました。
02 企画書作成
サイトリニューアルに向けた企画書を作成しポイントを整理しました。
03 ワイヤーフレーム
XDを使用してワイヤーフレームを作成しました。
情報の整理とわかりやすさを意識し、また楽しげな印象になるようにリズム良くデザインしました。
04 HTML/CSSコーディング
デザインまで進み、HTML/CSSにて静的サイトのコーディングをしました。
しかし、途中でブログの更新やその他管理を考えてWordPressでの実装へと変更になりました。
05 WordPress実装
お客様と相談し、SWELLというテーマを使用して実装することとなりました。
通販サイトはBASEを使用し、予約管理はプラグインにて実装しました。 - わたしの想い
- 企画書作成〜ワイヤーフレーム〜デザイン〜実装。トータルで担当することができて多くの苦労と学びがありました。納品後もどんどんサイトを育ててくださり、結果的にWordPressにして大正解でした。 ママボノで出会えたごち森さん。実際に活動にも参加させてもらって、 自然への想いやこどもたちへの教育面、大人たちの開放感・・・ その世界観のファンになっていました。 今回ご依頼いただき、活動の一部に参加できたことを心から嬉しく思います。
- お客様のお声
- とても親切、丁寧に、気持ちを持って関わってくださったことに感謝しています！ アフターサービスもしっかりしていただき、いろんなアイデアもいただけてありがたかったです。 同じ同世代、子育て世代ということで、色々状況も理解し合えたり、大切にするところが似ているというのも色々作業や意思疎通もしやすく助かったポイントです。