Growth Protein PRO || プロテイン通販サイト

• Photoshop
• AdobeXD
• HTML
• Sass
• Wordpress
• Jquery
• PHP

• プロジェクト概要

  会員数500人を持つ架空のパーソナルジムGrowthのオーナーが開発したプロテインの通販サイトを作成しました。お試し価格で購入してもらえるようボタンを目立つようにデザインし訴求しています。

• 役割・貢献

  この架空サイトでは、サイト設計からデザイン、コーディングまで全て一貫して担当しました。

• デザイン・工程

  エネルギッシュさを感じるグリーンをベースに、角のあるデザインを多用することで力強さを感じるデザインにしました。
  コーディング

• コーディング・開発手順

  AdobeXDでデザインを作成し、そのデザインを元にHTMLやCSSでサイトを作成しました。またJqueryを使い、動きを加え、レスポンシブ対応も実装しました。Wordpress化も行い、カスタムフィールドを利用して管理画面からテキストや画像を簡単にメンテナンスできるよう管理性をあげました。