KID CUDI SHOP REDESIGN
Redesigning an Artisits' eCommerce store, targeting new customers
As a UX Design Co-op at Snow Commerce, I personally redesigned Kid Cudi’s eCommerce shop to improve accessibility and usability for both fans and those new to his brand.
Company
Snow Commerce + Printful
(Personal Project)
Team & Role
UX Design Co-op:
Danny Smoroske (Me)
Contribution
Design Research
User Personas
User Journey Maps
Experience Design
Interface Design
Timeline
8 Weeks
KID CUDI SHOP REDESIGN
Redesigning an Artisits' eCommerce store, targeting new customers
As a UX Design Co-op at Snow Commerce, I personally redesigned Kid Cudi’s eCommerce shop to improve accessibility and usability for both fans and those new to his brand.
Company
Snow Commerce + Printful
(Personal Project)
Team & Role
UX Design Co-op:
Danny Smoroske (Me)
Contribution
Design Research
User Personas
User Journey Maps
Experience Design
Interface Design
Timeline
8 Weeks
KID CUDI SHOP REDESIGN
Redesigning an Artisits' eCommerce store, targeting new customers
As a UX Design Co-op at Snow Commerce, I personally redesigned Kid Cudi’s eCommerce shop to improve accessibility and usability for both fans and those new to his brand.
Company
Snow Commerce + Printful
(Personal Project)
Team & Role
UX Design Co-op:
Danny Smoroske (Me)
Contribution
Design Research
User Personas
User Journey Maps
Experience Design
Interface Design
Timeline
8 Weeks
KID CUDI SHOP REDESIGN
Redesigning an Artisits' eCommerce store, targeting new customers
As a UX Design Co-op at Snow Commerce, I personally redesigned Kid Cudi’s eCommerce shop to improve accessibility and usability for both fans and those new to his brand.
Company
Snow Commerce + Printful
(Personal Project)
Team & Role
UX Design Co-op:
Danny Smoroske (Me)
Contribution
Design Research
User Personas
User Journey Maps
Experience Design
Interface Design
Timeline
8 Weeks
Challenge
Kid Cudi's shop is an anomaly among great eCommerce stores from artists around the world. Not only were there major accessibility issues, unfamiliar user experiences, and absent standard eCommerce functions, but it also failed to incorporate his one-of-a-kind style. Euphoric, spacey colors and images, his loud and angelic persona, and his push for creativity and challenging the norm were all missing.
Challenge
Kid Cudi's shop is an anomaly among great eCommerce stores from artists around the world. Not only were there major accessibility issues, unfamiliar user experiences, and absent standard eCommerce functions, but it also failed to incorporate his one-of-a-kind style. Euphoric, spacey colors and images, his loud and angelic persona, and his push for creativity and challenging the norm were all missing.
Challenge
Kid Cudi's shop is an anomaly among great eCommerce stores from artists around the world. Not only were there major accessibility issues, unfamiliar user experiences, and absent standard eCommerce functions, but it also failed to incorporate his one-of-a-kind style. Euphoric, spacey colors and images, his loud and angelic persona, and his push for creativity and challenging the norm were all missing.
Challenge
Kid Cudi's shop is an anomaly among great eCommerce stores from artists around the world. Not only were there major accessibility issues, unfamiliar user experiences, and absent standard eCommerce functions, but it also failed to incorporate his one-of-a-kind style. Euphoric, spacey colors and images, his loud and angelic persona, and his push for creativity and challenging the norm were all missing.
Solution + Impact
I'm super proud of where this project ended up! I finished with a much-improved eCommerce site featuring many new elements that enhance the user experience. I improved accessibility not just for active Kid Cudi fans but also for other users, such as parents looking for a gift or those unfamiliar with Kid Cudi. The site now aligns more with standard eCommerce conventions, bringing familiarity to users (think Jakob's Law), while also incorporating Kid Cudi's euphoric brand and fun personality.
Solution + Impact
I'm super proud of where this project ended up! I finished with a much-improved eCommerce site featuring many new elements that enhance the user experience. I improved accessibility not just for active Kid Cudi fans but also for other users, such as parents looking for a gift or those unfamiliar with Kid Cudi. The site now aligns more with standard eCommerce conventions, bringing familiarity to users (think Jakob's Law), while also incorporating Kid Cudi's euphoric brand and fun personality.
Solution + Impact
I'm super proud of where this project ended up! I finished with a much-improved eCommerce site featuring many new elements that enhance the user experience. I improved accessibility not just for active Kid Cudi fans but also for other users, such as parents looking for a gift or those unfamiliar with Kid Cudi. The site now aligns more with standard eCommerce conventions, bringing familiarity to users (think Jakob's Law), while also incorporating Kid Cudi's euphoric brand and fun personality.
Solution + Impact
I'm super proud of where this project ended up! I finished with a much-improved eCommerce site featuring many new elements that enhance the user experience. I improved accessibility not just for active Kid Cudi fans but also for other users, such as parents looking for a gift or those unfamiliar with Kid Cudi. The site now aligns more with standard eCommerce conventions, bringing familiarity to users (think Jakob's Law), while also incorporating Kid Cudi's euphoric brand and fun personality.
What do we need to solve?
What do we need to solve?
What do we need to solve?
What do we need to solve?
Design Opportunities
Combining my Kid Cudi fandom and my design observation skills, I took a deep dive on what this eCommerce website was missing. With my co-op experience at Snow Commerce, I was able to identify problems and use my knowledge in the online shopping experience to outline what needed to be fixed.
Design Opportunities
Combining my Kid Cudi fandom and my design observation skills, I took a deep dive on what this eCommerce website was missing. With my co-op experience at Snow Commerce, I was able to identify problems and use my knowledge in the online shopping experience to outline what needed to be fixed.
Design Opportunities
Combining my Kid Cudi fandom and my design observation skills, I took a deep dive on what this eCommerce website was missing. With my co-op experience at Snow Commerce, I was able to identify problems and use my knowledge in the online shopping experience to outline what needed to be fixed.
Design Opportunities
Combining my Kid Cudi fandom and my design observation skills, I took a deep dive on what this eCommerce website was missing. With my co-op experience at Snow Commerce, I was able to identify problems and use my knowledge in the online shopping experience to outline what needed to be fixed.
Desktop Homepage - Current Shop Site
Confusing and unfamiliar dropdown menu
No label indicating what products you're viewing
No visible homepage button
INSANO acts as a home button but links to a different collection
Vague product titles
No mention of Kid Cudi anywhere on the site—could cause confusion about the site's identity
No search button to locate products
Small and isolated cart icon
Mobile Homepage, Navigation, and Footer - Current Shop Site
No indication of Kid Cudi anywhere on the site
INSANO acts as the site name
Infinite scroll on mobile
Center-aligned text makes reading difficult
Wasted space and confusing navigation
Inconsistent search bar design
Small, illegible text
No footer navigation
Desktop Homepage - Current Shop Site
Confusing and unfamiliar dropdown menu
No label indicating what products you're viewing
No visible homepage button
INSANO acts as a home button but links to a different collection
Vague product titles
No mention of Kid Cudi anywhere on the site—could cause confusion about the site's identity
No search button to locate products
Small and isolated cart icon
Mobile Homepage, Navigation, and Footer - Current Shop Site
No indication of Kid Cudi anywhere on the site
INSANO acts as the site name
Infinite scroll on mobile
Center-aligned text makes reading difficult
Wasted space and confusing navigation
Inconsistent search bar design
Small, illegible text
No footer navigation
Desktop Homepage - Current Shop Site
Confusing and unfamiliar dropdown menu
No label indicating what products you're viewing
No visible homepage button
INSANO acts as a home button but links to a different collection
Vague product titles
No mention of Kid Cudi anywhere on the site—could cause confusion about the site's identity
No search button to locate products
Small and isolated cart icon
Mobile Homepage, Navigation, and Footer - Current Shop Site
No indication of Kid Cudi anywhere on the site
INSANO acts as the site name
Infinite scroll on mobile
Center-aligned text makes reading difficult
Wasted space and confusing navigation
Inconsistent search bar design
Small, illegible text
No footer navigation
Desktop Homepage - Current Shop Site
Confusing and unfamiliar dropdown menu
No label indicating what products you're viewing
No visible homepage button
INSANO acts as a home button but links to a different collection
Vague product titles
No mention of Kid Cudi anywhere on the site—could cause confusion about the site's identity
No search button to locate products
Small and isolated cart icon
Mobile Homepage, Navigation, and Footer - Current Shop Site
No indication of Kid Cudi anywhere on the site
INSANO acts as the site name
Infinite scroll on mobile
Center-aligned text makes reading difficult
Wasted space and confusing navigation
Inconsistent search bar design
Small, illegible text
No footer navigation
User Informal Surveys
Next, I needed other opinions. Was I missing anything? Did I have false confidence in a feature? To find out, I turned to Reddit, where I could quickly reach fans and potential users. I asked casual questions and received great responses—not just from Kid Cudi Shop users, but also from shoppers of the Taylor Swift, Olivia Rodrigo, and Travis Scott stores.
User Informal Surveys
Next, I needed other opinions. Was I missing anything? Did I have false confidence in a feature? To find out, I turned to Reddit, where I could quickly reach fans and potential users. I asked casual questions and received great responses—not just from Kid Cudi Shop users, but also from shoppers of the Taylor Swift, Olivia Rodrigo, and Travis Scott stores.
User Informal Surveys
Next, I needed other opinions. Was I missing anything? Did I have false confidence in a feature? To find out, I turned to Reddit, where I could quickly reach fans and potential users. I asked casual questions and received great responses—not just from Kid Cudi Shop users, but also from shoppers of the Taylor Swift, Olivia Rodrigo, and Travis Scott stores.
User Informal Surveys
Next, I needed other opinions. Was I missing anything? Did I have false confidence in a feature? To find out, I turned to Reddit, where I could quickly reach fans and potential users. I asked casual questions and received great responses—not just from Kid Cudi Shop users, but also from shoppers of the Taylor Swift, Olivia Rodrigo, and Travis Scott stores.
How can we further
understand these findings?
How can we further
understand these findings?
How can we further
understand these findings?
How can we further
understand these findings?
Personas
For my next step, I wanted to put myself in other shoppers shoes. I asked myself who is Kid Cudi’s demographic? Does this change for his online shop? Who would realistically be buying things off this website?
Personas
For my next step, I wanted to put myself in other shoppers shoes. I asked myself who is Kid Cudi’s demographic? Does this change for his online shop? Who would realistically be buying things off this website?
Personas
For my next step, I wanted to put myself in other shoppers shoes. I asked myself who is Kid Cudi’s demographic? Does this change for his online shop? Who would realistically be buying things off this website?
Personas
For my next step, I wanted to put myself in other shoppers shoes. I asked myself who is Kid Cudi’s demographic? Does this change for his online shop? Who would realistically be buying things off this website?
Persona Journey Maps
Next, I wanted to map out each users’ journey. If I was looking at the site through their eyes, what would work effortlessly? What problems would I run into? Is there anything I wouldn’t trust?
Persona Journey Maps
Next, I wanted to map out each users’ journey. If I was looking at the site through their eyes, what would work effortlessly? What problems would I run into? Is there anything I wouldn’t trust?
Persona Journey Maps
Next, I wanted to map out each users’ journey. If I was looking at the site through their eyes, what would work effortlessly? What problems would I run into? Is there anything I wouldn’t trust?
Persona Journey Maps
Next, I wanted to map out each users’ journey. If I was looking at the site through their eyes, what would work effortlessly? What problems would I run into? Is there anything I wouldn’t trust?
Benchmarking
Next, I benchmarked other online eCommerce stores, both competitive like other artists stores, and noncompetitive like clothing and gear stores.
Benchmarking
Next, I benchmarked other online eCommerce stores, both competitive like other artists stores, and noncompetitive like clothing and gear stores.
Benchmarking
Next, I benchmarked other online eCommerce stores, both competitive like other artists stores, and noncompetitive like clothing and gear stores.
Benchmarking
Next, I benchmarked other online eCommerce stores, both competitive like other artists stores, and noncompetitive like clothing and gear stores.
What will the new site feel like?
What will the new site feel like?
What will the new site feel like?
What will the new site feel like?
Brand Analysis
I then took a deep dive into Kid Cudi’s previous branding. Cudi uses space as his main theme. This features black and white as the dominant color ways, with neon and bright colors accompanying it. Although he never uses a certain typeface, he does use CAPS in almost every project. Was there a way to take these attributes (colors, fonts, imagery) and craft the perfect online Kid Cudi presence?
Brand Analysis
I then took a deep dive into Kid Cudi’s previous branding. Cudi uses space as his main theme. This features black and white as the dominant color ways, with neon and bright colors accompanying it. Although he never uses a certain typeface, he does use CAPS in almost every project. Was there a way to take these attributes (colors, fonts, imagery) and craft the perfect online Kid Cudi presence?
Brand Analysis
I then took a deep dive into Kid Cudi’s previous branding. Cudi uses space as his main theme. This features black and white as the dominant color ways, with neon and bright colors accompanying it. Although he never uses a certain typeface, he does use CAPS in almost every project. Was there a way to take these attributes (colors, fonts, imagery) and craft the perfect online Kid Cudi presence?
Brand Analysis
I then took a deep dive into Kid Cudi’s previous branding. Cudi uses space as his main theme. This features black and white as the dominant color ways, with neon and bright colors accompanying it. Although he never uses a certain typeface, he does use CAPS in almost every project. Was there a way to take these attributes (colors, fonts, imagery) and craft the perfect online Kid Cudi presence?
How can we bring this new Kid Cudi Shop site to life?
How can we bring this new Kid Cudi Shop site to life?
How can we bring this new Kid Cudi Shop site to life?
How can we bring this new Kid Cudi Shop site to life?
Style Library
Shown below are some of the key style library components from the new shop.
Style Library
Shown below are some of the key style library components from the new shop.
Style Library
Shown below are some of the key style library components from the new shop.
Style Library
Shown below are some of the key style library components from the new shop.
Web Components
Shown below are some screenshots from the many web components built in Figma for the website. These blocks are the key to building a responsive eCommerce site. These blocks ranged from Navigation and Footers, Hero Banners, Mega Menus, Sign Up Bar, Text Cards, and more.
Web Components
Shown below are some screenshots from the many web components built in Figma for the website. These blocks are the key to building a responsive eCommerce site. These blocks ranged from Navigation and Footers, Hero Banners, Mega Menus, Sign Up Bar, Text Cards, and more.
Web Components
Shown below are some screenshots from the many web components built in Figma for the website. These blocks are the key to building a responsive eCommerce site. These blocks ranged from Navigation and Footers, Hero Banners, Mega Menus, Sign Up Bar, Text Cards, and more.
Web Components
Shown below are some screenshots from the many web components built in Figma for the website. These blocks are the key to building a responsive eCommerce site. These blocks ranged from Navigation and Footers, Hero Banners, Mega Menus, Sign Up Bar, Text Cards, and more.
Wireframes
Now with these built web components, we can easily drag and drop these blocks to create page specific wireframes. These wireframes provide a great look at what our new website will look like. Below are some screenshots of the home, collection, and product detail pages.
Wireframes
Now with these built web components, we can easily drag and drop these blocks to create page specific wireframes. These wireframes provide a great look at what our new website will look like. Below are some screenshots of the home, collection, and product detail pages.
Wireframes
Now with these built web components, we can easily drag and drop these blocks to create page specific wireframes. These wireframes provide a great look at what our new website will look like. Below are some screenshots of the home, collection, and product detail pages.
Wireframes
Now with these built web components, we can easily drag and drop these blocks to create page specific wireframes. These wireframes provide a great look at what our new website will look like. Below are some screenshots of the home, collection, and product detail pages.
Above and Beyond
Above and Beyond
Above and Beyond
Above and Beyond
Creative Imagery and Live Site
With everything built, this is normally where my job ended as the UX Design Co-op at Snow Commerce. However, I wanted to take this project to the next level and see it come to life. I took to Framer and have begun building an actual responsive website based on my work. Check out the start!
Creative Imagery and Live Site
With everything built, this is normally where my job ended as the UX Design Co-op at Snow Commerce. However, I wanted to take this project to the next level and see it come to life. I took to Framer and have begun building an actual responsive website based on my work. Check out the start!
Creative Imagery and Live Site
With everything built, this is normally where my job ended as the UX Design Co-op at Snow Commerce. However, I wanted to take this project to the next level and see it come to life. I took to Framer and have begun building an actual responsive website based on my work. Check out the start!
Creative Imagery and Live Site
With everything built, this is normally where my job ended as the UX Design Co-op at Snow Commerce. However, I wanted to take this project to the next level and see it come to life. I took to Framer and have begun building an actual responsive website based on my work. Check out the start!
Reflection
Reflection
Reflection
Reflection
Reflection
I'm super proud of where this project ended up! I finished with a much-improved eCommerce site featuring many new elements that enhance the user experience. I improved accessibility not just for active Kid Cudi fans but also for other users, such as parents looking for a gift or those unfamiliar with Kid Cudi. The site now aligns more with standard eCommerce conventions, bringing familiarity to users (think Jakob's Law), while also incorporating Kid Cudi's euphoric brand and fun personality.
Reflection
I'm super proud of where this project ended up! I finished with a much-improved eCommerce site featuring many new elements that enhance the user experience. I improved accessibility not just for active Kid Cudi fans but also for other users, such as parents looking for a gift or those unfamiliar with Kid Cudi. The site now aligns more with standard eCommerce conventions, bringing familiarity to users (think Jakob's Law), while also incorporating Kid Cudi's euphoric brand and fun personality.
Reflection
I'm super proud of where this project ended up! I finished with a much-improved eCommerce site featuring many new elements that enhance the user experience. I improved accessibility not just for active Kid Cudi fans but also for other users, such as parents looking for a gift or those unfamiliar with Kid Cudi. The site now aligns more with standard eCommerce conventions, bringing familiarity to users (think Jakob's Law), while also incorporating Kid Cudi's euphoric brand and fun personality.
Reflection
I'm super proud of where this project ended up! I finished with a much-improved eCommerce site featuring many new elements that enhance the user experience. I improved accessibility not just for active Kid Cudi fans but also for other users, such as parents looking for a gift or those unfamiliar with Kid Cudi. The site now aligns more with standard eCommerce conventions, bringing familiarity to users (think Jakob's Law), while also incorporating Kid Cudi's euphoric brand and fun personality.
Next Steps?
The next steps for this project will be to continue flushing out the live version of the site to really see minute details come to life. Pages like the mega menus, product detail page, and featured items will really make the site feel complete. I hope you come back soon to check it out!
Next Steps?
The next steps for this project will be to continue flushing out the live version of the site to really see minute details come to life. Pages like the mega menus, product detail page, and featured items will really make the site feel complete. I hope you come back soon to check it out!
Next Steps?
The next steps for this project will be to continue flushing out the live version of the site to really see minute details come to life. Pages like the mega menus, product detail page, and featured items will really make the site feel complete. I hope you come back soon to check it out!
Next Steps?
The next steps for this project will be to continue flushing out the live version of the site to really see minute details come to life. Pages like the mega menus, product detail page, and featured items will really make the site feel complete. I hope you come back soon to check it out!