Yokoyama yoko Portfolio

企画／デザイン／コーディング
女性向け除毛商品の比較サイトのデザイン・コーディングに携わりました。
商品の情報収集、掲載内容の選定など企画の段階から参加しました。若年層〜主婦がターゲットで、季節感のあるデザインにしました。
サイトURL: https://whitemilkystar.jp/

• 

• トップページには条件を選択し商品を絞り込んで表示させる検索機能を設置しました。ランキングはおすすめ度をマークを使って一目でわかるよう工夫しました。商品の価格や形状など、まず知りたいことを見やすく配置し、詳細ページに進むとさらに商品について詳しくわかるようにしました。
  コラムページ以外はほとんどコーディングも私が行っています。（検索システムは別）

  

企画／デザイン／コーディング
季節もののプレゼント品を紹介するサイトでバレンタインのプレゼント特集のページ制作をしました。もともとあるサイトのヘッダーやフッター、2カラムなど枠組みに合わせたデザインとコーディングをしました。どんな商品を載せるかの選定や情報集めなど企画の段階からひとりで担当しました。

• 

• 1ページ内でジャンルごとに表示できるようにタブで内容が切り替わるようにしました。だれ向け・用途・予算などユーザーが求めているものがすぐわかるような項目を作りました。

  

企画／デザイン
自社販売のレギンス商品のランディングページ制作に携わらせていただきました。
購入ボタン部分の作成や追加コンテンツの作成、既存のコンテンツの改修など行いました。また商品パッケージのデザイン決めやロゴデザイン決めの会議の場にも参加し、企画の話し合いをしたりもしました。

• 

• この商品のLPの背景は基本は白色なのですが、購入ボタンの部分は他より目立たせるために背景の色を変更し、ボタン部分はgifで動きのあるものにしました。
  また購入したユーザーの声であるSNS投稿画像を用いたコンテンツを作成したり、訴求の弱い部分の改修などを行いました。