京都のパーソナルジム | Kyoto Fitness FIND

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

• プロジェクト概要

  京都市に店舗を構えるパーソナルジムの架空サイトを作成しました。体験予約もしくはLINE登録への誘導を目的としたサイト構成にしています。

• 役割・貢献

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

• デザイン・工程

  紺色をベースカラーとし、シンプルでありつつも、鍛える男性をイメージしたエッジのあるデザインを目指しました。サイトの回遊を飽きさせないようにJqueryを実装し、最終的にLINE登録もしくは体験予約へと誘導するように意識しました。
  

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

  AdobeXDでデザインを作成し、そのデザインを元にHTMLやCSSでサイトを作成しました。またJqueryを使い、動きを加え、レスポンシブ対応も実装しました。WP化実施しました。