LogoMark.png

江崎悠芽/卒業研究II のバックアップの現在との差分(No.0)


#author("2021-12-16T23:02:23+09:00","default:member","member")
*Fancy Candy
不思議なCandyを売る架空の店舗のWebサイト制作


//ここにMain Visual
~
#image(江崎悠芽/卒業研究I/sub.jpg,left,100%)
~
~
~

-''[[江崎悠芽>江崎悠芽]]''
-'''Keywords:web site , Fictitious , Candy'''
-[[試作サイト>http://claftmagic.wp.xdomain.jp/]]
-[[新サイト>https://yume-22.github.io/fancycandy/]]
~
[[江崎悠芽/卒業研究プレゼン]]
[[概要PDF>https://drive.google.com/file/d/136WKoHmB2tTPYpHqemwVAZSl1OxW5kAX/view]]


**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]]
-[[JavaScript>https://www.webcreatorbox.com/tech/javascript-particles]]
-「HTML&CSSとWebデザインが1冊できちんと身につく本」
 服部雄樹、技術評論社、2020年7月発行
~
~

**Project Management

***Schedule
//&color(red){計画的な遂行のために、進行管理表を作成してリンクして下さい。};
[[スケジュール>https://docs.google.com/spreadsheets/d/1s02H5ci0FIuLIfCVM8Z77HklXtXkQmgRoEB2kpqdb2U/edit?usp=sharing]]
~

***ToDo
//&color(red){やるべきこと(タスク)を箇条書きにします。};
//&color(red){完了後は「%%取り消し線%%」あるいは「// コメントアウト」」};
%%-Atomダウンロード%%
%%-GitHubダウンロード%%
%%-Atom、GitHub連携%%
%%-ロゴデザイン%%
%%-メインビジュアル作成%%
%%-商品写真撮影%%
%%-サイト制作%%

~
~
~

#hr
CENTER:''worklog''
//&color(red){最新の情報を一番上に記載して下さい(古い記事が下へ沈む)。};
#hr
~
~

**2021.12.16
***制作
説明パネル制作
~
~

**2021.12.09
***制作
-ポップアップ式にしてみる
-購入ボタンではなく試食・お試しボタンにする
~
~

**2021.12.04
***学科合同プレゼン
-実際に体験できる方がいい
-自分の夢をもっと詰め込んでもいい
~
~

**2021.12.02
***制作
-サイト背景の調整
-最終調整
-
~
~

**2021.11.25
***制作
-サイト背景制作
-サイト内不具合の確認・調整
~
~

**2021.11.18
***制作
-写真サイズの変更
-背景の調整
-概要の修整
~
~

**2021.11.11
***制作
-トップページ背景の色変更
-ボタンの距離感を修正
-戻るボタンの見直し
-全体を見直し修正
~
~

**2021.11.04
***制作
-ボタンと文字の距離を調整
-ロゴの縁を修正
-写真の修整
サイドバーの調整
~
~

**2021.10.28
***制作
-トップページの構成の変更
→背景色調整中
-サイト背景調整
-画像サイズ・色の調整
-サイトバーを追加
-概要の修正
~
~

**2021.10.21
***制作
-商品紹介ページの構成の変更
-詳細ページの編集(前ページ)
-個々のページトップの写真サイズの変更
-お客様の声ページの作成
~
~

**2021.10.14
***制作
-購入ページの作成
-商品紹介ページの構成を変更
-商品内容の追加
[[アメ内容>https://drive.google.com/drive/folders/1zYXHphWNfTkFuCa_L3hddIVPAFM8knLM?usp=sharing]]
~
~

**2021.10.07
***制作
-架空であることを示す最初のページを作成
-商品情報追加
-メニューの距離感を修正
-ボタンをホバーした際の色を変える
-サイト内フォントの変更
-文字同士の距離感の調整
~
~

**2021.09.30
***制作
-個々の商品ページ移動用ボタン作成
-商品紹介ページの追加
[[特別商品>https://yume-22.github.io/fancycandy/special.html]]
[[期間限定商品>https://yume-22.github.io/fancycandy/season.html]]
-メニュー作成中
-スケジュール更新
~
~

**2021.09.23
***制作
-背景の作成
-種類ごとにボタンを作成
-JavaScript挑戦中
~
~

**夏休み期間中
***制作
-商品ページの制作
-個々の商品ページに移動するボタン
-メニューを見やすく
-架空であるサイトを示すページの制作
~
~

**2021.4.15〜2021.7.1
[[前期の卒業研究I→>江崎悠芽/卒業研究I]]
~
~

**2020.9.22〜2020.11.25
[[昨年度の情報デザイン研究II→>江崎悠芽/情報デザイン研究II]]
~
~
~