Background: Myself and developer Christian MacMillan created EvaGher’s website to showcase the work of Barcelona-based makeup artist Eva García. The target audience includes people working in the advertising and film industry as well as any particular client who might need a makeup artist for an event.
Design features: A sophisticated new identity; a minimal, user-friendly layout that makes the content the hero of the site; a bold choice of typography—pairing a black sans serif with a display, Didonesque serif; the smooth scrolling; parallax animations; and the subtle microinteractions.
Favorite details: Design-wise, I love how the homepage landing looks and behaves. On the development side, I’m in love with the noise shader effect that reveals a full-width image on the page background as you hover over any project from the “Work” grid.
Navigation design: I wanted the navigation to always be visible on each page landing. As you scroll down, the top navigation bar disappears so it doesn’t visually interfere with the content and only appears back again on scroll up or by hovering over the menu icon. At the same time, an outer circle appears around the menu icon to indicate how far you are into the scroll. Another navigation feature that we’ve been trying hard to achieve is the seamless transition to the next project once you are in the site’s “Album.”