• バックアップ一覧
• 差分 を表示
• 現在との差分 を表示
• ソース を表示
• 伊藤みらの/情報デザイン研究II へ行く。
  • 1 (2023-09-20 (水) 14:20:48)
  • 2 (2023-09-20 (水) 17:20:40)
  • 3 (2023-09-27 (水) 15:58:57)
  • 4 (2023-10-04 (水) 13:46:35)
  • 5 (2023-10-04 (水) 13:46:35)
  • 6 (2023-10-07 (土) 20:35:19)
  • 7 (2023-10-07 (土) 20:35:19)
  • 8 (2023-10-18 (水) 13:54:10)
  • 9 (2023-11-01 (水) 14:16:04)
  • 10 (2023-11-01 (水) 14:16:04)
  • 11 (2023-11-14 (火) 11:34:19)
  • 12 (2023-11-14 (火) 21:36:00)
  • 13 (2023-11-14 (火) 21:36:00)
  • 14 (2023-11-15 (水) 15:33:27)
  • 15 (2023-11-15 (水) 15:54:58)
  • 16 (2023-11-15 (水) 15:54:58)
  • 17 (2023-11-30 (木) 13:29:09)
  • 18 (2023-11-30 (木) 13:29:09)
  • 19 (2023-12-01 (金) 12:03:37)
  • 20 (2023-12-01 (金) 17:41:46)
  • 21 (2023-12-01 (金) 17:45:46)
  • 22 (2023-12-02 (土) 00:41:27)
  • 23 (2023-12-02 (土) 01:32:51)
  • 24 (2023-12-02 (土) 01:32:51)
  • 25 (2023-12-02 (土) 01:32:51)
  • 26 (2023-12-02 (土) 01:32:51)
  • 27 (2023-12-02 (土) 01:32:51)
  • 28 (2023-12-06 (水) 14:28:14)
  • 29 (2023-12-06 (水) 17:07:23)
  • 30 (2023-12-06 (水) 17:07:23)
  • 31 (2023-12-06 (水) 17:07:23)
  • 32 (2023-12-06 (水) 17:07:23)
  • 33 (2023-12-06 (水) 17:07:23)
  • 34 (2023-12-06 (水) 17:07:23)
  • 35 (2023-12-06 (水) 17:07:23)
  • 36 (2023-12-06 (水) 17:07:23)
  • 37 (2024-01-16 (火) 15:08:38)
  • 38 (2024-01-16 (火) 15:08:38)
  • 39 (2024-01-16 (火) 15:08:38)
  • 40 (2024-01-16 (火) 15:08:38)

---

柳川うなぎめしマップ

担当:ワイヤーフレーム、menuアイコン、サイト内記事１本

• 情報デザイン専攻 ３年
• Keywords：地域活性化, 柳川市, Webプラットフォーム
  
  
  

背景と目的

• 背景
  • 元は平成22年に本学の商学部観光学科と芸術学部デザイン学科が協働して行ったものだったが、昨今のインターネットの普及やコロナ後の外国人観光客の増加を受け、紙媒体だけでは更新が難しかったり、外国語に対応していないなどの点が不便になってしまった。

• 目的
  • そこで本プロジェクトでは、マップをリニューアルすることに加え、新たにWEBサイトを作成することで、更新頻度を上げ、様々な人が扱えるようにし、柳川市の持続的活性化に繋げる
    
    

コンセプト

• 柳川市とWebサイトの持続的な活性化を促すために、写真を多くしてお店の魅力を発信する
• 持続的活性化に繋げる
  
  

成果物の仕様

• ワイヤーフレーム
  仮置きアイコンとして使用している素材
  EXPERIENCE JAPAN PICTOGRAMS
  
  
• menuアイコン画像
• うなぎ栄養価記事
  
  

メンバー

ソーシャルデザイン学科｜Web制作

• 濱有希子　コンテンツ（リーダー）
• 岩崎貴生　コンテンツ（発表代表）
• 亀田日向　コンテンツ
• 川村洸太　コンテンツ
• 田籠祐貴　コンテンツ
• 伊藤みらの　コンテンツ

• 西山実伶　開発（リーダー）
• 出光美心　開発（発表代表）
• 内藤彩乃　開発
• 中西華子　開発
  
  

制作ツール

Macbook Air
Adobe Illustrator 2023

プロジェクトの期間

まとめ

調査

現状調査

先行事例

• 文京グルメマップ
• あおざしからり
• TAKAYU♨︎温泉パーラー
  (第一に学科サイトの構成を参考にしています)
  
  

技法・技術情報

これからのWebサイト設計の新しい教科書
【全部教えます！】WEBデザインの作り方紹介！できるまでの流れ-adobe Illustrator-

プロジェクト管理

スケジュール

ToDo

• アイコン作成
• フッター作成
• うなぎ記事作成
• PC版メニュー
• アイコン資料集め
• ブラッシュアップ(11/15迄)
• メインページ再編

---

---

2023.12.1

サイトマップ作成

ワイヤーフレームの構成が説明不足に感じたため、サイトマップを作成しました。

また、作成にあたり検索用ページを追加しました。

2023.11.29

お知らせ・アクセス

※画像二枚目のアクセスをクリックすると、ページ下部のアクセス欄へジャンプします。

• フリー記事ページ(お知らせ欄)の大枠です。学科サイトHOMEの構成と同じで、各店舗がこの１つのページに直接記事を書き込む形を想定しています。
  お知らせとは別にブログ的な呟き欄の案も出ていますが、検討中です。
• メニューに格納されているアクセス(アイコン)は、メインページに羅列されるアクセス情報に直で飛べるリンクを付与する形を想定しています。
  
  

PC版フッター

PC版フッターのアイコン配置例です。
アイコンの補足用テキストの配置案が２案出ていますが、現在検討中です。
▶︎画像一枚目のアイコンの枠内に文字を収める案で決定しました。

2023.11.22

うなぎ記事、柳川記事の親ページ

店舗一覧のレイアウトを流用し、個別記事にジャンプできる仕様を想定しています。

2023.11.20

画像選定レビュー

zoomにて開催

2023.11.15

ブラッシュアップ

2023.11.13

レイアウトビュー

zoomにて開催
※ブラッシュアップ前

店舗個別詳細ページ

メニューのプルダウン▶︎アイコン式採用
仮アイコンに使用した素材
EXPERIENCE JAPAN PICTOGRAMS

店舗一覧▶︎2列採用

記事ページは一本直通から項目別の個別記事へ（検討中）
▶︎1記事3000~4000字の想定のため、記事ページを分けることに決定しました。

2023.11.9

meeting

スケジュール、ワイヤーフレームについて話し合い

• メインビジュアルは有と無の２パターン作成
• 店舗一覧は１列か２列の２パターン作成
• 編集アイコン作成、又素材探し
  
  
  
  

2023.11.8

ワイヤーフレーム進捗状況

ショップ一覧ページ、メニューのプルダウン内レイアウト作成

2023.11.1

中間報告を受けて

ワイヤーフレームの構成を変更

進捗状況

ワイヤーフレーム(制作中)

• スマホに移しサイズ感を確認しつつ制作
  
  
  
  

2023.10.25

役割決め
※病欠のため自宅で制作開始
ワイヤーフレームラフ
先にモバイル用サイトのデザイン制作
幅：360

• ハンバーガーメニュー挿入
• トップボタン挿入
• pukiwikiの仕様のため、ワイヤーフレームは1案▶︎並びをどうするか考え中
  
  
  
  

2023.10.18

サイトマップの項目洗い出し

ワイヤーフレームの作成

2023.10.11

Webデザインのアイデア

あおざしからり
TAKAYU♨︎温泉パーラー

• *2023.10.04

PukiWikiについて

• PukiWikiとは
  オープンソースのWikiソフトウェア。
  プラグインが豊富で、skinにより見た目の変更が可能。
  
  
  
  

2023.09.27

第一回説明会

• CMS
• PukiWiki

2023.09.20

制作相談

テーマ案

• 室内用小型コンポストを中心とした、室内プランター栽培の提案と研究　▶︎ハーブ、スパイス栽培を想定
• インテリアにもなるおしゃれな掃除用品ブランド
• 狭いキッチン収納提案
• 絵描きのためのツール
• Webサイト制作
• 柳川うなぎめし
  
  

先行事例

文京グルメマップ

• ジャンル・エリア・最寄駅別にカテゴライズされており検索性が高い。
  
  
  
  
  

アクセスメモ

博多から西鉄柳川駅

博多駅ー(鹿児島本線)ー春日駅　春日駅ー(西鉄大牟田線)ー西鉄柳川駅(1時間半)
博多駅ー(空港線)ー天神駅　西鉄天神駅ー(西鉄天神大牟田線)ー西鉄柳川駅(1時間半)
博多駅ー(七隈線)ー薬院駅　薬院駅ー(西鉄天神大牟田線)ー西鉄柳川駅(1時間半)

うなぎメモ

• ビタミンA
• ビタミンB群
• ビタミンD
• ビタミンE
• ミネラル
• たんぱく質
• DHA・EPA
  
  
  参考サイト
  うなぎが高齢者の栄養不足に効く？効能や摂取時の注意点