Capture the visitors' attention, have them appreciate it as a standalone piece, and promote engagement (conversation then sales). Use our own original images and original content for the web page while keeping it in an organized grid style.
We started with a design brief, then a site map and style guide. Created two different wireframes and then three drafts from those wireframes. The idea was to have unique options to explore different routes of getting the feeling of the brand to be expressed throughout the page. Using all original content for each draft and the final site.
Design BriefSite map/style guidePrototype 1Protype 2Prototype 3Create a visual experience that triggers an emotional response from the viewer. Capturing their attention with content presented in an artistic way, rather than product-focused. Using space and a grid system to organize content to lead visitors through the page.
Final SiteWe went with Jura for the main header because it is of the Eurostile form, which has a sort of uniformity throughout the letterforms and is geometric. This is important because as humans we all have the same underlying structure, and are built this way from the collective experience of our ancestors. That is also why we used it for “Connect” because through the structure and experiences is how we all can connect initially. EB Garamond for “Series” was appropriate to portray a historical feeling, the series section is almost like a record/bible for the current release. The “Scenes” button needed a modern-vintage style with grace since this section will have a mix of present-day and past scenes in its imagery. To accomplish this we went with Josefin Sans. People are so complex and when in their comfort spaces, are organic and expressive. With that said, the “People” button needed to be a handwritten style typeface. Libre Franklin was used for the headers and captions as a support text to the imagery. It doesn’t demand a lot of attention on its own and is legible.
Using the colors from the brands upcoming products, keeping it simple and letting most of the color come from the original imagery. The orange used is an inviting color and used subtly as an accent in certain areas to highlight text when hovering.