Nike

All projects in this portfolio have been designed entirely by MattosDesigns.

Senior UX/Product Designer
Visual/Web Designer
Employer:
Nike
Year:
2022-2024
Role:
Visual Designer

The assignment was to create and manage five internal websites. As the lead web designer, I consulted on different projects to help build their vision. I utilized Figma to build the design from the ground up before implementing it onto the Duda platform and my design style to build eye-catching designs that brought in more projects asking for my expertise.

Overview

As a Designer at Nike, I led multiple projects to elevate the user experience across Nike’s digital platforms. The goal was to ensure consistency in branding, enhance user engagement, and drive overall brand visibility. This case study outlines the project’s scope, challenges, solutions, and outcomes.

Responsibilities
  • Leading web interface ideation and creative design processes.
  • Ensuring consistency in new technology designs while working independently.
  • Creating sketches, user flows, wireframes, interactive designs, motion graphics, and mockups.
Problem

Nike needed multiple digital platforms to better align with the evolving branding guidelines and improve user learning experience engagement. These platforms have never been built and would need to be designed from the ground up, by fully leveraging modern design principles, implementing a cohesive design system across all platforms.

Responsibilities
  • Leading web interface ideation and creative design processes.
  • Ensuring consistency in new technology designs while working independently.
  • Creating sketches, user flows, wireframes, interactive designs, motion graphics, and mockups.
Problem

Nike needed multiple digital platforms to better align with the evolving branding guidelines and improve user learning experience engagement. These platforms have never been built and would need to be designed from the ground up, by fully leveraging modern design principles, implementing a cohesive design system across all platforms.

Solution
  • Research & Ideation:

    • The team conducted user research to understand pain points and preferences.
    • Collaborated with cross-functional teams to gather insights.
    • I developed initial sketches and wireframes using Figma.
  • Design & Development:

    • Created high-fidelity mockups and interactive prototypes.
    • Designed six 45-second engaging motion graphics for educational material, hype, and promo videos.
    • Managed processes for five internal websites, averaging five pages each, ensuring end-to-end efficiency.
  • Implementation & Iteration:

    • Implemented visual designs using tools like Figma, Illustrator, Photoshop, and After Effects.
    • I presented designs to Nike’s senior leadership and Directors, receiving approval and feedback.
    • Iterated on designs based on user feedback and stakeholder input.
Outcome
  • User Engagement: The new designs significantly boosted user engagement and satisfaction.
  • Brand Visibility: Enhanced brand visibility through consistent and compelling visual designs.
  • Efficiency: Improved efficiency in the design process, leading to quicker turnaround times and higher productivity.
  • Stakeholder Satisfaction: Increased stakeholder and senior leader satisfaction with the visual direction and execution.
Conclusion

Through meticulous research, collaborative ideation, and innovative design solutions, the project successfully transformed Nike’s digital presence. The enhanced visual consistency and user engagement underscore the importance of a well-executed design system in driving brand success.

#DESIGNDECK
Promo Videos

(Please select View more to see Motion Design.)

Promo Videos

(Please select View more to see Motion Design.)

(Please select View more to see Motion Design.)

error: Content is protected !!