Rebranding Puma
Adding American football to Puma’s product line and improved branding strategies to better connect with Gen Z.
Brand Revitalization, Competitive Analysis, Prototype, Hi-fidelity mockups
UX Research, UI Design
The Problem
Utilizing the existing structure of PUMA's website, I introduced the American Football line, ensuring the new content harmonized with the established brand style yet stood out to attract a younger, environmentally conscious, digitally native Gen Z.
Goals
Introduce sustainability icons & content that resonates with the target audience, leading to an enhanced brand perception as environmentally conscious.
Competitive Analyis
Leveraging a comprehensive competitive analysis of market leaders like Nike and Adidas, I gained valuable insights into their strategies for engaging similar target audiences. This research was crucial in shaping my approach to not only meet but exceed market standards and truly captivate our audience.
Proto Persona
User Journey
Information Architecture
LoFi Wireframes
Research Goals
Usability Testing
Findings
Maecenas euismod sapien eu arcu convallis, vitae vestibulum ipsum maximus.
Donec eu felis at libero consequat sagittis a et urna. Donec eu felis at libero consequat sagittis a et urna.
Donec eu felis at libero consequat sagittis a et urna.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Maecenas euismod sapien eu arcu convallis, vitae vestibulum ipsum maximus.
Integer rutrum ante et nunc venenatis, id ultricies risus ultricies.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Maecenas euismod sapien eu arcu convallis, vitae vestibulum ipsum maximus.
Vivamus vitae arcu vel velit efficitur vestibulum vel in purus.
Vivamus vitae arcu vel velit efficitur vestibulum vel in purus. Maecenas euismod sapien eu arcu convallis, vitae vestibulum ipsum maximus.
Cras sit amet velit id nulla tempus dictum sit amet eu nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent nec orci at nulla consequat congue ut non arcu.
Integer rutrum ante et nunc venenatis, id ultricies risus ultricies. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae. Integer rutrum ante et nunc venenatis, id ultricies risus ultricies.
Vivamus vitae arcu vel velit efficitur vestibulum vel in purus.
Integer rutrum ante et nunc venenatis, id ultricies risus ultricies. Maecenas euismod sapien eu arcu convallis, vitae vestibulum ipsum maximus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Donec eu felis at libero consequat sagittis a et urna.
Cras sit amet velit id nulla tempus dictum sit amet eu nisi. Sed auctor augue id tellus lacinia, nec ultricies est fermentum. Donec eu felis at libero consequat sagittis a et urna.
Cras sit amet velit id nulla tempus dictum sit amet eu nisi. Cras sit amet velit id nulla tempus dictum sit amet eu nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Donec eu felis at libero consequat sagittis a et urna. Maecenas euismod sapien eu arcu convallis, vitae vestibulum ipsum maximus.
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae.
Vivamus vitae arcu vel velit efficitur vestibulum vel in purus. Fusce aliquet turpis at orci bibendum, non convallis justo tempor.
Maecenas euismod sapien eu arcu convallis, vitae vestibulum ipsum maximus.
Vivamus vitae arcu vel velit efficitur vestibulum vel in purus. Vivamus vitae arcu vel velit efficitur vestibulum vel in purus.
Maecenas euismod sapien eu arcu convallis, vitae vestibulum ipsum maximus.
Fusce aliquet turpis at orci bibendum,
Mid-Fi Wireframes
Usability Testing II
Closing Note
Creating this prototype was a major learning curve in my journey as a UX/UI designer. It reinforced my understanding of how strategic design and technology can be used to build meaningful connections and deliver content that resonates with users on a deeper level. This project was a clear affirmation of my passion for design and my capability to blend detailed research with innovative solutions.I am excited to apply the knowledge and skills gained from this academic experience to real-world projects, aiming to create engaging and impactful user experiences.
Rebranding Puma
Adding American football to Puma’s product line and improved branding strategies to better connect with Gen Z.
Brand Revitalization, Competitive Analysis, Prototype, Hi-fidelity mockups
UX Research, UI Design
Kickoff
Utilizing the existing structure of PUMA's website, I introduced the American Football line, ensuring the new content harmonized with the established brand style yet stood out to attract a younger, environmentally conscious, digitally native Gen Z.
Goals
Introduce sustainability icons & content that resonates with the target audience, leading to an enhanced brand perception as environmentally conscious.
First Down
Leveraging a comprehensive competitive analysis of market leaders like Nike and Adidas, I gained valuable insights into their strategies for engaging similar target audiences. This research was crucial in shaping my approach to not only meet but exceed market standards and truly captivate our audience.
LoFi Wireframes
Hi-Fi Wireframes
Post-Game Reflection
Creating this prototype was a major learning curve in my journey as a UX/UI designer. It reinforced my understanding of how strategic design and technology can be used to build meaningful connections and deliver content that resonates with users on a deeper level. This project was a clear affirmation of my passion for design and my capability to blend detailed research with innovative solutions.I am excited to apply the knowledge and skills gained from this academic experience to real-world projects, aiming to create engaging and impactful user experiences.
Rebranding Puma
The Problem
Utilizing the existing structure of PUMA's website, I introduced the American Football line, ensuring the new content harmonized with the established brand style yet stood out to attract a younger, environmentally conscious, digitally native Gen Z.
Goals
Introduce sustainability icons & content that resonates with the target audience, leading to an enhanced brand perception as environmentally conscious.
Empire Coffee & Tea
Main Features
- Top navigation with categories for coffee, tea, makers & filters, gift baskets, gourmet foods, mugs, history, and help.
- Search bar located on the left side of the homepage, above the main navigation.
- Banner image of their shop.
- Contact information listed under the help tab.
- Physical location with delivery services.
Standout Qualities
- Specializes in offering a wide variety of coffee and tea products.
- Provides a visually appealing website with a banner image showcasing their shop.
- Offers a user-friendly search bar and navigation system.
- Emphasizes customer support through contact information and help resources.
- Provides a physical location and delivery services, providing convenience for customers.
Steepster
Main Features
- Top navigation with pages for tea, places, discussions, explore, learn more, sign up, and login.
- Two search bars, one on the top right corner and one in the banner section.
- Ability to filter tea by type, category, and companies.
- Sorting options for search results.
- Discussions tab for users to engage in tea-related conversations.
Standout Qualities
- Provides a platform for tea enthusiasts to share their experiences and engage in discussions.
- Offers a comprehensive search and filtering system for finding specific types of tea.
- Emphasizes community engagement and exploration through various tabs and sections.
- Allows users to discover new tea places and connect with other tea lovers.
Rate Tea
Main Features
- Comprehensive top navigation with categories for Styles, Brands, Regions, People, Places, Images, Articles, News, Contact, and About.
- Search bar accessible from every page, although search entries must be at least 4 characters long.
- Consistent breadcrumbs throughout the website.
- Provides options for sorting search results.
- Offers articles and information about the history of the organization.
Standout Qualities
- Focuses on providing extensive information and resources about tea.
- Offers a wide range of categories for navigation, allowing users to explore different aspects of tea.
- Provides in-depth search options for users to find specific types of tea.
- Emphasizes the educational and informative aspect of tea through articles and history.
The Cultured Cup
Main Features
- Top navigation with pages for tea, coffee, sweets, events, and explore.
- Search bar located on the right side of the homepage, accessible from every page.
- Ability to narrow down search results.
- Provides sorting options for search results.
- Discussions tab for open-ended conversations.
- Physical location in Texas, with both pickup and delivery options.
Standout Qualities
- Offers a diverse range of products, including tea, coffee, and sweets.
- Focuses on creating a community through discussions and events.
- Provides a convenient search and filtering system for finding specific products.
- Offers both pickup and delivery options, giving users flexibility in how they receive their orders.
Site Maps
Findings
Creating this prototype was a major learning curve in my journey as a UX/UI designer. It reinforced my understanding of how strategic design and technology can be used to build meaningful connections and deliver content that resonates with users on a deeper level. This project was a clear affirmation of my passion for design and my capability to blend detailed research with innovative solutions.I am excited to apply the knowledge and skills gained from this academic experience to real-world projects, aiming to create engaging and impactful user experiences.
Rebranding Puma
Phase I : Ideation
Utilizing the existing structure of PUMA's website, I introduced the American Football line, ensuring the new content harmonized with the established brand style yet stood out to attract a younger, environmentally conscious, digitally native Gen Z.
Phase II : Prototyping the Scooter Model
Introduce sustainability icons & content that resonates with the target audience, leading to an enhanced brand perception as environmentally conscious.
Phase III: Integrating Movement Mechanics
Leveraging a comprehensive competitive analysis of market leaders like Nike and Adidas, I gained valuable insights into their strategies for engaging similar target audiences. This research was crucial in shaping my approach to not only meet but exceed market standards and truly captivate our audience.
Phase IV: Game Environment
Phase V: Collisions for Dynamic Interactions
Closing Note
Creating this prototype was a major learning curve in my journey as a UX/UI designer. It reinforced my understanding of how strategic design and technology can be used to build meaningful connections and deliver content that resonates with users on a deeper level. This project was a clear affirmation of my passion for design and my capability to blend detailed research with innovative solutions.I am excited to apply the knowledge and skills gained from this academic experience to real-world projects, aiming to create engaging and impactful user experiences.