K-TONE BODYFIT

Web development

VISIT K‐TONE

OVERVIEW

K-tone BodyFit is your friendly one-location local fitness center caters to individuals needing full service gym facilities. K-tone has a professional yet unintimidating personable vibe.

The objective was to create a two to three pages fitness website from a given written content, with minor tweaking and adding of own content.

K-tone Bodyfit laptop mockup

MY ROLE

  • Logo design
  • Style tiles
  • Design development
  • Final build

LOGO DESIGN

Logo inspiration comes from the chemical substance and symbol of ‘Ketone bodies’, which is a by-product from breakdown of fat in the body. The hexagon shape is the short hand way to represent a molecule in biochemistry. A slight slanted logo gives it a more dynamic feel often associated with fitness brands.

K-tone logo sketches
K-tone logo

STYLE TILES

The colour palettes were choosen to evoke emotions which greatly influence the workout sessions. Stay calm and focused with blue, boost mood and maximize workout with green and enhance metabolism with red.

K-tone styletile version one
K-tone styletile version two

DESIGN DEVELOPMENT

Learned to use HTML table to present given tabular data and styled with appropriate CSS properties.

VISIT K-TONE
K-tone fitness classes schedule screen grab
K-tone membership table screen grab

CONCLUSION

K-tone was the first web development assignment created with basic knowledge of HTML and CSS. A perfect opportunity to learn from mistakes and to improve for future projects. Do check out K-tone's three full working pages – homepage, membership and fitness classes.

VISIT K-TONE

→ SEE OTHER PROJECTS

Pocket Chicken thumbnail Artism thumbnail TripTravGo thumbnail Call Me Orange thumbnail Archer Design Build thumbnail K-tone Bodyfit thumbnail