SOFNY

サービスサイト

Client
SOFNY
Open
2025年9月
Scope
情報設計/デザイン/実装
URL
https://sofny-nagareyama.studio.site/

流山市で見られる動物がたくさん登場!

SOFNYのWEB制作事例

プロジェクト概要

流山市を中心に、環境活動をされている市民団体のSOFNY(ソフニー)様。Dear Bugs様のホームページ制作事例をご覧になって、ご依頼いただきました。初めてお声がけいただいた当時、サイト制作には、HTMLサイトWordPress、最近ではノーコードツールのStudio といった方法があること、それらのメリット・デメリットを正直にお伝えしました。最終的に選ばれたのはStudioでしたが、当時は十分な準備が整っておらず、一度はお受けできませんでした。その後、経験を積み、改めてご相談いただけたことがとても嬉しく、今回の制作につながっています。

デザインの工夫と制作のこだわり

思いを押し付けない

今回のサイト制作では、SOFNY様の活動と同じく、“思いを押し付けない伝え方”を大切にしました。 未来や環境という大きなテーマを、見る人が身構えずに、そっと引き寄せられるような表現にしたいというのが、今回のデザインのポイントです。 SOFNY様が日々大切にされている「できることを、できるところから」という想いが、 無理なく自然に受け手に伝わるような文章に。また、虫かごを持った子どもの後ろ姿や花冠を手にする子どもの写真は、顔が映らないことで 想像の“余白”が生まれ、より身近に感じられるように選定しています。

環境を身近に感じてもらうビジュアル

身近に感じてもらえるような工夫

SOFNY様が普及活動をされているコンポスト「キエーロ」の特設ページでは、本編とは少し違うアプローチで“身近さ”を表現しました。テーマにしたのは、「楽しそう!」と感じてもらえるワクワク感です。
メインビジュアルには、子どもの手書き風のカラフルなタイトルを使用。「いろどる」を一文字ずつ色を変えるというアイデアはSOFNY様からのご提案で、私自身もこの表現がとても気に入っています。そして、サイトに出てくる動物は、流山市で見られる動物です。お打ち合わせの中で、そういったお話を伺えたのも楽しかったです。

ワクワクするキエーロのメインビジュアルデザイン

また、全体に多めのアニメーションを取り入れることで、 楽しさを演出しつつ、自然な視線誘導の効果も持たせています。 今回はノーコードツールの Studio を使用しましたが、 動きを豊富に入れながらもしっかり軽快に仕上げることができました。

楽しい動きを入れたページ

クライアントの声

ホームページ制作をお願いしてから、私たちの想いや活動の背景を丁寧にヒアリングしてくださり、言葉選びやデザインを通して形にしていただけたことに、まず感動しました。

正直、ホームページは「情報が伝わればいい」「見やすければ十分」と思っていました。しかし実際に完成したサイトは単なる案内板ではなく、私たちの思いや考え方そのものを映し出す“発信のツール”となり、SOFNYの世界観を語る存在になっていました。出来上がった瞬間、みんなで感動したあの場面は今でも忘れられません。

さらに、検索した際に上位表示されるよう、SEO対策にも徹底してこだわってくださり、安心してお任せすることができました。

そして何より、お人柄が素晴らしく、仕事としてではなく「同じ流山に住む仲間、いわばママ友」のような距離感で私たちの活動に寄り添い、応援してくださる姿勢が本当に嬉しかったです。他の人が見ても伝わりやすいよう、常に客観的な視点で提案してくださった点も非常に心強かったです。

SOFNY
代表 小笠原様

SOFNY