柳川市の観光Webサイト(横スクロール型)の構築
柳川の魅力を多角的に発信する観光促進型Webサイト。川下りをモデルに、名所・文化・季節イベントなどを「流れに沿って体験できる」デザインを備えることで、柳川の新たな魅力発信を目指す。
従来、柳川観光のイメージは“川下り”と“うなぎ”に偏っており、その他の観光資源の認知度は低い。柳川と聞いて多くの人が連想するのは「川下り」と「うなぎ」であり、他の観光資源の認知度は一割未満と低い結果となっている。特に10代・20代では「うなぎを食べに行く」目的が多いが、価格の高さから満足度が相対的に低い傾向にあり柳川の魅力を十分に体感できずに帰る観光客も多い。柳川市の観光に関する調査では、インターネット利用者の訪問率が高く、情報発信手段としてWebの有効性が確認された。このことから、川下りやうなぎ以外の地域資源やイベントの魅力を発信するWebサイトづくりが今後の課題とされている。
ユーザーが楽しみながら、柳川の魅力を知ってもらうWebデザインを目指し、観光名所や行事をイラスト化し、横スクロール形式で柳川の有名な観光資源である「川下り」を体験できるような仕掛けを盛り込む。視覚的に楽しめるデザインにすることで、より多くの人々に柳川の豊かな文化や魅力を身近に感じてもらう。
【5W1Hの各要素】
Who（誰が）：老若男女問わず、柳川に興味を持った人
What（何を）：柳川市について興味を抱き情報収集する
When（いつ）：旅行前の計画立てや旅行時に
Where（どこで）：自宅での情報収集や現地（柳川）で
Why（なぜ）：より多くの人に柳川の魅力を知ってもらい観光に来てもらう
How（どのように）：柳川観光の情報収集をより楽しく便利に
Web
Webサイトの構築（試作）〜画像配置〜
Webサイトの構築〜画像処理〜
Webサイトの構築（試作）〜背景色〜
Webサイトの構築（試作）〜横スクロール〜
現場調査，先行事例の調査
企画
<ul> <li><img src="image1.jpg" width="300" height="200" alt=""></li> <li><img src="image2.jpg" width="300" height="200" alt=""></li> <li><img src="image3.jpg" width="300" height="200" alt=""></li> </ul>▼style.css
<style>
ul {
display: flex;
}
li {
list-style: none;
}
</style>
.gradation {background-image: linear-gradient(0deg, #2b4671, #2b4671 27%, #eeeeee 27% 37%, #d1ab68 37% 100%);
}