Works制作物

江の島さんぽ

江の島さんぽ
制作範囲:
企画・ワイヤーフレーム制作 / ライティング 制作/ロゴマーク制作/アイコン制作/ デザイン制作 /コーディング
制作期間:
2020年8月~9月制作(2カ月)
使用ツール:
Adobe Photoshop / Adobe Illustrator / Atom

概要

2018年6月から2025年2月まで勤めていた会社では、未経験かつ中途入社しましたので、不慣れなレスポンシブWebデザインを習得するために制作したWebサイトです。
議題テーマは江の島を紹介する観光サイトを作るというもので、テーマ決めからコーディングまで行いました。

ターゲット層

10代後半~30代男女

目的

江の島の観光に興味ある方や検討している方向けに、江の島内にある観光スポットを紹介し、実際に観光していただくため

情報設計の工夫

江の島の観光に興味ある方や検討している方に、江の島の魅力を知っていただけるように、観光スポット中心のサイト構成を心掛けました。また、ユーザーに江の島の魅力を知ってただけたら、実際に足を運んでいただけるように、各観光スポットの概要や基本情報(住所、MAP、料金など)観光客なら関らず知りたい情報もセットで掲載したり、UI/UXデザインを意識しました。

デザインの工夫

ユーザーが、パソコンだけではなくタブレットやスマートフォンで閲覧できるようにしました。
メインビジュアルは「行こうよ!おいでよ!江の島」というメッセージを訴求するため、江の島をイメージする画像を使用。全体的に余白を広くとったレイアウトやイラスト、江の島内にある9つの観光スポットで、ポップで楽しい雰囲気に仕上げました。
その他、パソコン限定にはなりますが、色覚障害者や老眼など色が見得づらい方が閲覧しやすいように、「背景色の変更」と「文字の大きさ」ができるようにしました。

江の島さんぽのカラーチップ

サイト全体

▼パソコン版
▼スマートフォン版
スマートフォン版の江の島さんぽ