チャリティーショップ フォースマイル様
新規店舗サイト制作
サイト概要
東京都北区十条の店舗のリニューアルに伴い、PC・スマホ・タブレットに対応したWebサイトを企画から運用まで担当しました。実際に使用され、現在も稼働しています。
-
クライアント
チャリティーショップ フォースマイル様
-
公開日
2022年8月26日
-
制作期間
4ヶ月半
-
ページ数
4ページ(トップページ1枚 | 下層ページ3枚 / 計:4枚)
-
担当範囲
企画立案 | デザイン |
コーディング | 写真撮影 | サーバー登録 | Web掲載 -
使用ツール
Photoshop | Illustrator | Dreamweaver
-
URL
https://sasagawa.sakura.ne.jp/forsmile/index.html
ターゲット層
小学生までの子供がいる20〜30代ぐらいのお母さん、60代の年配層
企画書
サイトの質を高める為、最初に企画書を作成しサイト制作の目的やターゲットを明確にした上でデザインに取り掛かりました。
コンセプトは「わかりやすさ」
「チャリティーショップ」という言葉だけでは具体的なイメージが湧かないため、トップページにおいて、当店がどのような店舗であり、どのような仕事を行っているのかを、答えと共に明確に伝えるようにしました。また、詳細な説明文はあるものの、見出しや太字を使うことで、見た目で伝わる内容が多くなるように構成しています。
子供と一緒に観ることを想定
お母さんや子供でも安心感ややわらかさを感じられるようなデザインや写真、アニメーションをたくさん取り入れました。これによって訪問者がページを飽きずに見て、下層ページまで進めるように工夫しました。
その他の工夫したところ
- 優しさを表現するデザインで、仕事風景のスライドショーをトップ絵に掲載。
- コミカルな吹き出しや装飾を加え、子供でも親しみやすいデザインに。
- 簡単なQA形式でお店の業務内容を分かりやすく紹介。
- 長文は疲れるため、短くまとめて下層ページに設置。
- 情報が多いページは、行間を広くとり短い文章で整理し、見やすさに配慮。
- jQueryを使ったアニメーション解説で、最小限の言葉で興味を引くデザインに。
合わせて名刺とバナーも作成