見出し画像

のりべん島移住促進サイト計画

私はいつも「あつまれどうぶつの森」で遊んでいるのですが、その島がとっても好きで、いろんな人に遊びに来てほしい、南半球の島いいよー!ということを伝えたくてwebサイトを作ることになりました。
1番の目的はポートフォリオサイトの作品を増やすことですが、やり始めたら適当にはできなくなってきたので、備忘録がてらサイトができるまでをまとめることにしました。

前回まで

前回までは実際に移住サイトや観光サイトをトレースして、どういうデザインのものが多いのか、目的、のせている内容などを学んできました。

プランニングシート

と、いうことで、同業研究が無事終わったので、これらを踏まえてサイトプランニングシートを作ってみました。

画像1

サイトの目的

まずは目的・クライアント、経緯、ペルソナなどをまとめてみました。
トレース時にも何を目的に作っているのかを読んだり、自分も(ポートフォリオに載せる作品という目的以外で)改めてサイトを作る目的をしっかり考えられたのはよかったなと思います。

クライアント

実際のお仕事になるとこの辺はヒアリング力が試されることになるので、そのことに関してはまた別に学ぶ機会があればいいなぁと思っています。今回はパッションのまま書き上げてしまった。

ペルソナデザイン

ペルソナはきてほしいどうぶつを選びました。この島でこう過ごすことによって、ペルソナの満足度、幸福度が上がるのではないか、ということを伝えられるサイトにしていきたいと考えています。ジャックくんこないかな…

画像2

カラースキーム

のりべん島の旗デザインからカラースキームを作りました。のり弁当のノリの濃い緑を文字色にすることで、黒や濃いグレー系よりも楽しい感じを出せるのではないかと思っています。島の自然あふれる緑も合わせて表現できると思います。
ベース・メインに使う色はタルタルに使われるマヨネーズ・たまごの色からとりました。日差しいっぱいの太陽のイメージも兼ねています。
アクセントカラーには海の色を採用しました。リンクカラーなどに使用する予定です。

サイトマップ

今回は1ページでほぼすべての内容をのせ、詳細はLightBoxでふわっと出そうかなと考えています。長くなると重くなりそうなので、様子を見て詳細ページを作ろうかと思います。下層ページを作るとすればエリア紹介、施設紹介ページの作成を考えています。島民ブログのinstagramはすでに運営中です。ぜひ合わせてご覧ください。

今後の予定

明日以降はワイヤーフレームの作成、島作り、画像の選定、テキスト作成、デザインカンプの作成、プロトタイプの作成、コーディング、と続いていきます。せっかく好きなことを題材にしたサイトを作るので、頑張っていきたいなと思います。またワイヤーができたらご紹介する記事を上げていきたいと思います。ここまで読んでいただきありがとうございました。ではまた。

ポチる前にそのお金であったかい飲み物買いましょう。