works detail

Project Name: KANGAROO FITNESS (架空) site

カロリー計算ページ
スマホ版ページ
トップページ
Type:

WebSite

WebDesign

Logo/BannerDesign

Others

Target:

ジムのサイトということで痩せたいと考えている全年代の方を主軸とし、禁欲アップを目指すかたも含めた多くの方を対象として想定しています。

Purpose:

訓練校で紹介のあったBootstrapを用いて制作をしてみたいと考えました。そのデザインテンプレートから大きく外れない形でサイトの配色やロゴのデザインを行い、phpを用いたテンプレートの導入などを組み入れました。

Design:

トップページにコピーとアイコンのみを設置しインパクトを強めたいと考えました。しかしアイコンをボタンだと認識されにくいと考えましたので、運動ということで脂肪燃焼をしやすい程度の鼓動をイメージして動きをつけるとともに、立体感を出してボタンとしての認識を持ってもらいやすくしました。 その他、スポーティなイメージとして、インクのスプラッタで躍動感を出した上で、テキストの可読性を上げるために背景を薄い黒にして、パララックス風にしております。

配色: null

フォント null

Production Period:

8月13日〜26日(2週間程度)

Tools

Figma

VsCode

Illustlator

PhotoShop

link
Site:「カンガルーフィットネス」