小田原のホームページ制作事例|就労移行支援事業所 My Piece おだわらさま Wixサイトのデザインリニューアル

小田原の就労移行支援事業所「My Piece おだわら」さまの、Wixで作られたホームページをリニューアルしました。ブログの更新や利用者さま専用ページなど、今ある仕組みはそのまま引き継いでいます。スタッフの方や卒業された方にもお話を伺い、キャッチコピーから一緒に作りました。
- プロジェクト
- Wixサイトのデザインリニューアル(コピー・図解・構成の見直し)
- クライアント
- My Piece おだわらさま
- 業種
- 福祉(就労移行支援事業所)
- 地域
- 神奈川県小田原市
- 対応範囲
- ヒアリング コンセプト設計 ネーミング・コピー デザイン Web設計・構成
- URL
- www.my-piece.net
ご相談いただいたこと
- 今のWixサイトを、仕組みはそのままに、デザインを新しくしたい
- はじめて見る方に、事業の内容と良さが伝わるサイトにしたい
- 近くに同じ分野の事業所が増えてきたので、自分たちらしさを伝えたい
- どんな言葉で表現すればよいか迷っている
桃秀デザインのご提案
もとのサイトはWixで作られていて、職員の方がブログを更新し、利用者さま専用のパスワードつきページもありました。この仕組みは壊さずに引き継ぎ、デザインと、内容の見せ方を新しくしています。
はじめに、ご担当者さま、スタッフの方、そして卒業された方にもお話を伺いました。その内容をもとに、トップのキャッチコピーを数案ご提案。採用されたのが「がんばりすぎない、自分らしい働き方を。」です。
全体は、親しみやすさと温かさを軸にしました。同じ分野のサイトに多い緑や青は避け、オレンジを基調にしています。お顔を出せる方が限られるため、イラストを多く使いました。
内容は、「何をしている事業所か」「誰が使えるか」「どんな支援が受けられるか」「通うとどうなるか」が、はじめての方にも順に分かるように整理しています。開設から3年分の実績は、就職先の地図やグラフにしました。スタッフ紹介、利用者さまの声、代表の想いを伝えるページも、新しくご提案したものです。素材は、こちらで用意した管理シートに入力していただく形で集めています。
サイトの目的は、見学や相談のお問い合わせを増やすことです。ボタンとフォームは、見やすさと入力のしやすさを考えて作り直しました。検索で見つけてもらいやすいよう、Wixでできる範囲で、ページのタイトルや説明文に地域の名前を入れて整えています。
パソコンとスマホ、両方の表示を整え、公開の作業と動作確認まで行いました。公開後は、以前より検索で上位に表示されるようになっています。デザイン案をご覧いただいたときには、「こういうふうに想いを表現すればいいのか」というお言葉をいただきました。
デザインのポイント
- キャッチコピーはヒアリングから。「がんばりすぎない、自分らしい働き方を。」
- オレンジを基調にした温かい色。同じ分野に多い緑・青と見分けがつくように
- 実績は、就職先の地図とグラフで、ひと目で分かるように
- お顔を出しにくいところはイラストで。人のあたたかさは残す
- 見学・相談のボタンとフォームを、見やすく入力しやすく

スマホでの表示(トップ・実績の図解・代表メッセージ)
- 就職先の地図と、障害の種別のグラフを新しく作成
- 代表の想いを伝えるページを追加
- 背景とイラストに、パズルのピースのモチーフを使用
お客様の声
おまかせしたら、私たちらしさが伝わるサイトに生まれ変わりました。情報も丁寧に整理されていて、スタッフ一同、納得の仕上がり。リニューアル後は検索順位も上がっています。
My Piece おだわら ご担当者さま
HOME > WORKS > 小田原のホームページ制作事例|就労移行支援事業所 My Piece おだわらさま Wixサイトのデザインリニューアル











