Charm Star -We love converse-
コンバースの経年変化とコーディネートを楽しめるビデオログサイト制作
Keywords:Converse , Used , University Student , SNS , Web Design , Video , Vlog , Coordinate
研究の概要
概要
コンバースの経年変化とコーディネートを楽しめるビデオログサイト制作
目的・主旨
私はコンバースが大好きだ。コンバースはカラーや種類などバリエーションが豊富であり、比較的安価な製品で、どのようなコーディネートにも合わせやすいオーソドックスなスニーカーとして大学生を始めとする若い層に人気である(コンバースの歴史)。特に私は、新品のコンバースより履き込んだコンバース(経年変化)が魅力的だと感じている。新品のコンバースを履くことは、恥ずかしささえある。また、コンバースは履く人の性格や特徴まで現れるものだと考えており、経年変化によって、風合い、パッチの擦れ、クタッと感などの味が出てくる。そこに魅力があるのではないか?と考える。自分と同じように感じている人は少なくないだろう。
現代では、ファッションアイテムやコーディネートをZOZOTOWNやWEARなどで気軽にチェックすることができ、同時に服や靴などのファッションアイテムを手軽にサイトで購入できるのが一般的である。ZOZOTOWNやWEARには様々なアイテムが掲載されているが、掲載されているアイテムは新品のものが多いと感じた。そのため、コンバースのように、使っているうちに良さが出てくるアイテムの魅力が伝わりにくいのではないかと感じた。
また、現代では、InstagramやYouTubeなどの普及もあり、写真や動画が私たちの生活の身近なものになっている。そこで今回私は、経年変化(エイジング)によるコンバースの本来の魅力を楽しんでもらいたいと思い、動画を活用したコンバース主体のWebサイト制作をしたいと考えた。また、スマートフォンの利用が当たり前になった今、多くの方に情報をみて頂けるため、そして、多くの情報を掲載することに向いているWebというツールを採用したいと考えている。
制作方法
① 企画を行う
② Webサイトのサイトマップを制作する
③ ワイヤーフレームと同時にビジュアルを制作する
④ 撮影を行う。
⑤ 撮影素材を編集し、YouTubeに動画を投稿する
⑥ Webサイトのコーディングを行う
⑦ Webサイトを公開
⑧ SNSを活用し、告知を行う
制作物
① コンセプト
既存のサービスでは伝わりにくい、経年変化によるコンバースの魅力やコーディネートを、簡易的な動画をブログ形式で公開するビデオログ手法を活用したWebサイトによって表現する。
② シンボルとロゴ
コンバースを連想させる星などのシンプルなビジュアルなどを使用する。また、経年変化を表現するためにレトロ感のあるアナログ的な擦れの表現などを使用したシンボルとロゴとする。
③ Web
動画を効果的に使用し、履き込んだコンバースの魅力と楽しさを感じるWebサイトを制作する。シンプルなビジュアルを意識しつつ、レトロな印象を与えるものを目指す。動画、写真、コンバースの使用期間や身長、コメントなどの情報を記載する。写真の配置や切り抜きを工夫し、Webサイト全体にリズムをつけ、楽しい雰囲気と世界観を作る。
④ 動画
履き込んだコンバースの魅力と楽しさを感じる映像にする。レトロで楽しいイメージを表現する。写真の切り込みを映像に組み込んだり、フィルムバーンなどの効果を使い、経年変化したコンバースの魅力を引き立てる工夫を施す。コンバースを使ったコーディネートと単体のカットを組み込むことでリズムのある動画を制作する。また、動画内にWebサイト同様、コンバースの使用期間や身長、コンバースの種類や、カラー、コメントなどの情報も組み込み、撮影素材と文字情報で動きを作る。
使用するツール
Web、動画
Keywords:Converse , Fashion , used , Simple , Youth , University Student , SNS , Web Design , Movie
スケジュール
ToDo
アイデア探しある程度のテーマ決めコンセプト決め(イメージを固める)テーマ決め- Webのビジュアルを完成させる
- Webイメージが、HTML CSSで実現可能かを試作する
- 映像の撮影
- 映像の編集
- 試制作
- 本制作
- 完成
進捗・記録 2019.09.19
- おすすめサイト
動画ファイルサイズをオンラインで軽くする方法2つ
進捗・記録 2019.09.18
- Webイメージ
- Web制作参考
ヘッダー・ナビゲーションを固定表示させるアイデア5つ
進捗・記録 2019.09.10
- Webサイト参考
outdoorliving
Ray BEAMS
進捗・記録 2019.09.05
- Webイメージ
進捗・記録 2019.09.03
- 気づき
まず、ランディングページじゃなきゃダメなの?→ホームページの方がいいのでは?
- Web制作参考
http://zumtobel.us/
https://blog.mudora.jp/?p=3828
画面サイズに合わせて高さを指定する3つの方法
jQueryでページトップへ戻るボタンに動きをつけよう
ひたすらハンバーガーアイコンを作ったので9種のソースを公開します!
ランディングページって何?分かりやすく徹底解説
- Webサイト参考
niko and...
進捗・記録 2019.08.30
- Webサイト参考
Namale Creations
進捗・記録 2019.08.22
- Webイメージ
進捗・記録2019.08.21
- 参考映像
進捗・記録(学科合同プレゼン) 2019.07.29
- 制作物
① コンセプト
既存のサービスでは伝わりにくい、経年変化によるコンバースの魅力やコーディネートを、簡易的な動画をブログ形式で公開するビデオログ手法を活用したWebサイトによって表現する。
② シンボルとロゴ
コンバースを連想させる星などのシンプルなビジュアルなどを使用する。また、経年変化を表現するためにレトロ感のあるアナログ的な擦れの表現などを使用したシンボルとロゴとする。
Charm = 魅力、Star = 星 人気者 スター(コンバースを意味している)
シンボルは、赤、青、黄のビジュアルを重ねることで沢山のコンバースが集まっていることを表現している。
③ Web
動画を効果的に使用し、履き込んだコンバースの魅力と楽しさを感じるWebサイトを制作する。シンプルなビジュアルを意識しつつ、レトロな印象を与えるものを目指す。動画、写真、コンバースの使用期間や身長、コメントなどの情報を記載する。写真の配置や切り抜きを工夫し、Webサイト全体にリズムをつけ、楽しい雰囲気と世界観を作る。
④ 動画
履き込んだコンバースの魅力と楽しさを感じる映像にする。レトロで楽しいイメージを表現する。写真の切り込みを映像に組み込んだり、フィルムバーンなどの効果を使い、経年変化したコンバースの魅力を引き立てる工夫を施す。コンバースを使ったコーディネートと単体のカットを組み込むことでリズムのある動画を制作する。また、動画内にWebサイト同様、コンバースの使用期間や身長、コンバースの種類や、カラー、コメントなどの情報も組み込み、撮影素材と文字情報で動きを作る。
- まとめ
現在、シンボル、ロゴ、Webサイト、動画のビジュアルの世界観は定まりつつある。今後は、20人程度に取材を行い、動画の撮影と編集をし、Webサイトの制作を並行して実施する。
進捗・記録 2019.07.27
進捗・記録2019.07.24
- Webイメージ
- Web制作の参考
Grids
進捗・記録 2019.07.23
- 書体参考
PHOTOSHOPVIP
- ロゴ制作の参考
logo stock
- Webサイト参考
はなみち舎
進捗・記録2019.07.18
- Web制作の参考
WEB DESIGN
- アイデア
進捗・記録(専攻プレゼン) 2019.07.12
- アドバイスや気付き
・どのような人に出演してもらう?モデルは学生だけ?→?
・どこでやるの→?
・とりあえずダミーテキストでサイトを制作したら→制作します!
・サイトのイメージは?メニューの表示の仕方、分け方は?→?
- コンセプト
経年変化(エイジング)によるコンバースの魅力を楽しめるビデオログサイト
- 制作のキーワード
コンバース
大学生
経年変化
味がある(履きこみ)
風合い(かすれ)
レトロ ビンテージ 古物
シンプル
スター(星のシンボル)
- 映像参考
- 映像イメージ
- Webサイトイメージ
映像を背景に使ったWebサイト。
コンバースをイメージし、シンプルなビジュアル。
- ロゴ参考
- これからの制作
ロゴタイプとシンボルマークの制作
動画撮影
動画編集
Webサイト制作
進捗・記録 2019.07.08
- 映像参考
- キーワード
スター(星のシンボル)
不朽の名作
レトロ
ビンテージ
古物
おしゃれ
味がある
ファッション
若者
かっこいい
スタイリッシュ
今どきな感じ
コンバース
映像
Web
進捗・記録 2019.07.05
- 参考
- キーワード
レトロ
ビンテージ
古物
おしゃれ
味がある
ファッション
若者
かっこいい
スタイリッシュ
今どきな感じ
コンバース
映像
Web
進捗・記録(テーマ発表) 2019.05.31
- アドバイスや気付き
・魅力を伝えるのはWebでは難しい。魅力を伝えるためではなくてWebは情報を整理するものなのでは?→コンバース好きが集まるサイトのほうが良い!SNSを上手に使い、SNSからWebサイトの流れを作る!
・サイトのどこが見られているかわかるサービス、ヒートマップを使うのがいいのでは?
・どのようなアンケートが必要か?まずアンケートは必要なのか?
・サイトには動画と写真とコメントを記載する。
・「コンバース100」の分け方は?→(例)ALL STARでまとめる。紐に関するネタやオリジナルペイントやこだわりで分類する。
- 試作
ひとりの撮影時間5分程度をイメージし撮影してみた。
映像は横verとスマホをイメージした縦verを試作してみた。
映像のスクリーンショット
- 映像参考
- サイトのイメージ
DHOLIC商品紹介ページ
進捗・記録 2019.05.24
- 参考
- メモ
○なぜこのコンバーススナップのサイトを制作するの?
コンバースは不朽の名作であり、多くの人が履いている。
コンバースはバリエーションが豊富であり、比較的安価であり、合わせやすいオーソドックスなスニーカーである。
コンバースの良さは履いていって出てくるものではないか?
現代では、ZOZOTOWNやWEARでもコンバースを使ったコーティネートが見れるが、どれも新品である。
進捗・記録 2019.05.23
- 試作
映像
ひとりの撮影時間5分程度をイメージし撮影してみた。映像は横verとスマホをイメージした縦verを試作してみた。
また、Webサイトに載せる写真は映像のスクリーンショットでも良いのではないかと考え、映像のスクリーンショットもイメージを載せています。
映像のスクリーンショット
進捗・記録 2019.05.17
- テーマ候補
コンバーススナップサイト
ファッションサイト
Art Space+50リニューアル
- メモ
なぜファッションが好きなの?どんなファッションが好きなの?→手軽でカジュアルな服。というか、服はそんなに好きか?いや、コンバースの方が好き(笑)
コンバースのサイトはあるが新品しか載ってない!しかし、コンバースの良さは履いていって出てくるもの!それをまとめたサイトがあってもいいやろ!!コンバースを履いている人のスナップショットをまとめる(性別 年齢 試用期間 季節 種類 カラーなどで分類して)!!!
写真を載せるだけのサイトではなくて、イメージ動画(雰囲気の良い動画)を載せる!さらにスナップを撮った方のコメントとかコンバースにかける思いがあっても良いかも!その日のファッションについてとか?
ZOZOTOWNやWEARにも載っているが、コンバースのみに着眼点を合わせたサイトは無い!?→やるしかない!!!でもやるなら目指せ100人!!!!!
All Star縛り?それともコンバースならなんでもOK?
- イメージ
進捗・記録 2019.05.10
- メモ
服のサイトを作るなら、他には無い強み(面白さ)を見つけなければ!→例えば、カップルコーデのみを集めたサイト、着回し術をまとめたサイトなど。
普通に服のサイトを制作しても、WEARやZOZOTOWNには勝てない!
WEARみたいな誰でも更新できるサイトがいいのでは?服好きの集まりで、誰でも気軽に投稿ができるのが強み。