Information Architecture

Knowing exactly what we needed on the the site was critical. Ensuring that we had a good mix of branding and product shots to get his message across was the number one priority when starting the initial build.

Preliminary Site Map created a roadmap for design and build out.

Ideation

Marketing Pivot

After a delay in production we decided to move to a one page, email capture to be informed of the launch. This gave us data collection, and the ability to follow up with potential customers when the time came.

*note different alignment of CTA. This allowed for choice by stake holders.

Build out

Back on track, we decided due to the small nature of the shop, we would eliminate a traditional landing page for an overview or Collection page of the brand. Below are different concepts based loosely on Miansai, Kendra Scott, and large retailers.

Final Design

Getting a good sense of the layout and feel of the website, we moved to digital wireframes push the design a bit closer to accurate representation of the buildout.

Insurance

To ensure we stayed on track during photography I designed a template using a 10 grid system. Herman would manage the photography and send over assets to be uploaded.

*Photography template sent to ensure product, H1 , CTA, and Product alignment

Midnight Burn

Even before the assets were sent to me, I started building the site, constructing blocks in the CMS and ensuring copy and photos had places once they were completed. Most site styles were selected and implemented on Herman’s end as we both had editing capabilities. Once we had all assets placed, we had a midnight burn session, testing, retesting, and tweaking the site. Agreeing on a parallax template, some trickery was done manipulating the template to act they way we wanted. giving us a seamless look between each of the “pages” so they behaved like blocks. Buttons, fonts and other minor design decisions throughout the night.

Other tweeks would be made at later dates, and as we let the design marinate overtime, collecting feedback from users.

Results

See the final website at www.HermanFrancisco.com

Matching the problem statement, world visibly was the goal of the website. During the 2018 year we saw 3,460 view with the average person viewing 2.7 pages per visit. Partnering with Herman for marketing we saw great reach around the globe, gaining visibility on 6 continents and over 40 unique countries. We are looking to iterate on the site, creating new imagery and refactoring to see if there is an uptick in visibility and sales.

*2018 Data provided by Squarespace

More Projects