「いこうよ、東洋町」webサイト

サイト情報

※basic認証をかけているためお手数ですが、URLクリック後ユーザー名とパスワードのご入力をお願いいたします。 

サイト　　：　https://kaw-ak-o.mimoza.jp/toyo/

ユーザー名：　kaw.ak.o_admin

パスワード：　wGQv8aE4

コンセプト

制作背景　　：既存の観光サイトの改修を想定

　　　　　　参考サイト①：東洋町ホームページ (town.toyo.kochi.jp)

　　　　　　参考サイト②：高知県東洋町観光サイト SURFREE TOYO! (toyo-kochi.com)

クライアント：高知県東洋町

顧客の課題　：過疎化、少子高齢化 、およびそれらに伴う空き家の増加、耕作放棄地の

　　　　　　　増大、獣害など 

サイトの目的：① 地域おこし活性化

　　　　　　　② 町の魅力を伝え、訪問者アップを図る →将来的に移住者の増加を狙う 

ターゲット　：小中学生のお子様がいる ファミリー層

作業内容

制作時期　：2023年8月～10月

制作時間　：約1.5ヵ月

制作内容　：企画、ワイヤーフレーム、デザイン、コーディング

サイト構成：ホーム/おすすめスポット/モデルコース/ニュース

使用ツール：XD/illustrator/photoshop/DreamWeaver

使用スキル：HTML、CSS、JavaScript、jQuery、WordPress

工夫した点

・写真を多数掲載し、町の雰囲気が視覚的に伝わるようにデザイン。写真コンテンツにはjQueryでスライダーを実装。

・シンプルでわかりやすいサイト構成にし、パンくずリストを配置するなど、「見たい情報に迷わずアクセスできること」を意識。

・ファーストビューのアニメーション、要素をふわっと表示させるアニメーション、ボタンホバー時のアニメーションなど、各所にjQueryを実装し、動きのあるサイトに。