KSU周辺マップ|Genki Iwai
半径 100m の「 面白い! 」
Keywords:成果物のジャンル / Web
プロジェクトの概要
これは何?
九産大の近くには多くの店が存在する
それを紹介するマップ
目的・背景
家の周辺の店マップを作成しようと思ったが、家の近く=大学の近くなので
どうせなら大学周辺のマップも作ろうと思いたった
あと、1年生の頃はまだ九産大の近くに慣れてなくスーパーやコンビニの
場所などをよく分からなかった。
ターゲット
新入生
近くに家を借りる人
遠くから通う人
制作物
Web
プロジェクトで使用するツール
Canon kiss7 VScode chrome adobeXD unDraw
プロジェクトの現状
2020.06.22 - 2020.06.29|相互レビュー
プロトタイプ評価シート
↑ ココにコメントをお願いします
指摘もしてくださるとありがたいです。
スケジュール
- 進行管理表
スプレットシート
ToDo
1.周辺の店を調査(店情報など)2.まとめた情報でざっくりとデザイン作成(illustrator)3.写真などの撮影4.webデザイン作成5.コードを書く
素材
webURL
進捗状況報告
2020.07.20
本制作 > 当該週の作業項目を列挙
2020.07.13
本制作 > 当該週の作業項目を列挙
2020.07.06
プロトタイプの改善 > 当該週の作業項目を列挙
2020.06.22 - 29
Webプレゼン > 相互評価
指摘された問題点
地図をクリックである一定の場所まで飛ぶことを
したほうがいい
好評価を得た点
シンプルで見やすい
その他
2020.06.21
テスト
2020.06.08
今回制作したプロトタイプ
プロトタイプ制作の方法
adobeXD
2020.06.01
アイデアの絞り込み
情報の公開方法
- Webサイト
情報の形式(分量とサイズ)
- UI/UXに特化したデザイン
- マテリアルデザイン作成での
- モバイルファーストのデザインで、縦の構図を上部写真・下部解説で使う
情報の内容(素材ネタ)
ネーミング
- KSU周辺マップ
情報の構成
- KSU周辺マップ-TopMap
- ブランチ下原
- サイゼリヤ
- マツモトキヨシ
- マックスバリュ
- セカンドストリート
- 快活クラブ
- ダイレックス
- 立花寮
- 吉野家
- Coco壱カレー
- ブランチ下原
制作環境と方法
- 2D作成:affinitydesigner https://affinity.serif.com/ja-jp/designer/
adobeXD https://www.adobe.com/jp/products/xd.html - 写真撮影:Canon kiss7 三脚
2020.05.25
アイデアの量産
サイトの公開方法
- firebaseでの公開
サイトの内容(素材ネタ)
- 写真
- svg形式
サイトのネーミング
- KSU周辺マップ
サイトの構成
- KSU周辺マップ-map
サイトの制作環境と方法
- chrome VScode adobeXD
2020.05.18
現状調査3|時間軸(対象の歴史的知見)
大学の周辺には多くの店が立ち並ぶ
現状調査4|空間軸(対象の地理的知見)
周辺での行きやすさのまとめた
現状調査5|技法
https://www.fit.ac.jp/sp/shisetsu/campus/surroundings_map
現状整理
MAP
2020.05.11
演習テーマの確定
- タイトル:KSU周辺マップ
- テーマ採択の背景:家周辺マップ=大学周辺マップ
現状調査
- https://www.fit.ac.jp/sp/shisetsu/campus/surroundings_map#s_chuo
- http://www.aitan.ac.jp/campuslife/map.html
- http://www.occ.ac.jp/campus_life/access-2/
- https://prtimes.jp/main/html/rd/p/000000083.000016453.html
2020.04.27
プロジェクトのテーマ候補(3件以上)
- 信号機だけの分かりやすい説明書
- 標識でけの分かりやすい説明書
- 地域の歴史をまとめてたサイトを作成する。
- 地域の良いところマップ