Yoga Spirit landing page concept
Yoga Spirit landing page concept
This is a showcase of the conception of a landing page for a site offering online yoga classes, featuring initial and late-stage wireframes, testing of different typefaces, exploration of various colour palettes, a style tile, and the final development-ready mockup. Each stage went through multiple iterations.
The first step taken was to define the goals, layout, branding, and potential visual components of the landing page on paper.
Further refinement of the layout on paper before starting on the wireframe.
Initial wireframe. The typeface of the heading was rejected due to readability issues.
This wireframe tests the typefaces Amatica SC for the headings and Karla for the body text.
This wireframe tests the typefaces Pacifico for the headings and Raleway for the body text.
Simplifying the layout following mentor feedback.
Here, the typeface Dancing Script is used for the headings, with Karla in the body text. The column on the right-hand side was discarded for several reasons: it would cause problems with responding to viewport size, the positioning and size of elements resembled ads at a glance, and it contained nonessential or filler information which distracts the user from the main content.
Adobe Color CC was used to create palettes to explore potential colour schemes for the landing page.
Taking various colour palettes as inspiration, I chose a calm blue and energetic green as gender non-normative colours to avoid the stereotype of yoga being "for women" or purely intended for relaxation.
The final mockup.
Yoga Spirit landing page concept
0
36
0
Published:

Yoga Spirit landing page concept

This project shows the design process involved in creating a mockup of a landing page for a site offering online yoga classes. Includes wireframe Read More
0
36
0
Published: