Site Showcase: Embodying Awareness Yoga Therapy



Client's Site Description: Professional website for a yoga studio

Template Chosen: Brine

Why did you choose that template?: My client was actually not keen on parallax when we initially talked about it but once I saw her photos I knew that Brine would be perfect to showcase a visually strong website and once she saw it she loved the parallax effect and modern feel of her site!

What was the Client's Objective?: A new website and logo for her business as well as an online booking feature

Tell us a bit about the design process?: My client and I had an initial skype consultation where we talked about her old website (what worked, what didn't work) and general design preferences. She then filled out a detailed online questionnaire and uploaded her content. 

I don't do mock-ups or anything like that, my design process is pretty free-flow. I take the information at hand, as well as my sense of the client after speaking to them, and start with the template I think will work best. Once I am happy with the initial layout and color scheme I ask the client for feedback. In this case Linda loved the first draught (which is the case for most of my clients) and I continued building out the site with her content, asking for feedback as needed and working with the client to ensure content accuracy and design harmony. 

Depending on the quality of the content provided I do a little or a lot of editing, taking the raw data and formatting it from a sales/marketing point of view as well as making adjustments to align the text with the visual design (I passionately despise, for instance, word orphans in the last line of a paragraph! Which is tricky with some of the newer templates that have dynamic font sizing). 

I contracted a graphic designer to create a white label logo for me.

How did you help the client differentiate their business through design?: By using stunning images (her own and some stock photography) and visual elements such as a logo mark, as well as my signature page layouts and overall clean and organized feel. The intention is always to make my client's customers feel welcome and to provide clear information and navigation.

Is there custom development? What about custom added CSS? Can you tell us why you did or did not use these edits?: I always use custom CSS in my designs. I often style list buttons for instance, and also use CSS to balance visual elements, e.g. tighten or widen gaps where needed. On Linda's site I also used a custom font via CSS and used a code block to style the Acuity button. Finally, I find that mobile CSS styling is often required as well, for instance when I use a gallery block with three images I apply CSS so that these three images are not broken into two rows on a mobile.

Vendors used?: Logo design by