mockup.png

NBDYSPRFCT

 NBDYSPRFCT

WEB DESIGN. Landing Page.

Web-Showcase-Project-Presentation.jpg

NBDYSPRFCT is a clothing and media company pushing the boundaries of the fashion industry. They aim to create change and bring communities together through their motto “NOBODY’S PERFECT AND THAT’S PERFECTLY FINE.”

 

THE PROJECT

In its early stages, NBDYSPRFCT is putting a large focus on developing their brand and building a strong community around their mission. Users coming to this site have most-likely experienced a small part of the company mission in their initial touchpoint of the sales funnel. There needs to be a strong visual factor that highly influences their perspective on the brand and creates a learning opportunity.

My role was to create a landing page, an secondary touchpoint that encourages consumers to learn more about the brand and mission. Focus on using video content (interviews) to spread the brand mission and increase life-time customer loyalty. Design a dynamic page with parallax features to give the brand a distinct, visual edge that adds to the overall brand image.

 
 
IMG_3637.jpeg
IMG_3638.jpeg
 
 

CUSTOMER PERSONAS

The end goal is to scale and reach people all over the world. The brand speaks for people of all color, wealth, age, and sexual orientation. For this project, we will target a smaller section of that audience. After a dive into customer data, and some brainstorming, here are the prime personas we created for immediate impact.

 
 
Untitled-1-03.png
Untitled-1-01.png
Untitled-1-04.png
Untitled-1-02.png
 
 

CREATING HUMAN CONNECTION

We decided a common denominator between our sets of personas: community. We wanted to tailor our messaging to an audience looking for a deeper connection with the products they buy. The landing page needs to add immediate value to how the brand creates community and creates a connection with each of our personas in a visually appealing/progressive way. We created multiple variations of the landing page, each highlighting a different type of story; this way we could create connections with a wide variety of people.

 
Web-Showcase-Project-Presentation.png
 

DESIGN DETAILS

The next button has a dial feature that gives the user a visual queue for the slide transition. There is a subtle drop shadow on the watch button hover. The elements of the page (background, photo, lines, buttons) move with the position of the mouse.

 
 
NBDYSPRFCT WEB ANIMATION 22.gif
NBDYSPRFCT WEB ANIMATION_watch.gif