大阪・堺市近隣大学に通う学生のボランティア活動等をサポートする、さかいソーシャルデザインセンター様のwebサイトおよびリーフレットを制作しました。
ソーシャルデザインとは、まちや地域や社会、日常生活の「あったらいいな」を目指しながら一人ひとりの生活を豊かにする活動。人によってソーシャルデザインの意義や取り組み方、姿勢がさまざまであることや、活動によって社会を変えていく様子を表現しました。
さまざまなカタチと色。 ソーシャル・デザインの姿は 人によって異っていい
さかいソーシャルデザインセンター
Web Graphic
Outline
Planning
<メインターゲット>
ボランティアにやや関心がある層。ボランティアは関心がある層とない層にはっきりと分かれ、関心がある人は何もせずとも自ら活動するため、「誘われれば参加してもいいと思っている人」をターゲットに定めました。
<目的>
・ボランティア活動の先入観、固定化されたイメージ(意識高い、崇高など)をやわらげる
・堅苦しい情報を一方的に提供するのではなく、楽しめるコンテンツを用意して心理的なハードルを下げる
<イメージ>
・アイソメトリックな動くイラスト、「街」
ボランティアにやや関心がある層。ボランティアは関心がある層とない層にはっきりと分かれ、関心がある人は何もせずとも自ら活動するため、「誘われれば参加してもいいと思っている人」をターゲットに定めました。
<目的>
・ボランティア活動の先入観、固定化されたイメージ(意識高い、崇高など)をやわらげる
・堅苦しい情報を一方的に提供するのではなく、楽しめるコンテンツを用意して心理的なハードルを下げる
<イメージ>
・アイソメトリックな動くイラスト、「街」
Design
<Web>
・ソーシャルデザインというあまり浸透していない語を、具体的なモチーフではなく、抽象的な「ふわふわ」を用いて表現
・冒険感(どこかに向かう感じ)
・社会、世界(地球のような球体の上にいる感じ)
・浮遊感(ぷかぷか)
・拠点感(穴)
<フライヤーデザイン>
・入学時に渡す際に他の資料などに混ざって配られるため、埋もれずに目に留まるものに
・型抜き
・型抜きの形は、「さまざまな動機=ふわふわ」が集合した時の形をイメージ。また、裏面にはそれをカラーで表現
・表と裏のコントラストをつけることで、全体的にアクティブな明るいものに
・ソーシャルデザインというあまり浸透していない語を、具体的なモチーフではなく、抽象的な「ふわふわ」を用いて表現
・冒険感(どこかに向かう感じ)
・社会、世界(地球のような球体の上にいる感じ)
・浮遊感(ぷかぷか)
・拠点感(穴)
<フライヤーデザイン>
・入学時に渡す際に他の資料などに混ざって配られるため、埋もれずに目に留まるものに
・型抜き
・型抜きの形は、「さまざまな動機=ふわふわ」が集合した時の形をイメージ。また、裏面にはそれをカラーで表現
・表と裏のコントラストをつけることで、全体的にアクティブな明るいものに
Technology
ふわふわ動くアニメーションはAfter Effects→lottieで制作しました。
Voice
<webサイト>
一つひとつ丁寧に作り込んでいただいたため、どのコンテンツにも愛着だらけで幸せです。学生に使ってもらうこれからが本番ですが、お力をお借り出来て本当に良かったです。
早速各方面に自慢&お披露目連絡していきます!
<パンフレット>
とってもかわいいパンフレットが届きました…!
色味もデザインも質感も可愛くて、大喜びで写真を撮っておりました!
サイトもパンフレットも、どちらも愛着がものすごくて、本当に関わらせていただけてよかったなとしみじみ感じております。配布の日が待ち遠しいです!素敵なパンフレットをありがとうございました!
Project Data
- Client
- さかいソーシャルデザインセンター
- Place
- 大阪府
- Launch Date
- 2021.3
- Url
- https://www.sakai-sdc.jp/
- Industry
- 学校・教育
- Director
- 保科大輔
- Web Designer
- ハラヒロシ
- Web Designer
- 長張由布
- HTML Coder
- 佐々成美
- HTML Coder
- 堀内宏道
- Engineer
- 佐々成美
- Engineer
- 堀内宏道
- Illustrator
- 住澤みかげ
- Graphic Designer
- 山岸明日香