- 追加された行はこの色です。
- 削除された行はこの色です。
#author("2021-07-22T17:25:42+09:00","default:member","member")
*Fancy Candy
不思議なCandyを売る架空の店舗のWebサイト制作
//ここにMain Visual
~
#image(sub.jpg,left,100%)
~
~
~
-''[[江崎悠芽>江崎悠芽]]''
-'''Keywords：web site'''
-[[旧サイト>http://claftmagic.wp.xdomain.jp/]]
-[[新サイト>https://yume-22.github.io/fancycandy/]](制作中)
~
//[[江崎悠芽/卒業研究プレゼン>]]
**Overview
***Introduction / What is This
//&color(red){これは何か・・を簡潔に};
-架空のアメを販売するサイト
-実際には存在しない夢のある商品を販売していく
~
***Background and Purpose
//&color(red){プロジェクトの背景と目的};
子供の頃は、ヒーローショーなどのイベントで空想を楽しむ機会が多くあった。しかし、大人になるにつれその機会は映画やマンガなどの形式化されたエンターテイメントだけになる。そこで、空想の世界をWebサイトで再現していく。
-アメにした理由
--コミュニケーションを取るきっかけ
--ちょっとした休憩になる
~
***Concept
//&color(red){基本的な考え方、枠組み、視点など};
-架空ならではの商品の販売
--定番商品としてちょっとしたおもしろさのあって買いやすい値段のアメ
--特別商品として少し高級ですがみなさんの夢を叶えられるようなアメ
--期間限定でその季節のイベントなどで活躍するアメ
~
***Output
//&color(red){成果物の直接掲載またはリンク誘導};
//&color(red){&small(プロジェクトの途上では、試作品等、視覚的な資料を掲載・リンクして下さい。);};
//&color(red){&small(成果物の形式・サイズ・時間尺等の基本情報も記載して下さい。);};
-[[web site>http://claftmagic.wp.xdomain.jp/]]
-[[新サイト>https://yume-22.github.io/fancycandy/]]
-[[GitHub>https://github.com/yume-22/fancycandy]]
-[[素材写真>https://drive.google.com/drive/folders/16Qlg9WbP0kO89g-WiWxqwjeQB5CZ8bLM?usp=sharing]]
~
//***Member
//&color(red){共同プロジェクトの場合のみ｜メンバーと役割分担を明記};
***Tools
//&color(red){使用するツール｜ハードウエア・ソフトウエア};
-html&css
-WordPress
--テーマ：lightning
-illustrator
-Photoshop
-Atom
-GitHub
~
***Term
//&color(red){プロジェクトの期間｜20XX.XX.XX - 20XX.XX.XX };
2021.04.09 ~ 2021.12.17
~
***Conclusion / Summary
//&color(red){プロジェクトが完結したら「まとめ」を記載して下さい。};
サイトのリアルさを商品の写真を撮影することで表現できました。また、html&cssを使用し自由度をあげることができました。後期は、レスポンシブデザインやサイトの詳細ページを充実させていく予定です。また、javascriptを使用しより動きがあり見やすいサイトにしていきます。
~
~
**Survey
//***Present Status
//&color(red){現状調査、現状の問題の洗い出し};
~
***Precedent
//&color(red){先行事例の紹介、傾向分析など};
-[[買うと幸せになる自販機>https://j-town.net/tokyo/column/gotochicolumn/312862.html?p=all]]
-[[サーティワンアイスクリーム>https://www.31ice.co.jp/]]
-[[キッコーマン豆乳>https://www.k-tounyu.jp/cp/soybody/]]
-[[Lilionte>https://www.choco-ne.com/]]
-[[Ameya>http://ameya-nishihara.com/]]
~
***Technique / Technology
//&color(red){プロジェクトの遂行に必要な技法・技術に関する調査};
-[[WordPressテーマの使い方>https://lightning.nagoya/ja/setting]]
-「HTML&CSSとWebデザインが１冊できちんと身につく本」
服部雄樹、技術評論社、2020年7月発行
~
~
