Visual design focused on conversion and storytelling

Visual design focused on conversion and storytelling

In just 5 days, I worked with the Nike team to develop a landing page that introduced the Social Commerce program for sports influencers and served as an official entry point for new sign-ups.

In just 5 days, I worked with the Nike team to develop a landing page that introduced the Social Commerce program for sports influencers and served as an official entry point for new sign-ups.

Client

Nike

Industry

Retail

My role

UI Designer

Role

UI

Year

2024

Lilac Flower
Mobile mockup displaying the Nike website interface. The screen features an image of smiling young people in front of a concrete wall, followed by the headline “The power of influence” and the beginning of the landing page’s introductory text.

Challenge

01

Social Commerce is Nike’s influencer marketing program in Brazil. Some Nike creators were already using it, but there was no channel for others to express interest in joining the program.

Requirements

02

  1. Clear and concise landing page with visual hierarchy centered on “what it is, who it’s for, and how to join”


  2. Adaptation of Nike’s Design System components to fit the landing page context (beyond e-commerce)


  3. Microinteractions that enhance the fluidity of the sign-up process

Goals

03

  1. Build a functional and visually aligned landing page for Nike in 5 days


  2. Make the program’s entry process simpler and more appealing


  3. Strengthen the brand’s relationship with sports influencers

Mobile interface of the Nike website displaying an image of smiling young people in front of a gray wall, alongside a screen with the text “The power of influence” encouraging creators to connect with the brand. Below, there’s a “Connect” button and a step-by-step guide for the application process.

Approach

04

Content first

01

I used a Content-First approach to guide the design, ensuring strong information architecture, message clarity, and development efficiency. Then I refined the content with the Content Design team, aligning it with Nike’s tone of voice and concise language style.

Visual references

02

I gathered visual references (from Nike’s own websites, Dribbble, and Behance) to understand the brand’s spacing and typography patterns.

Pair design + programming

03

I quickly prototyped the page in close collaboration with the development team through pair design/programming sessions.

Solution

05

  1. Clear and concise landing page with visual hierarchy centered on “what it is, who it’s for, and how to join”


  2. Adaptation of Nike’s Design System components to fit the landing page context (beyond e-commerce)


  3. Microinteractions that enhance the fluidity of the sign-up process

Screenshot of a Nike landing page targeted at digital influencers. The page features a banner with a diverse group of people in an urban setting, followed by the headline “The power of influence” and a “Connect” button. Below that, there’s a step-by-step guide to joining the program, a section with image-based benefits (such as rewards, events, results, and updates), an image of a group running on the street, and a FAQ area. The footer includes institutional links, social media icons, and payment methods.
Mobile version of Nike’s landing page for influencers. The screen shows an image of a smiling group, followed by the headline “The power of influence,” a short explanatory text, and a “Connect” button. Below that, there’s a step-by-step application guide, a section highlighting key benefits, an image of people running on the street, and a FAQ area with expandable buttons.

Results

06

New channel

01

Nike Brazil’s first official channel for actively recruiting creators into the Social Commerce program.

New channel

01

Nike Brazil’s first official channel for actively recruiting creators into the Social Commerce program.

Alliance

Alliance

02

Close collaboration with developers, optimizing the delivery flow in just 5 days.

Alliance

02

Close collaboration with developers, optimizing the delivery flow in just 5 days.

Repertoire

03

A learning experience that expanded my technical repertoire and strengthened my communication with developers in future projects.

Repertoire

03

A learning experience that expanded my technical repertoire and strengthened my communication with developers in future projects.

Learnings

07

More than just creating a beautiful page, it was about aligning content, visual design, and agile development to generate real impact and strengthen the relationship between creators and the brand.