柳川うなぎめしマップ
担当:ワイヤーフレーム、menuアイコン、サイト内記事1本
- 情報デザイン専攻 3年
- Keywords:地域活性化, 柳川市, Webプラットフォーム
背景と目的
- 背景
- 元は平成22年に本学の商学部観光学科と芸術学部デザイン学科が協働して行ったものだったが、昨今のインターネットの普及やコロナ後の外国人観光客の増加を受け、紙媒体だけでは更新が難しかったり、外国語に対応していないなどの点が不便になってしまった。
- 目的
- そこで本プロジェクトでは、マップをリニューアルすることに加え、新たにWEBサイトを作成することで、更新頻度を上げ、様々な人が扱えるようにし、柳川市の持続的活性化に繋げる
コンセプト
- 柳川市とWebサイトの持続的な活性化を促すために、写真を多くしてお店の魅力を発信する
- 持続的活性化に繋げる
成果物の仕様
- ワイヤーフレーム
|
|
|
|
|
|
| #image(): File not found: "sub1115.jpg" at page "伊藤みらの/情報デザイン研究II"
|
|
仮置きアイコンとして使用している素材
EXPERIENCE JAPAN PICTOGRAMS
- menuアイコン画像
- うなぎ栄養価記事
メンバー
ソーシャルデザイン学科|Web制作
制作ツール
Macbook Air
Adobe Illustrator 2023
プロジェクトの期間
まとめ
調査
現状調査
先行事例
技法・技術情報
これからのWebサイト設計の新しい教科書
【全部教えます!】WEBデザインの作り方紹介!できるまでの流れ-adobe Illustrator-
プロジェクト管理
スケジュール
ToDo
- アイコン作成
- フッター作成
- うなぎ記事作成
アイコン資料集め
プルダウンメニュー用アイコンの作成
ブラッシュアップ(11/15迄)
メインページ再編
進捗記録
2023.11.29
- フリー記事ページ(お知らせ欄)の大枠です。学科サイトHOMEの構成と同じで、各店舗がこの1つのページに直接記事を書き込む形を想定しています。
お知らせとは別にブログ的な呟き欄の案も出ていますが、検討中です。
- メニューに格納されているアクセス(アイコン)は、メインページに羅列されるアクセス情報に直で飛べるリンクを付与する形を想定しています。
PC版フッターのアイコン配置例です。
アイコンの補足用テキストの配置案が2案出ていますが、現在検討中です。
2023.11.22
うなぎ記事、柳川記事の親ページ
店舗一覧のレイアウトを流用し、個別記事にジャンプできる仕様を想定しています。
2023.11.20
画像選定レビュー
zoomにて開催
2023.11.15
ブラッシュアップ
|
|
|
|
| #image(): File not found: "sub1115.jpg" at page "伊藤みらの/情報デザイン研究II"
|
2023.11.13
レイアウトビュー
zoomにて開催
※ブラッシュアップ前
店舗個別詳細ページ
メニューのプルダウン▶︎アイコン式採用
仮アイコンに使用した素材
EXPERIENCE JAPAN PICTOGRAMS
店舗一覧▶︎2列採用
記事ページは一本直通から項目別の個別記事へ(検討中)
2023.11.9
meeting
スケジュール、ワイヤーフレームについて話し合い
- メインビジュアルは有と無の2パターン作成
- 店舗一覧は1列か2列の2パターン作成
- 編集アイコン作成、又素材探し
2023.11.8
ワイヤーフレーム進捗状況
ショップ一覧ページ、メニューのプルダウン内レイアウト作成
2023.11.1
中間報告を受けて
ワイヤーフレームの構成を変更
進捗状況
ワイヤーフレーム(制作中)
2023.10.25
役割決め
※病欠のため自宅で制作開始
ワイヤーフレームラフ
先にモバイル用サイトのデザイン制作
幅:360
- ハンバーガーメニュー挿入
- トップボタン挿入
- pukiwikiの仕様のため、ワイヤーフレームは1案▶︎並びをどうするか考え中
2023.10.18
サイトマップの項目洗い出し
ワイヤーフレームの作成
2023.10.11
Webデザインのアイデア
あおざしからり
TAKAYU♨︎温泉パーラー
PukiWikiについて
- PukiWikiとは
オープンソースのWikiソフトウェア。
プラグインが豊富で、skinにより見た目の変更が可能。
2023.09.27
第一回説明会
2023.09.20
制作相談
テーマ案
- 室内用小型コンポストを中心とした、室内プランター栽培の提案と研究 ▶︎ハーブ、スパイス栽培を想定
- インテリアにもなるおしゃれな掃除用品ブランド
- 狭いキッチン収納提案
- 絵描きのためのツール
- Webサイト制作
- 柳川うなぎめし
先行事例
文京グルメマップ
- ジャンル・エリア・最寄駅別にカテゴライズされており検索性が高い。
アクセスメモ
博多から西鉄柳川駅
博多駅ー(鹿児島本線)ー春日駅 春日駅ー(西鉄大牟田線)ー西鉄柳川駅(1時間半)
博多駅ー(空港線)ー天神駅 西鉄天神駅ー(西鉄天神大牟田線)ー西鉄柳川駅(1時間半)
博多駅ー(七隈線)ー薬院駅 薬院駅ー(西鉄天神大牟田線)ー西鉄柳川駅(1時間半)
うなぎメモ