作品メイン画像

画像をタップして詳細を見る

WEB

授業課題制作

えぺっつ WEBサイト制作

大学2年生次後期授業課題にて「江別市の課題解決」というテーマで、ペットを飼っている人に向けた情報発信のためのWEBサイトを制作しました。

制作日数

5か月 (2024年 9月 - 2025年 1月)

制作学年 / 制作人数

大学2年生次 / 2名

制作技術

HTMLCSSJavascript

担当

サイト設計 / デザイン / 実装

制作の背景

課題

江別市では大学卒業・就職を機に25歳前後の年齢層が転出し、令和2年以降人口減少が続いている。
道外からの転入者を増やし、札幌などにはない江別ならではの魅力を作る必要がある。

目的

江別市の魅力を提示し、道外からの転入者を増やすこと。自然公園の多さやペットと暮らしやすい環境など、江別を選ぶ理由をWebサイトで発信する。

ターゲット

30代の子育て世代の女性(パート勤務・家族あり)。
アウトドア志向で自然豊かな場所への移住を望み、ペットと庭付き一軒家でのんびり暮らすことを目指している層。

デザインコンセプト

公園・草原・イベント会場をイメージした自然豊かで家族向けの印象。緑や黄色を基調としたカラーパレットで、温かみと開放感を表現。

情報設計

「しっぽ家族(ペットを飼っている家族)の心地よい暮らしを叶えるWEBサイト」をコンセプトに、ペット向けイベント・ドッグラン・病院の紹介など、ペットと暮らしたい家族に向けた情報をまとめた複数ページ構成。

制作プロセス

完成までの流れを紹介します。

Phase 01

リサーチ

江別市の現状調査を行い、課題を選定。人口が減り続けている問題がある一方で、ペットを飼っている家庭が多いことに着目し、ペットを大きなテーマとして扱った。

Phase 02

デザイン・実装

タイトル

ペットを飼っている家族、というターゲットや江別市の自然・多く存在する公園を表現できるようにあしらいを含むすべてのデザインを制作し、実装を行った。

Phase 03

プレゼンテーション

タイトル

制作したサイトを見せながら、江別市の職員の方にプレゼンテーションを行った。最終評価では、発表・整合性・サイトクオリティの3点を元に評価が行われ、授業内3位をいただいた。

こだわりと成果

Point 01

こだわった点

ターゲットである子育て世代の家族がサイトを見た際に、「江別に住んでみたい」と自然に感じてもらえるよう、緑や黄色を基調とした配色を用い、自然の豊かさや温かみのある雰囲気を表現しました。
ペットを飼いたい方やすでに飼っているご家族が、必要な情報にスムーズにたどり着けるよう、ユーザーの視点に立った情報設計や見せ方を意識しています。

Point 02

苦労した点

江別市の移住に関するデータや魅力を裏付ける情報を収集するリサーチには、想定以上に時間を要しました。
また、コンセプトに合ったビジュアルやレイアウトへと落とし込むデザイン制作においても、試行錯誤を重ねながら進める必要がありました。

Point 03

学んだこと

誰に向けて制作するのかを明確にすることで、デザインや情報構成の判断軸が生まれることを実感しました。
また、ペルソナを設定することで、単なる「情報の羅列」ではなく、ユーザーの行動や気持ちを意識した設計ができるようになると学びました。

企画書

実際に作成した企画書を紹介します。

01 表紙・タイトル
02 目次
03 現状分析
04 課題
05 魅力
06 ペルソナ
07 サイトコンセプト
08 デザインコンセプト
01
クリックで拡大
1 / 13
← Previous OSUMI-TSUKI プロジェクトWEBサイト制作 Next → いちご屋
メインビジュアル 1枚目