LogoMark.png

豊田祥歩/卒業研究II のバックアップの現在との差分(No.2)


#author("2021-09-16T20:56:29+09:00;2021-09-16T20:45:53+09:00","default:member","member")
#author("2021-12-09T19:53:13+09:00;2021-11-25T16:05:15+09:00","default:member","member")
*hanafuri
ハンドメイドブランドのプロデュース/Webサイト制作

#image(豊田祥歩/卒業研究I/hand.jpg);

-''Toyota Akiho''
-'''Keywords:handmade, web design'''
-http://normal.html.xdomain.jp/hanafuri
-[[Presentation>豊田祥歩/PresentationPage]]

~


**Overview
***Introduction / What is This
//これは何か・・を簡潔に
自身のハンドメイドブランドのプロデュース及びWeb制作
~

***Background
-近年ハンドメイドアクセサリーが流行するなかで、リボンを使用したアクセサリーはレジンなど人気のものに比べて種類が少なく、似た商品が多い。
-Webサイトを販売に利用している人は少なくハンドメイドの販売アプリが主流である。しかし、販売アプリでは販売ページのテンプレートが存在するため情報量や見せ方が制限される。また、商品を販売することが目的であるため、見て楽しむ要素が少ない。


▶︎今までにない新たな形としてリボンフラワーを使用したアクセサリーの制作、またアクセサリーを購入することだけが目的ではない、見るだけでも楽しめるwebサイトを制作しようと考えた。

//プロジェクトの背景と目的
//ハンドメイドアイテムを販売する際、多くの人がSNSや販売アプリを利用しているが個人のwebサイトを持つ人は少ない。また、販売アプリの多くは販売ページのテンプレートが存在するため情報量や見せ方が制限される。そこで、SNSや販売アプリ以上にブランドの雰囲気を感じてもらえるようなwebサイトやロゴを使用したパッケージを制作しようと考えた。
~

//''ハンドメイド制作''
//リボンテープを使用してリボン以外のアイテムを作りたいと思い、リボンフラワーを軸に制作しようと考えた。
//リボンフラワーを使用したアイテムの多くは飾り用やギフトアイテムとして販売されており、アクセサリーとしての数はまだ少ない。また派手で幼い印象を受けるものが多く普段使いしにくいため、若い女性にも気軽に使ってもらえるアクセサリーを制作したいと考えた。

***Purpose
-新しい形のリボンアクセサリーを制作し、アクセサリーの種類や客層の幅を広げる。
-サイトを訪れた人にリボンフラワーの存在や魅力を知ってもらう。


//webサイトやロゴなどを作ることでブランドとしてのアイデンティティを確立する。また、サイトを訪れた人にリボンフラワーアイテムのことを知ってもらい、購入したいと思ってもらう。
//ハンドメイド作家が個人サイトを持つことのメリットを提示することを目的とする。
~

***Concept
//基本的な考え方、枠組み、視点など
''ブランド名''
''「hanafuri」''
-アクセサリーのモチーフを分かりやすくするため「花」という単語を使用。
-花びらがふわりと舞う様子やリボンのフリフリとしたイメージを込めて「hanafuri」とした。
-柔らかく軽やかな印象を与えるためローマ字表記を採用した。
~

''コンセプト''
''「なんでもない日をちょっとイイ日に。」''

-身に着けるだけで少し気分が上がり、自然と笑顔になれるようなアイテムを目指す。
-リボンは安価でコストが低いため気軽に購入しやすい。また、レジンなどが流行する中でリボンフラワーのアクセサリーは数が少ない。そこで、上記の調査結果にある「かわいくて手頃、人とかぶらないアクセサリー」という部分にスポットを当てる。
-メインターゲットには10代から20代の若い女性を設定する。

~

***Output
//成果物の直接掲載またはリンク誘導
//プロジェクトの途上では、試作品等、視覚的な資料を掲載・リンクして下さい。
//成果物の形式・サイズ・時間尺等の基本情報も記載して下さい。
Webサイト(購入はminne)
ロゴ
アクセサリー

~

//***Member

***Tools
//使用するツール|ハードウエア・ソフトウエア
-HTML , CSS
-Adobe Illustrator , Photoshop
-Procreate
~

***Term
//プロジェクトの期間|20XX.XX.XX - 20XX.XX.XX
4年前後期
~

***Conclusion / Summary 
//プロジェクトが完結したら「まとめ」を記載して下さい。
~
~


**Survey
//調査

***Present Status
//現状調査、現状の問題の洗い出し

-[[ハンドメイド 販売チャンネル調査>https://note.com/dmgstyle/n/na5b5f6d387f7]]
//-&small{ハンドメイド作家の方50名へのアンケート調査の結果。};
-[[ハンドメイドアクセサリーに関する利用者の意識調査>https://www.dreamnews.jp/press/0000112353/]]
-[[ハンドメイドマーケットアプリについての意識調査>https://blog.addix.co.jp/16981]]
~
-リボンフラワーのアイテムはラッピングや飾り物、ギフトアイテムや大ぶりの髪飾りなど普段使いには向かないアイテムが多い。

-ハンドメイドアイテムの販売はminneなどの販売サービスとSNSの併用が主流であり、個人サイトを持つ人は少ない。


~
~
***Precedent
//先行事例の紹介、傾向分析など
-末崎日菜子先輩の卒業研究
[[研究ページ>http://design.kyusan-u.ac.jp/socialdesign/?%E6%9C%AB%E5%B4%8E%E6%97%A5%E8%8F%9C%E5%AD%90/%E5%8D%92%E6%A5%AD%E7%A0%94%E7%A9%B6II]]
[[うつろい>http://utsuroi.main.jp/]] &small{完成サイト};
&small{自身のハンドメイドブランドのWebサイトやプロモーション映像などを制作されている。};

~
-[[PEKONIKO'S GALLERY>https://minne.com/@pekoniko]]
&small{リボンフラワーのアイテムを販売している作家さん。};

-[[リボンフラワー>https://www.google.com/search?q=%E3%83%AA%E3%83%9C%E3%83%B3%E3%83%95%E3%83%A9%E3%83%AF%E3%83%BC&sxsrf=ALeKk01-XdTcwEMaaWmEfr2K4FcmyS_6rA:1622531281548&source=lnms&tbm=isch&sa=X&ved=2ahUKEwihsLGF8PXwAhXFaN4KHUYtDQYQ_AUoAXoECAEQAw&biw=1333&bih=730]] &small{(画像検索)};
~
-リボンフラワー
[[minne>https://minne.com/category/saleonly?input_method=suggestion&q=%E3%83%AA%E3%83%9C%E3%83%B3%E3%83%95%E3%83%A9%E3%83%AF%E3%83%BC&commit=%E6%A4%9C%E7%B4%A2&search_type=normal]]
[[Google画像検索>https://www.google.com/search?q=%E3%83%AA%E3%83%9C%E3%83%B3%E3%83%95%E3%83%A9%E3%83%AF%E3%83%BC&sxsrf=ALeKk01-XdTcwEMaaWmEfr2K4FcmyS_6rA:1622531281548&source=lnms&tbm=isch&sa=X&ved=2ahUKEwihsLGF8PXwAhXFaN4KHUYtDQYQ_AUoAXoECAEQAw&biw=1333&bih=730]] &small{(画像検索)};

~
~
***Technique / Technology
//プロジェクトの遂行に必要な技法・技術に関する調査

~
~
**Project Management

***Schedule
[[進行管理表🗓>]]
[[進行管理表🗓>https://docs.google.com/spreadsheets/d/1cdCX5rpAHBm6VvLWDjGLjEQfrLtk7yUxOy_cTKPEOgI/edit?usp=sharing]]
~

***ToDo
//「%%取り消し線%%」あるいは「// コメントアウト」
-学科サイト更新(コンセプト、現状調査、先行事例)
-写真の拡大/スライド
-メインビジュアルスライド用の写真
-minneでの販売、文章作成
-(minne用の写真)
-レイアウト調整
~
-%%ワイヤーフレーム &small{(アナログでもいいから書き出す)};%%
-web制作
-アイテム制作
-%%写真置き換え%%
-%%リンク貼り%%
-%%アクセサリー%%
-%%台紙%%
-%%minneへのアップ%%
-%%シャンブレーオーガンジー購入%%
-%%minneヘッダー画像、アイコン画像%%
-%%minneプロフィール%%


~
~
~

#hr
CENTER:''worklog''
#hr
~
~
**2021.09.16
**2021.12.09
***ハンドメイド
''SNS''
-Twitter・Instagramのアカウントを作成
-Twitterでタグなどを使い宣伝をした日はminneのアクセス数が増加。
-新しい情報、更新頻度をあげるためにも新しいアイテムを作る必要がある。

~
''minne''
-ネーミング
--検索されやすいワードを使う。特徴が分かりやすい名前にする。
~
-説明文
--梱包に関する情報がないと不安になる。梱包時の写真を追加する。
--詳しいサイズの記載(今は何号のリングかしか記載していない)
--全長?直径?や使用イメージなどを伝える
--検索されそうなワードを記載。(沢山)
~
-写真
--説明文を読むのが億劫な人が唯一興味を持ってくれる要素
--文章を読み込まなくても大丈夫な工夫(とは)
--凝った写真にするより、商品がよく見えて明るく綺麗な写真にすること
~
-他にも色々
[[🔗>https://craftwriter-blog.com/minne-urenai/]]


~
~
**2021.12.04
''合同審査''
-実際のブランド運用に関して改善の余地有り。
--現在Twitterのアカウントのみ作成済み。

~
-試みること・効果がありそうなこと
--インスタグラムも併用した宣伝
--検索ワードにひっかりやすい商品詳細の文章とタグ付け
--SNSを利用した効果的な宣伝方法や投稿時間の模索、人脈作り等
--絞り込み検索の新着順で商品が出てくるように新商品を随時製作販売
--友人などに実際に使ってもらい口コミを得る
--適切な価格設定(原価や得られる利益、実際に売れやすい値段、手頃な価格に収めるなどの要素の擦り合わせ)
--他作家の方のショップを観察する
--梱包発送情報を詳しく記載する



~
~
**2021.11.30
***web
-メインビジュアルのスライド化
--CSSアニメーションで時間経過のスライドを作成。
--写真は差し替えるかも。

~
🔗[[CSSだけでスライドショー>https://weblasts.com/css/css-slideshow]]

~
~
**2021.11.25
***web
-サイトマップ修正
#image(sitemap_n.jpg,,50%);

~
***ハンドメイド
-minne更新。販売文章のテンプレ(一応)は作った。
-[[写真参考>https://www.pinterest.jp/penpen7124/%E5%86%99%E7%9C%9F/]]


~
~
**2021.11.12
***プレゼン
''発表に関すること''
-5分オーバー。長い。
-目的とまとめにズレがないようにする。辻褄を合わせる。
-概要集とのズレにも気をつける。(順番とか)
-まとめは客観的に。
//-プレゼンの上手い人を参考にして練習する。

~
''研究に関すること''
-サイトマップが少し間違っている。(作り直し)→&color(orange){修正済};
-そもそもminneとは何なのか。知らない人に向けた説明。
--minneのサービス内容、ページに飛んだ後の閲覧・購入の流れ
~
-htmlにエラーがある。(minneリンクのアイコンのところ)→&color(orange){修正済};
-メインイラストからアクセサリーまでが長い。
--メインビジュに写真を追加してスライドなどにする。ブランドの雰囲気がわかるもの。→&color(orange){修正済(仮)};
-id="container"のところをclassに変更。(idは1つ1回までの使用)→&color(orange){修正済};
-メニューはセクションで分ける。→&color(orange){修正済};


~
~
**2021.11.05
***ハンドメイド

~
~
**2021.10.2
***web
-写真の差し替えとリンク貼り→済

~
***ハンドメイド
''minne''
-マイページに作品アップしました。
--販売は行っておらず閲覧のみの設定。
--%%webサイトと商品名をできるだけ合わせる。%%
--商品の説明の文章をしっかり作る。まだ仮置き状態。
--写真綺麗に撮りたい。


~
~
**2021.10.22
***ハンドメイド
''アクセサリー''
&image(purple.jpg,,30%); &image(box.jpg,,30%);
-制作物の一部。指輪とフラワーボックス。


~
~
**2021.10.20
***ハンドメイド
''アクセサリー''
-制作進捗
--指輪6種(サテン/サテンパール/シャンブレー/柄/チャーム付き/花びら5枚)
--イヤリング6種(サテン/シャンブレー/柄/パーツ付き3種)
--その他6種(マスククリップ/ピンバッジ/ヘアピン/キーホルダー/フレームアレンジ/フラワーボックス)
&small(必要最低限は制作できた。);

''minne''
-プロフィール更新。
-アイコン、ヘッダー追加。


~
~
**2021.10.08
***ハンドメイド
''台紙''
&image(縦台紙.jpg,,30%); &image(横台紙.jpg,,30%);

-アクセサリーの種類や色に合わせられるように4種類を3色ずつ作成。
-色はベビーピンク、白、グレーを用意。

→3色用意したものの、白1色のみにする。


~
~
**2021.10.05
***web
''修正箇所''
-safariのみmenuが画面いっぱいに広がるようにした。
&small(↑safariから見たときにmenuがガビガビになるけど修正できなかった。);

~
~
**2021.10.05
***web
''修正箇所''
-menuが右から出てくるようにした。
-画像の角丸化。
-写真マウスオーバーで少し拡大。
-字間を広げた。

🔗http://normal.html.xdomain.jp/hanafuri
~

''修正する(したい)箇所''
-写真差し替え。
-写真クリックでポップアップ。できればスライド。
-全体の幅を揃える。
-メインビジュアルの画像を変更。
--サイトを開いたときにメインビジュアルまでしか見えない状態にしたい。
--もう少し縦幅のあるものにする。(?)


~
~
**2021.10.01
***制作相談
''web''
-見出しのフォントをロゴと揃える。もしくは行間/字間を広くするか字を小さくする。
-menuの字間を空ける。
-画像の角を取る。

~
~
**2021.09.17〜2021.09.30
***ハンドメイド
-指輪のみ→指輪、イヤリング、その他で分類。
-イヤリングのイメージ
#image(earring.jpg,,50%);
~

''写真撮影''
-[[Pinterest>https://pin.it/1CSclST]]
-[[アクセサリー 写真の撮り方>https://meetsmore.com/services/product-photographers/media/2487]]
-[[【徹底解説】オシャレに見える『#置き画』18のコツ>https://insta-antenna.com/okiga/]]
-[[みんなに見せたくなる「ハンドメイド作品」の写真を撮る方法!>https://kiwaseisakujo.com/note/officialblog/blog-technique/blog_191011/]]
-[[作品の魅力が伝わる写真の撮り方(#minne学習帖)>https://note.minne.com/n/n53aa759e637a]]
~

''台紙''
-[[どうやって作る?ハンドメイドアクセサリー用台紙の作り方まとめ>https://may-handmade.com/mount-make/]]
-[[販売用にも使えるピアス台紙やイヤリング台紙の簡単な作り方や穴あけ方法!>https://momotsu.com/entry/earring-mount/]]
~

''リボン''
-[[Trim-park SHIMADA>https://trimpark-shimada.com/]]
&small((店頭に並んでいないものの通販));
~
~

***スケジュール
-[[進行管理表🗓>https://docs.google.com/spreadsheets/d/1cdCX5rpAHBm6VvLWDjGLjEQfrLtk7yUxOy_cTKPEOgI/edit?usp=sharing]]

~
~

**夏季休暇中
***web
-サイト制作
-写真のタイルレイアウト
~

''memo''
-写真や画像の差し替え
-メニューを右から出したい
-写真の拡大とスライド
-リンク
~
~

***ロゴ
''変更後''
#image(logo_02.png,,50%);
#image(logo_01.png,,50%);
-使用フォント:[[WindSong>https://fonts.google.com/specimen/WindSong#standard-styles]]
-CMYK=9,81,44,0
-RGB=233,84,107
//軽さを出すためにスクリプト書体を使用。頭文字のhを、花びらとリボンテープ の端を合わせたような形にした。色はアイテムのイメージである女の子らしい可愛さが感じられるピンク(薔薇色)を採用。

//軽さを出すためにスクリプト書体を使用。頭文字のhを、花びらとリボンテープ の端を合わせたような形にした。
~
~

''変更前''
#image(logo_hanafuri.jpg,,50%);

~
~
~