top of page
screen background.jpg

Project overview

ACRO GYM

A gym for acrobatic sports

CHALLENGE

Create a fictional and responsive landing page for a gym

ROLE

Solo UX/UI designer

TIME

TOOLS

Adobe_Illustrator_CC_icon.svg.png
62c6bc3deee9410fe137d920.png
Adobe_Photoshop_CC_icon.svg.png
0_ADKGAEckYKQJGt5b.png

2 weeks

TASKS

  • Benchmarking

  • Design system

  • Brand concept and visual design

  • Wireframes and prototype

  • Handoff for developers

This project was mainly focused on the visuals and UI design. I started doing some benchmarking and deciding which audience this gym was going to target. Later I started a moodboard where I experimented with various color palettes and fonts.

I also wanted to achieve a big impact with the hero image. I chose to play with the UX copy and the image at the same time, giving the optical illusion of the letters combined with the silhouette of the girl.

Colors & typography

I wanted a typography and a color palette that was lively and bold. Since the gym is focused on acrobatic sports such as: acrobatic gymnastics, cheerleading, trampoline, parkour, tumble, aerial circus, etc

Screenshot 2023-08-01 110613.jpg
Screenshot 2023-08-01 110637.jpg
Screenshot 2023-08-01 110212.jpg
Logo

I also decided to make a logo that conveyed the same thing. From the name to the appearance, it had to convey dynamism and movement. After several sketches and iterations I was happy with the final logo and its variants.

Design system

As for the design system, it also should transmit movement, which is why I chose figures with diagonal inclinations. I I followed this same concept throughout the page.

Screenshot 2023-08-01 112511.jpg
Screenshot 2023-08-01 112448.jpg

Final design

Here's the figma file i delivered to the web development students, who were in charge of making this page real.

Prototype (desktop, tablet, mobile)

  • LinkedIn

© 2023 By Marianela G. Powered and secured by Wix

bottom of page