柳川うなぎめしマップ
ワイヤーフレーム担当
背景と目的
- 背景
- 元は平成22年に本学の商学部観光学科と芸術学部デザイン学科が協働して行ったものだったが、昨今のインターネットの普及やコロナ後の外国人観光客の増加を受け、紙媒体だけでは更新が難しかったり、外国語に対応していないなどの点が不便になってしまった。
- 目的
- そこで本プロジェクトでは、マップをリニューアルすることに加え、新たにWEBサイトを作成することで、更新頻度を上げ、様々な人が扱えるようにし、柳川市の持続的活性化に繋げる
コンセプト
- 柳川市とWebサイトの持続的な活性化を促すために、写真を多くしてお店の魅力を発信する
- 持続的活性化に繋げる
成果物の仕様
Webサイト
ワイヤーフレーム
メンバー
ソーシャルデザイン学科｜Web制作
制作ツール
Macbook Air
Adobe Illustrator 2023
プロジェクトの期間
まとめ
調査
現状調査
先行事例
技法・技術情報
これからのWebサイト設計の新しい教科書
【全部教えます！】WEBデザインの作り方紹介！できるまでの流れ-adobe Illustrator-
プロジェクト管理
スケジュール
ToDo
- プルダウンメニュー用アイコンの作成
- ブラッシュアップ(11/15迄)
- メインページ再編
進捗記録
2023.11.14
ブラッシュアップ
2023.11.13
レイアウトビュー
zoomにて一部メンバーで開催
※ブラッシュアップ前
店舗個別詳細ページ
メニューのプルダウン▶︎アイコン式採用
仮アイコンに使用した素材
EXPERIENCE JAPAN PICTOGRAMS
店舗一覧▶︎2列採用
記事ページは一本直通から項目別の個別記事へ（検討中）
レイアウトビューを受けて
2023.11.9
meeting
スケジュール、ワイヤーフレームについて一部メンバー内で話し合い
- メインビジュアルは有と無の２パターン作成
- 店舗一覧は１列か２列の２パターン作成
- 編集アイコン作成、又素材探し
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サイト制作
- 柳川うなぎめし
先行事例
文京グルメマップ
- ジャンル・エリア・最寄駅別にカテゴライズされており検索性が高い。
