"Design is not just what it looks like and feels like.
Design is how it works." - Steve Jobs

CONNECT WITH ME

home

ABOUT

CONTACT

PORTFOLIO

Project Type: Landing page & Email Design

O+G - Digital Brand Launch

MY PORTFOLIO

PORTFOLIO - O+G - DIGITAL BRAND LAUNCH

01.

Opportunity

The merchandising team worked on developing a fresh in-house brand named OTIS+GREY, featuring frames designed for both males and females with a focus on the millennial demographic. They sought to establish a digital presence on the Visionworks website, along with creating web assets, email designs, and social media images to effectively showcase the new brand.

02.

WIREFRAMES

Starting with wireframes in my website design is important to build a strong foundation and create a user-friendly experience. Wireframes act like a blueprint, helping me plan the website's structure and layout before working on the visual design. This way, I can strategically organize elements, map out navigation, and ensure everything functions well. Using wireframes early on allows me to identify and fix potential usability issues and refine the user interface. It's a key step in envisioning the website's structure, making sure the final design not only looks good but also operates smoothly, leading to an efficient and user-focused website.

02.

WIREFRAMES

Starting with wireframes in my website design is important to build a strong foundation and create a user-friendly experience. Wireframes act like a blueprint, helping me plan the website's structure and layout before working on the visual design. This way, I can strategically organize elements, map out navigation, and ensure everything functions well. Using wireframes early on allows me to identify and fix potential usability issues and refine the user interface. It's a key step in envisioning the website's structure, making sure the final design not only looks good but also operates smoothly, leading to an efficient and user-focused website.

NEXT
PREVIOUS

Following product development, the crafting of a logo, and a photoshoot, a dedicated OTIS+GREY page was established. This page serves as an introduction to the brand, emphasizing the attractive $99 price point, showcasing beauty shots, and encouraging users to shop online. Additionally, site assets for both the home and collection pages were designed, along with email and social graphics. The design was deliberately kept clean and modern to align seamlessly with the brand and its target audience. The official launch of OTIS+GREY took place in the summer of 2018, gaining substantial exposure through online initiatives and in-store promotions.

03.

RESULT

Mobile & Desktop Wireframes:
High Fidelity Landing Page Wireframes:
High Fidelity Product Page Wireframes:
Email Design:

Software: