Yoga & Health Collective Web Site Project
I designed this website from scratch as a final project for my study of Web Design at The Graphic Design School. My work on this project included design of taxonomical structure, wireframing, visual design, creation of style guide and templates.
The website project for Yoga and Health Collective (former Avalon Yoga School) is dedicated to attract yoga students and natural therapy patients, to inspire them to practice, attend classes, workshops or events.
The key communication message is: yoga for all, from beginners to advanced there is a class to suit all styles and all abilities. To achieve this, the web site has a simple, welcoming style and contains a thorough information on all the programs and practices the school provides.
Dimmed earthy colors inspired by natural materials are combined with maroon color taken from the logo — just like a yogic lifestyle, the color scheme is calm with energetic feel brought by accent color. Imagery reflects the main message — inviting and friendly, people enjoy training and lifestyle, yet serious and focused. On the home page, background image showcases students just in the same pose as it appears in the logo and thus both elements resonate and make the visual impact stronger. Images’ colors are also muted in order to complement the overall look and to keep focus on the text elements. Typography has clean hierarchy and modern feel, yet resembles the feel of Sanskrit handwriting.
Metrics and Style Guide
Landing Page Template
Category Overview Page Template
List Page Template
List Item Description Modal Pop-up Template
Contact Us Template
External Promo Banner Template