Web design
She was talking about a quiet, relaxing place, about Yoga, wide open spaces and healthy sport in the nature.
I saw something light, refined, but not aggressive, I chose grey texts and grey flat logos over a light grey background.
Based on the format of her business cards, I designed a dark grey squared title with massive (weight 800) and thin (weight 200) Raleway characters in pure HTML / CSS:
See the Pen Alexandra Lepoix - title logo by Alexis Riche (@alexisr) on CodePen.
I added a jQuery wobble effect on the footer, simulating flesh in motion â a reminder of the pounds to lose, or of muscles contracting during a workout:
People using compatible brower (Chrome, to date) will enjoy a subtle reflection under the title catchphrase, using non-standard webkit CSS feature:
h1 p {
-webkit-box-reflect: below 0 linear-gradient(transparent 15%, rgba(0,0,0,.2));
}
Photography
I was also tasked with taking the new photos for the website; I used a Canon EOS 550D with an 18â55 mm lens and smartphone:
Graphic items
A Christmas gift card with activable randomized QR codes, granting access to online sessions:
A graphic design for the header of the âOnline Sessionsâ section:
Left: Original photo of the scene.
Center: Applying lens blur in the background, to hide the smudges on the glass and preparing the mask on the phone.
Right: Integrating a screenshot from an online fitness session and a fake Android status bar at the top of the screen. Adding natural reflections to the screen and adjusting the levels.
A few vector pictograms created for the occasion and their variations:
A few illustrations designed for the blog
