LV x CRED
What if the LV app got a makeover using CRED’s vibrant design system ?
Team
4 People
Type
Classroom Project
Duration
2 Weeks
My Role
I explored and understood design systems and brand identities, navigating the intricacies of adapting and seamlessly integrating a design system to harmonize with another brand's identity. This journey involved meticulously crafting visual assets and infusing dynamic motion graphics, all aimed at amplifying the essence of the brand while staying true to its ethos.
What If ?
What began as a speculative "What if?" evolved into an immersive exploration of business and design methodologies employed by various enterprises.
Louis Vuitton and the Luxury Game
As an emblem of the French luxury, Louis Vuitton knows how to make way by advancing an image of quality, elegance and refinement but to keep up with the time and needs of the niche target market thus requires a rethink of their on past views, emphasizing the importance of a unique digital strategy to create an effective customer experience.
target market
Target Market / Customer / Primary App User
Global, Metropolitan ,18-54 year old, with annual income exceeding $75000
Secondary App User :
Aspirational Consumers
Tertiary App User :
Resellers,
past views
LV’s Past Take on eCommerce:
As digitization accelerates post pandemic old beliefs that people would prefer an in store experience are being shattered pushing brands to ensure an inclusive and high-quality online experience
customer experience
LV’s Customer Experience:
Personalized and rewarding experience for every customer
leading to heavy investment in making online stores more than just the transactional eCommerce model , extending customer experience beyond in-shop shopping.
digital strategy
LV’s Current digital strategy:
Transferring in-store experiences online
Adapting to younger consumers
Under the oversight of parent company LVMH, Louis Vuitton's digital strategy mirrors aspects of the direct-to-consumer (DTC) model, granting the brand greater control over its image and fostering direct relationships with customers to understand their preferences and behaviors.
A Need To infuse charm for attracting and retaining attention
Overall the Louis Vuitton iOS app (6.20.0) shows a :
Lack of Experimental UI : The UI design system lacks personality, appearing overly basic and bland. Infusing vibrant elements, fun features, and more interactions could significantly enhance user engagement.
Luxury Experience Gap : Despite incorporating elements of its brand identity, Louis Vuitton's UI lacks luxurious experience.
Lack of Captivating Features and Interactions : While the app primarily focuses on in-store purchases, it falls short in providing enjoyable features to delight users and engaging micro-interactions to captivate and build trust, thus hindering conversion into app-based buyers.
InCREDible
CRED, founded in 2018, is a members-only club rewarding timely credit card bill payments with exclusive offers and premium experiences.
Their digital experience prioritizes speed, joy, and functionality, going beyond problem-solving to inspire creativity and evoke emotions.
The cohesive design language ensures every interaction with the app is aesthetically crafted, while the team upholds high standards of stability, reliability, and creativity, aiming to bring joy and a sense of accomplishment to their members' lives and foster a strong community.
CRED's Neopop Design system
Merging Utility with Delight !
Our goal was to redesign the app, incorporating surface-level changes and new features, guided by a
design system.
Gamification : Infused CRED-inspired gamification into the LV app, introducing an arcade with games and quizzes. Users can now spin the wheel for exclusive offers and rewards.
Motion Graphics : Integrated CRED's motion design elements into our system, including their unique micro-interactions. Users now enjoy a captivating glow effect and dynamic 3D icons when navigating buttons, elevating the interactive experience.
Bold Design Choices : Injected bold, vibrant colors and creative elements to give our app a distinct personality. The design isn't just immersive but intentionally makes a statement that grabs attention and embodies a unique, dynamic user experience previously absent in the Louis Vuitton app.
According to the 5S model, the LV app prioritizes updates over purchases, reducing digital engagement. It serves as a gateway to physical stores rather than focusing on e-commerce. Lack of innovation weakens its brand identity, blurring its distinction from competitors.
By aligning with the scope aspect of the 5S model, we've shifted our focus towards online e-commerce over in-store experiences , maximizing user engagement and interaction within the app environment, fostering greater customer satisfaction and loyalty.
In line with the structure component of the 5S model, we've concentrated on refining our platform's structure by implementing advanced filtering options and optimizing search functionalities.
By integrating the skeleton aspect of the 5S model, we've enriched our platform with visual hierarchy principles, streamlining browsing. This involves strategically organizing content for clear and intuitive navigation, enhancing the overall browsing experience.
Visual aesthetics fail to convey luxury and sophistication, diminishing the user experience. Aesthetic appeal, elegant typography, and polished design are crucial for a visually pleasing and engaging interface.
Tap to solve
LV x CRED
The story of how they came together.
The Home and the Shop screens seamlessly combine the content strategy of the original LV app with added emphasis on incorporating the motion graphics so central to the CRED app. I crafted these animations borrowing from the movements of what CRED has and applied them to the context of a luxury eCommerce app , customizing illustrations along the way :)
Behold the Arcade, a personal favorite! This dynamic feature hosts entertaining games like the Louis Vuitton history quiz, spin-the-wheel excitement, and thrilling slot machine action, all designed to celebrate the brand's storied legacy, a concept influenced by the Gucci app.
As a delightful bridge between online and in-store experiences, victorious players may even earn coveted visits to LV stores. With each win, users unlock coins and rewards, unlocking new levels and games while enjoying a playful journey through our brand's universe.
During my work on the product display / shop pages, I discovered the rationale behind keeping these screens in light mode. This approach optimizes the display of product imagery, a strategy even embraced by CRED for its effectiveness in showcasing products to their best advantage. As for the profile screen, emphasis was on easy discoverability of services.
The Before And The After
A quick before and after that shows how the redesign delivers upon issues raised in during analysis using Garret's 5S Model.
Home Screen
Adding an arcade to the navigation, utilizing more visually appealing 3D iconography with a glowing effect when selected in the curvy navbar rather than a boxy one.
Incorporating dynamic motion graphics, bold and captivating icons, and a vibrant color palette, complemented by an engaging and distinctive typeface.
Shop Screen
Implementing a search button for convenient access, integrating 3D and interactive buttons within a curvy layout to enhance user engagement, and creating a gamified experience.
Utilizing vibrant colors, playful card designs, and pop-up color stickers to display counts, accompanied by an increased variety of icons for added visual appeal.
Project Takeaways
Impact of Design on Perception : The switch highlighted how design choices impact the overall perception and user experience. Bold and fun designs can create a different emotional response compared to
monotonous ones.
Brand Identity : This helped me understand the significance of maintaining a consistent brand identity. A sudden shift in design can affect how users perceive and relate to a brand.
Adaptability : The experience taught me the value of adaptability in design. It's crucial to evolve with changing trends and user expectations while staying true to the core values of a brand.
A few of my favourites :)
LV x CRED
What if the LV app got a makeover using CRED’s vibrant design system ?
What If ?
What began as a speculative "What if?" evolved into an immersive exploration of business and design methodologies employed by various enterprises.
According to the 5S model, the LV app prioritizes updates over purchases, reducing digital engagement. It serves as a gateway to physical stores rather than focusing on e-commerce. Lack of innovation weakens its brand identity, blurring its distinction from competitors.
By aligning with the scope aspect of the 5S model, we've shifted our focus towards online e-commerce over in-store experiences , maximizing user engagement and interaction within the app environment, fostering greater customer satisfaction and loyalty.
In line with the structure component of the 5S model, we've concentrated on refining our platform's structure by implementing advanced filtering options and optimizing search functionalities.
By integrating the skeleton aspect of the 5S model, we've enriched our platform with visual hierarchy principles, streamlining browsing. This involves strategically organizing content for clear and intuitive navigation, enhancing the overall browsing experience.
Visual aesthetics fail to convey luxury and sophistication, diminishing the user experience. Aesthetic appeal, elegant typography, and polished design are crucial for a visually pleasing and engaging interface.
Tap to solve
According to the 5S model, the LV app prioritizes updates over purchases, reducing digital engagement. It serves as a gateway to physical stores rather than focusing on e-commerce. Lack of innovation weakens its brand identity, blurring its distinction from competitors.
By aligning with the scope aspect of the 5S model, we've shifted our focus towards online e-commerce over in-store experiences , maximizing user engagement and interaction within the app environment, fostering greater customer satisfaction and loyalty.
In line with the structure component of the 5S model, we've concentrated on refining our platform's structure by implementing advanced filtering options and optimizing search functionalities.
By integrating the skeleton aspect of the 5S model, we've enriched our platform with visual hierarchy principles, streamlining browsing. This involves strategically organizing content for clear and intuitive navigation, enhancing the overall browsing experience.
Visual aesthetics fail to convey luxury and sophistication, diminishing the user experience. Aesthetic appeal, elegant typography, and polished design are crucial for a visually pleasing and engaging interface.
Tap to solve
target market
Target Market / Customer / Primary App User
Global, Metropolitan ,18-54 year old, with annual income exceeding $75000
Secondary App User :
Aspirational Consumers
Tertiary App User :
Resellers,
past views
LV’s Past Take on eCommerce:
As digitization accelerates post pandemic old beliefs that people would prefer an in store experience are being shattered pushing brands to ensure an inclusive and high-quality online experience
customer experience
LV’s Customer Experience:
Personalized and rewarding experience for every customer
leading to heavy investment in making online stores more than just the transactional eCommerce model , extending customer experience beyond in-shop shopping.
digital strategy
LV’s Current digital strategy:
Transferring in-store experiences online
Adapting to younger consumers
Under the oversight of parent company LVMH, Louis Vuitton's digital strategy mirrors aspects of the direct-to-consumer (DTC) model, granting the brand greater control over its image and fostering direct relationships with customers to understand their preferences and behaviors.
Team
4 People
Type
Classroom Project
Duration
2 Weeks
My Role
I explored and understood design systems and brand identities, navigating the intricacies of adapting and seamlessly integrating a design system to harmonize with another brand's identity. This journey involved meticulously crafting visual assets and infusing dynamic motion graphics, all aimed at amplifying the essence of the brand while staying true to its ethos.
Louis Vuitton and the Luxury Game
As an emblem of the French luxury, Louis Vuitton knows how to make way by advancing an image of quality, elegance and refinement but to keep up with the time and needs of the niche target market thus requires a rethink of their on past views, emphasizing the importance of a unique digital strategy to create an effective customer experience.
A Need To infuse charm for attracting and retaining attention
Overall the Louis Vuitton iOS app (6.20.0) shows a :
Lack of Experimental UI : The UI design system lacks personality, appearing overly basic and bland. Infusing vibrant elements, fun features, and more interactions could significantly enhance user engagement.
Luxury Experience Gap : Despite incorporating elements of its brand identity, Louis Vuitton's UI lacks luxurious experience.
Lack of Captivating Features and Interactions : While the app primarily focuses on in-store purchases, it falls short in providing enjoyable features to delight users and engaging micro-interactions to captivate and build trust, thus hindering conversion into app-based buyers.
InCREDible
CRED, founded in 2018, is a members-only club rewarding timely credit card bill payments with exclusive offers and premium experiences.
Their digital experience prioritizes speed, joy, and functionality, going beyond problem-solving to inspire creativity and evoke emotions.
The cohesive design language ensures every interaction with the app is aesthetically crafted, while the team upholds high standards of stability, reliability, and creativity, aiming to bring joy and a sense of accomplishment to their members' lives and foster a strong community.
CRED's Neopop Design system
Merging Utility with Delight !
Our goal was to redesign the app, incorporating surface-level changes and new features, guided by a
design system.
Gamification : Infused CRED-inspired gamification into the LV app, introducing an arcade with games and quizzes. Users can now spin the wheel for exclusive offers and rewards.
Motion Graphics : Integrated CRED's motion design elements into our system, including their unique micro-interactions. Users now enjoy a captivating glow effect and dynamic 3D icons when navigating buttons, elevating the interactive experience.
Bold Design Choices : Injected bold, vibrant colors and creative elements to give our app a distinct personality. The design isn't just immersive but intentionally makes a statement that grabs attention and embodies a unique, dynamic user experience previously absent in the Louis Vuitton app.
LV x CRED
The story of how they came together.
Behold the Arcade, a personal favorite! This dynamic feature hosts entertaining games like the Louis Vuitton history quiz, spin-the-wheel excitement, and thrilling slot machine action, all designed to celebrate the brand's storied legacy, a concept influenced by the Gucci app.
As a delightful bridge between online and in-store experiences, victorious players may even earn coveted visits to LV stores. With each win, users unlock coins and rewards, unlocking new levels and games while enjoying a playful journey through our brand's universe.
During my work on the product display / shop pages, I discovered the rationale behind keeping these screens in light mode. This approach optimizes the display of product imagery, a strategy even embraced by CRED for its effectiveness in showcasing products to their best advantage. As for the profile screen, emphasis was on easy discoverability of services.
The Before And The After
A quick before and after that shows how the redesign delivers upon issues raised in during analysis using Garret's 5S Model.
Home Screen
Adding an arcade to the navigation, utilizing more visually appealing 3D iconography with a glowing effect when selected in the curvy navbar rather than a boxy one.
Incorporating dynamic motion graphics, bold and captivating icons, and a vibrant color palette, complemented by an engaging and distinctive typeface.
Shop Screen
Implementing a search button for convenient access, integrating 3D and interactive buttons within a curvy layout to enhance user engagement, and creating a gamified experience.
Utilizing vibrant colors, playful card designs, and pop-up color stickers to display counts, accompanied by an increased variety of icons for added visual appeal.
Project Takeaways
Impact of Design on Perception : The switch highlighted how design choices impact the overall perception and user experience. Bold and fun designs can create a different emotional response compared to
monotonous ones.
Brand Identity : This helped me understand the significance of maintaining a consistent brand identity. A sudden shift in design can affect how users perceive and relate to a brand.
Adaptability : The experience taught me the value of adaptability in design. It's crucial to evolve with changing trends and user expectations while staying true to the core values of a brand.
A few of my favourites :)
The Home and the Shop screens seamlessly combine the content strategy of the original LV app with added emphasis on incorporating the motion graphics so central to the CRED app. I crafted these animations borrowing from the movements of what CRED has and applied them to the context of a luxury eCommerce app , customizing illustrations along the way :)
LV x CRED
What if the LV app got a makeover using CRED’s vibrant design system ?
What If ?
What began as a speculative "What if?" evolved into an immersive exploration of business and design methodologies employed by various enterprises.
Louis Vuitton and the Luxury Game
As an emblem of the French luxury, Louis Vuitton knows how to make way by advancing an image of quality, elegance and refinement but to keep up with the time and needs of the niche target market thus requires a rethink of their on past views, emphasizing the importance of a unique digital strategy to create an effective customer experience.
Team
4 People
Type
Classroom Project
Duration
2 Weeks
My Role
I explored and understood design systems and brand identities, navigating the intricacies of adapting and seamlessly integrating a design system to harmonize with another brand's identity. This journey involved meticulously crafting visual assets and infusing dynamic motion graphics, all aimed at amplifying the essence of the brand while staying true to its ethos.
target market
Target Market / Customer / Primary App User
Global, Metropolitan ,18-54 year old, with annual income exceeding $75000
Secondary App User :
Aspirational Consumers
Tertiary App User :
Resellers,
past views
LV’s Past Take on eCommerce:
As digitization accelerates post pandemic old beliefs that people would prefer an in store experience are being shattered pushing brands to ensure an inclusive and high-quality online experience
customer experience
LV’s Customer Experience:
Personalized and rewarding experience for every customer
leading to heavy investment in making online stores more than just the transactional eCommerce model , extending customer experience beyond in-shop shopping.
digital strategy
LV’s Current digital strategy:
Transferring in-store experiences online
Adapting to younger consumers
Under the oversight of parent company LVMH, Louis Vuitton's digital strategy mirrors aspects of the direct-to-consumer (DTC) model, granting the brand greater control over its image and fostering direct relationships with customers to understand their preferences and behaviors.
A Need To infuse charm for attracting and retaining attention
Overall the Louis Vuitton iOS app (6.20.0) shows a :
Lack of Experimental UI : The UI design system lacks personality, appearing overly basic and bland. Infusing vibrant elements, fun features, and more interactions could significantly enhance user engagement.
Luxury Experience Gap : Despite incorporating elements of its brand identity, Louis Vuitton's UI lacks luxurious experience.
Lack of Captivating Features and Interactions : While the app primarily focuses on in-store purchases, it falls short in providing enjoyable features to delight users and engaging micro-interactions to captivate and build trust, thus hindering conversion into app-based buyers.
InCREDible
CRED, founded in 2018, is a members-only club rewarding timely credit card bill payments with exclusive offers and premium experiences.
Their digital experience prioritizes speed, joy, and functionality, going beyond problem-solving to inspire creativity and evoke emotions.
The cohesive design language ensures every interaction with the app is aesthetically crafted, while the team upholds high standards of stability, reliability, and creativity, aiming to bring joy and a sense of accomplishment to their members' lives and foster a strong community.
CRED's Neopop Design system
Merging Utility with Delight !
Our goal was to redesign the app, incorporating surface-level changes and new features, guided by a design system.
Gamification : Infused CRED-inspired gamification into the LV app, introducing an arcade with games and quizzes. Users can now spin the wheel for exclusive offers and rewards.
Motion Graphics : Integrated CRED's motion design elements into our system, including their unique micro-interactions. Users now enjoy a captivating glow effect and dynamic 3D icons when navigating buttons, elevating the interactive experience.
Bold Design Choices : Injected bold, vibrant colors and creative elements to give our app a distinct personality. The design isn't just immersive but intentionally makes a statement that grabs attention and embodies a unique, dynamic user experience previously absent in the Louis Vuitton app.
According to the 5S model, the LV app prioritizes updates over purchases, reducing digital engagement. It serves as a gateway to physical stores rather than focusing on e-commerce. Lack of innovation weakens its brand identity, blurring its distinction from competitors.
By aligning with the scope aspect of the 5S model, we've shifted our focus towards online e-commerce over in-store experiences , maximizing user engagement and interaction within the app environment, fostering greater customer satisfaction and loyalty.
In line with the structure component of the 5S model, we've concentrated on refining our platform's structure by implementing advanced filtering options and optimizing search functionalities.
By integrating the skeleton aspect of the 5S model, we've enriched our platform with visual hierarchy principles, streamlining browsing. This involves strategically organizing content for clear and intuitive navigation, enhancing the overall browsing experience.
Visual aesthetics fail to convey luxury and sophistication, diminishing the user experience. Aesthetic appeal, elegant typography, and polished design are crucial for a visually pleasing and engaging interface.
Tap to solve
According to the 5S model, the LV app prioritizes updates over purchases, reducing digital engagement. It serves as a gateway to physical stores rather than focusing on e-commerce. Lack of innovation weakens its brand identity, blurring its distinction from competitors.
By aligning with the scope aspect of the 5S model, we've shifted our focus towards online e-commerce over in-store experiences , maximizing user engagement and interaction within the app environment, fostering greater customer satisfaction and loyalty.
In line with the structure component of the 5S model, we've concentrated on refining our platform's structure by implementing advanced filtering options and optimizing search functionalities.
By integrating the skeleton aspect of the 5S model, we've enriched our platform with visual hierarchy principles, streamlining browsing. This involves strategically organizing content for clear and intuitive navigation, enhancing the overall browsing experience.
Visual aesthetics fail to convey luxury and sophistication, diminishing the user experience. Aesthetic appeal, elegant typography, and polished design are crucial for a visually pleasing and engaging interface.
Tap to solve
LV x CRED
The story of how they came together.
The Home and the Shop screens seamlessly combine the content strategy of the original LV app with added emphasis on incorporating the motion graphics so central to the CRED app. I crafted these animations borrowing from the movements of what CRED has and applied them to the context of a luxury eCommerce app , customizing illustrations along the way :)
Behold the Arcade, a personal favorite! This dynamic feature hosts entertaining games like the Louis Vuitton history quiz, spin-the-wheel excitement, and thrilling slot machine action, all designed to celebrate the brand's storied legacy, a concept influenced by the Gucci app.
As a delightful bridge between online and in-store experiences, victorious players may even earn coveted visits to LV stores. With each win, users unlock coins and rewards, unlocking new levels and games while enjoying a playful journey through our brand's universe.
During my work on the product display / shop pages, I discovered the rationale behind keeping these screens in light mode. This approach optimizes the display of product imagery, a strategy even embraced by CRED for its effectiveness in showcasing products to their best advantage. As for the profile screen, emphasis was on easy discoverability of services.
The Before And The After
A quick before and after that shows how the redesign delivers upon issues raised in during analysis using Garret's 5S Model.
Home Screen
Adding an arcade to the navigation, utilizing more visually appealing 3D iconography with a glowing effect when selected in the curvy navbar rather than a boxy one.
Incorporating dynamic motion graphics, bold and captivating icons, and a vibrant color palette, complemented by an engaging and distinctive typeface.
Shop Screen
Implementing a search button for convenient access, integrating 3D and interactive buttons within a curvy layout to enhance user engagement, and creating a gamified experience.
Utilizing vibrant colors, playful card designs, and pop-up color stickers to display counts, accompanied by an increased variety of icons for added visual appeal.
Project Takeaways
Impact of Design on Perception : The switch highlighted how design choices impact the overall perception and user experience. Bold and fun designs can create a different emotional response compared to
monotonous ones.
Brand Identity : This helped me understand the significance of maintaining a consistent brand identity. A sudden shift in design can affect how users perceive and relate to a brand.
Adaptability : The experience taught me the value of adaptability in design. It's crucial to evolve with changing trends and user expectations while staying true to the core values of a brand.
A few of my favourites :)
LV x CRED
What if the LV app got a makeover using CRED’s vibrant design system ?
Team
4 People
Type
Classroom Project
Duration
3 Weeks
My Role
I explored and understood design systems and brand identities, navigating the intricacies of adapting and seamlessly integrating a design system to harmonize with another brand's identity. This journey involved meticulously crafting visual assets and infusing dynamic motion graphics, all aimed at amplifying the essence of the brand while staying true to its ethos.
What If ?
What began as a speculative "What if?" evolved into an immersive exploration of business and design methodologies employed by various enterprises.
Louis Vuitton and the Luxury Game
As an emblem of the French luxury, Louis Vuitton knows how to make way by advancing an image of quality, elegance and refinement but to keep up with the time and needs of the niche target market thus requires a rethink of their on past views, emphasizing the importance of a unique digital strategy to create an effective customer experience.
A Need To infuse charm for attracting and retaining attention
Overall the Louis Vuitton iOS app (6.20.0) shows a :
Lack of Experimental UI : The UI design system lacks personality, appearing overly basic and bland. Infusing vibrant elements, fun features, and more interactions could significantly enhance user engagement.
Luxury Experience Gap : Despite incorporating elements of its brand identity, Louis Vuitton's UI lacks luxurious experience.
Lack of Captivating Features and Interactions : While the app primarily focuses on in-store purchases, it falls short in providing enjoyable features to delight users and engaging micro-interactions to captivate and build trust, thus hindering conversion into app-based buyers.
InCREDible
CRED, founded in 2018, is a members-only club rewarding timely credit card bill payments with exclusive offers and premium experiences.
Their digital experience prioritizes speed, joy, and functionality, going beyond problem-solving to inspire creativity and evoke emotions.
The cohesive design language ensures every interaction with the app is aesthetically crafted, while the team upholds high standards of stability, reliability, and creativity, aiming to bring joy and a sense of accomplishment to their members' lives and foster a strong community.
CRED's Neopop Design system
Merging Utility with Delight !
Our goal was to redesign the app, incorporating surface-level changes and new features, guided by a design system.
Gamification : Infused CRED-inspired gamification into the LV app, introducing an arcade with games and quizzes. Users can now spin the wheel for exclusive offers and rewards.
Motion Graphics : Integrated CRED's motion design elements into our system, including their unique micro-interactions. Users now enjoy a captivating glow effect and dynamic 3D icons when navigating buttons, elevating the interactive experience.
Bold Design Choices : Injected bold, vibrant colors and creative elements to give our app a distinct personality. The design isn't just immersive but intentionally makes a statement that grabs attention and embodies a unique, dynamic user experience previously absent in the
Louis Vuitton app.
According to the 5S model, the LV app prioritizes updates over purchases, reducing digital engagement. It serves as a gateway to physical stores rather than focusing on e-commerce. Lack of innovation weakens its brand identity, blurring its distinction from competitors.
By aligning with the scope aspect of the 5S model, we've shifted our focus towards online e-commerce over in-store experiences , maximizing user engagement and interaction within the app environment, fostering greater customer satisfaction and loyalty.
In line with the structure component of the 5S model, we've concentrated on refining our platform's structure by implementing advanced filtering options and optimizing search functionalities.
By integrating the skeleton aspect of the 5S model, we've enriched our platform with visual hierarchy principles, streamlining browsing. This involves strategically organizing content for clear and intuitive navigation, enhancing the overall browsing experience.
Visual aesthetics fail to convey luxury and sophistication - diminishing the user experience. Aesthetic appeal, elegant typography, and polished design are crucial for a visually pleasing and engaging interface.
Tap to solve
According to the 5S model, the LV app prioritizes updates over purchases, reducing digital engagement. It serves as a gateway to physical stores rather than focusing on e-commerce. Lack of innovation weakens its brand identity, blurring its distinction from competitors.
By aligning with the scope aspect of the 5S model, we've shifted our focus towards online e-commerce over in-store experiences , maximizing user engagement and interaction within the app environment, fostering greater customer satisfaction and loyalty.
In line with the structure component of the 5S model, we've concentrated on refining our platform's structure by implementing advanced filtering options and optimizing search functionalities.
By integrating the skeleton aspect of the 5S model, we've enriched our platform with visual hierarchy principles, streamlining browsing. This involves strategically organizing content for clear and intuitive navigation, enhancing the overall browsing experience.
Visual aesthetics fail to convey luxury and sophistication - diminishing the user experience. Aesthetic appeal, elegant typography, and polished design are crucial for a visually pleasing and engaging interface.
Tap to solve
LV x CRED
The story of how they came together.
The Home and the Shop screens seamlessly combine the content strategy of the original LV app with added emphasis on incorporating the motion graphics so central to the CRED app. I crafted these animations borrowing from the movements of what CRED has and applied them to the context of a luxury eCommerce app , customizing illustrations along the way :)
Behold the Arcade, a personal favorite! This dynamic feature hosts entertaining games like the Louis Vuitton history quiz, spin-the-wheel excitement, and thrilling slot machine action, all designed to celebrate the brand's storied legacy, a concept influenced by the Gucci app.
As a delightful bridge between online and in-store experiences, victorious players may even earn coveted visits to LV stores. With each win, users unlock coins and rewards, unlocking new levels and games while enjoying a playful journey through our brand's universe.
During my work on the product display / shop pages, I discovered the rationale behind keeping these screens in light mode. This approach optimizes the display of product imagery, a strategy even embraced by CRED for its effectiveness in showcasing products to their best advantage. As for the profile screen, emphasis was on easy discoverability of services.
The Before And The After
A quick before and after that shows how the redesign delivers upon issues raised in during analysis using Garret's 5S Model.
Home Screen
Adding an arcade to the navigation, utilizing more visually appealing 3D iconography with a glowing effect when selected in the curvy navbar rather than a boxy one.
Incorporating dynamic motion graphics, bold and captivating icons, and a vibrant color palette, complemented by an engaging and distinctive typeface.
Shop Screen
Implementing a search button for convenient access, integrating 3D and interactive buttons within a curvy layout to enhance user engagement, and creating a gamified experience.
Utilizing vibrant colors, playful card designs, and pop-up color stickers to display counts, accompanied by an increased variety of icons for added visual appeal.
Project Takeaways
Impact of Design on Perception : The switch highlighted how design choices impact the overall perception and user experience. Bold and fun designs can create a different emotional response compared to
monotonous ones.
Brand Identity : This helped me understand the significance of maintaining a consistent brand identity. A sudden shift in design can affect how users perceive and relate to a brand.
Adaptability : The experience taught me the value of adaptability in design. It's crucial to evolve with changing trends and user expectations while staying true to the core values of a brand.
A few of my favourites :)
target market
Target Market / Customer / Primary App User
Global, Metropolitan ,18-54 year old, with annual income exceeding $75000
Secondary App User :
Aspirational Consumers
Tertiary App User :
Resellers,
past views
LV’s Past Take on eCommerce:
As digitization accelerates post pandemic old beliefs that people would prefer an in store experience are being shattered pushing brands to ensure an inclusive and high-quality online experience
customer experience
LV’s Customer Experience:
Personalized and rewarding experience for every customer
leading to heavy investment in making online stores more than just the transactional eCommerce model , extending customer experience beyond in-shop shopping.
digital strategy
LV’s Current digital strategy:
Transferring in-store experiences online
Adapting to younger consumers
Under the oversight of parent company LVMH, Louis Vuitton's digital strategy mirrors aspects of the direct-to-consumer (DTC) model, granting the brand greater control over its image and fostering direct relationships with customers to understand their preferences and behaviors.
LV x CRED
What if the LV app got a makeover using CRED’s
vibrant design system ?
Team
4 People
Type
Classroom Project
Duration
3 Weeks
My Role
I explored and understood design systems and brand identities, navigating the intricacies of adapting and seamlessly integrating a design system to harmonize with another brand's identity. This journey involved meticulously crafting visual assets and infusing dynamic motion graphics, all aimed at amplifying the essence of the brand while staying true to its ethos.
What If ?
What began as a speculative "What if?" evolved into an immersive exploration of business and design methodologies employed by various enterprises.
Louis Vuitton and the Luxury Game
As an emblem of the French luxury, Louis Vuitton knows how to make way by advancing an image of quality, elegance and refinement but to keep up with the time and needs of the niche target market thus requires a rethink of their on past views, emphasizing the importance of a unique digital strategy to create an effective customer experience.
target market
Target Market / Customer / Primary App User
Global, Metropolitan ,18-54 year old, with annual income exceeding $75000
Secondary App User :
Aspirational Consumers
Tertiary App User :
Resellers,
past views
LV’s Past Take on eCommerce:
As digitization accelerates post pandemic old beliefs that people would prefer an in store experience are being shattered pushing brands to ensure an inclusive and high-quality online experience
customer experience
LV’s Customer Experience:
Personalized and rewarding experience for every customer
leading to heavy investment in making online stores more than just the transactional eCommerce model , extending customer experience beyond in-shop shopping.
digital strategy
LV’s Current digital strategy:
Transferring in-store experiences online
Adapting to younger consumers
Under the oversight of parent company LVMH, Louis Vuitton's digital strategy mirrors aspects of the direct-to-consumer (DTC) model, granting the brand greater control over its image and fostering direct relationships with customers to understand their preferences and behaviors.
A Need To infuse charm for attracting and
retaining attention
Overall the Louis Vuitton iOS app (6.20.0) shows a :
Lack of Experimental UI :
The UI design system lacks personality, appearing overly basic and bland. Infusing vibrant elements, fun features, and more interactions could significantly enhance user engagement.
Luxury Experience Gap :
Despite incorporating elements of its brand identity, Louis Vuitton's UI lacks luxurious experience.
Lack of Captivating Features and Interactions : While the app primarily focuses on in-store purchases, it falls short in providing enjoyable features to delight users and engaging micro-interactions to captivate and build trust, thus hindering conversion into app-based buyers.
InCREDible
CRED, founded in 2018, is a members-only club rewarding timely credit card bill payments with exclusive offers and premium experiences.
Their digital experience prioritizes speed, joy, and functionality, going beyond problem-solving to inspire creativity and evoke emotions.
The cohesive design language ensures every interaction with the app is aesthetically crafted, while the team upholds high standards of stability, reliability, and creativity, aiming to bring joy and a sense of accomplishment to their members' lives and foster a strong community.
Merging Utility With Delight
Our goal was to redesign the app, incorporating surface-level changes and new features, guided by a design system.
Gamification : Infused CRED-inspired gamification into the LV app, introducing an arcade with games and quizzes. Users can now spin the wheel for exclusive offers and rewards.
Motion Graphics : Integrated CRED's motion design elements into our system, including their unique micro-interactions. Users now enjoy a captivating glow effect and dynamic 3D icons when navigating buttons, elevating the interactive experience.
Bold Design Choices : Injected bold, vibrant colors and creative elements to give our app a distinct personality. The design isn't just immersive but intentionally makes a statement that grabs attention and embodies a unique, dynamic user experience previously absent in the
Louis Vuitton app.
According to the 5S model, the LV app prioritizes updates over purchases, reducing digital engagement. It serves as a gateway to physical stores rather than focusing on e-commerce. Lack of innovation weakens its brand identity, blurring its distinction from competitors.
By aligning with the scope aspect of the 5S model, we've shifted our focus towards online e-commerce over in-store experiences , maximizing user engagement and interaction within the app environment, fostering greater customer satisfaction and loyalty.
In line with the structure component of the 5S model, we've concentrated on refining our platform's structure by implementing advanced filtering options and optimizing search functionalities.
By integrating the skeleton aspect of the 5S model, we've enriched our platform with visual hierarchy principles, streamlining browsing. This involves strategically organizing content for clear and intuitive navigation, enhancing the overall browsing experience.
Visual aesthetics fail to convey luxury and sophistication, diminishing the user experience. Aesthetic appeal, elegant typography, and polished design are crucial for a visually pleasing and engaging interface.
Tap to solve
According to the 5S model, the LV app prioritizes updates over purchases, reducing digital engagement. It serves as a gateway to physical stores rather than focusing on e-commerce. Lack of innovation weakens its brand identity, blurring its distinction from competitors.
By aligning with the scope aspect of the 5S model, we've shifted our focus towards online e-commerce over in-store experiences , maximizing user engagement and interaction within the app environment, fostering greater customer satisfaction and loyalty.
In line with the structure component of the 5S model, we've concentrated on refining our platform's structure by implementing advanced filtering options and optimizing search functionalities.
By integrating the skeleton aspect of the 5S model, we've enriched our platform with visual hierarchy principles, streamlining browsing. This involves strategically organizing content for clear and intuitive navigation, enhancing the overall browsing experience.
Visual aesthetics fail to convey luxury and sophistication, diminishing the user experience. Aesthetic appeal, elegant typography, and polished design are crucial for a visually pleasing and engaging interface.
Tap to solve
CRED's Neopop Design System
LV x CRED
The story of how they came together.
The Home and the Shop screens seamlessly combine the content strategy of the original LV app with added emphasis on incorporating the motion graphics so central to the CRED app. I crafted these animations borrowing from the movements of what CRED has and applied them to the context of a luxury eCommerce app , customizing illustrations along the way :)
Behold the Arcade, a personal favorite! This dynamic feature hosts entertaining games like the Louis Vuitton history quiz, spin-the-wheel excitement, and thrilling slot machine action, all designed to celebrate the brand's storied legacy, a concept influenced by the Gucci app.
As a delightful bridge between online and in-store experiences, victorious players may even earn coveted visits to LV stores. With each win, users unlock coins and rewards, unlocking new levels and games while enjoying a playful journey through our brand's universe.
During my work on the product display / shop pages, I discovered the rationale behind keeping these screens in light mode. This approach optimizes the display of product imagery, a strategy even embraced by CRED for its effectiveness in showcasing products to their best advantage. As for the profile screen, emphasis was on easy discoverability of services.
The Before And The After
A quick before and after that shows how the redesign delivers upon issues raised in during analysis using Garret's 5S Model.
Home Screen
Adding an arcade to the navigation, utilizing more visually appealing 3D iconography with a glowing effect when selected in the curvy navbar
rather than a boxy one.
Incorporating dynamic motion graphics, bold and captivating icons, and a vibrant color palette, complemented by an engaging
and distinctive typeface.
Shop Screen
Implementing a search button for convenient access, integrating 3D and interactive buttons within a curvy layout to enhance user engagement, and creating a gamified experience.
Utilizing vibrant colors, playful card designs, and pop-up color stickers to display counts, accompanied by an increased variety of icons for added visual appeal.
Project Takeaways
Impact of Design on Perception : The switch highlighted how design choices impact the overall perception and user experience. Bold and fun designs can create a different emotional response compared to monotonous ones.
Brand Identity : This helped me understand the significance of maintaining a consistent brand identity. A sudden shift in design can affect how users perceive and relate to a brand.
Adaptability : The experience taught me the value of adaptability in design. It's crucial to evolve with changing trends and user expectations while staying true to the core values of a brand.
A few of my favourites :)
LV x CRED
What if the LV app got a makeover using CRED’s vibrant design system ?
Team
4 People
Project Type
Classroom Project
Duration
3 Weeks
My Role
I explored and understood design systems and brand identities, navigating the intricacies of adapting and seamlessly integrating a design system to harmonize with another brand's identity. This journey involved meticulously crafting visual assets and infusing dynamic motion graphics, all aimed at amplifying the essence of the brand while staying true to its ethos.
What If ?
What began as a speculative "What if?" evolved into an immersive exploration of business and design methodologies employed by various enterprises.
Louis Vuitton and the Luxury Game
As an emblem of the French luxury, Louis Vuitton knows how to make way by advancing an image of quality, elegance and refinement but to keep up with the time and needs of the niche target market thus requires a rethink of their on past views, emphasizing the importance of a unique digital strategy to create an effective customer experience.
A Need To infuse charm for attracting and retaining attention
Overall the Louis Vuitton iOS app (6.20.0) shows a :
Lack of Experimental UI :
The UI design system lacks personality, appearing overly basic and bland. Infusing vibrant elements, fun features, and more interactions could significantly enhance user engagement.
Luxury Experience Gap :
Despite incorporating elements of its brand identity, Louis Vuitton's UI lacks luxurious experience.
Lack of Captivating Features and Interactions : While the app primarily focuses on in-store purchases, it falls short in providing enjoyable features to delight users and engaging micro-interactions to captivate and build trust, thus hindering conversion into app-based buyers.
InCREDible
CRED, founded in 2018, is a members-only club rewarding timely credit card bill payments with exclusive offers and premium experiences.
Their digital experience prioritizes speed, joy, and functionality, going beyond problem-solving to inspire creativity and evoke emotions.
The cohesive design language ensures every interaction with the app is aesthetically crafted, while the team upholds high standards of stability, reliability, and creativity, aiming to bring joy and a sense of accomplishment to their members' lives and foster a strong community.
CRED's Neopop Design System
Merging Utility With Delight
Our goal was to redesign the app, incorporating surface-level changes and new features, guided by a design system.
Gamification : Infused CRED-inspired gamification into the LV app, introducing an arcade with games and quizzes. Users can now spin the wheel for exclusive offers and rewards.
Motion Graphics : Integrated CRED's motion design elements into our system, including their unique micro-interactions. Users now enjoy a captivating glow effect and dynamic 3D icons when navigating buttons, elevating the interactive experience.
Bold Design Choices : Injected bold, vibrant colors and creative elements to give our app a distinct personality. The design isn't just immersive but intentionally makes a statement that grabs attention and embodies a unique, dynamic user experience previously absent in the Louis Vuitton app.
According to the 5S model, the LV app prioritizes updates over purchases, reducing digital engagement. It serves as a gateway to physical stores rather than focusing on e-commerce. Lack of innovation weakens its brand identity, blurring its distinction from competitors.
By aligning with the scope aspect of the 5S model, we've shifted our focus towards online e-commerce over in-store experiences , maximizing user engagement and interaction within the app environment, fostering greater customer satisfaction and loyalty.
In line with the structure component of the 5S model, we've concentrated on refining our platform's structure by implementing advanced filtering options and optimizing search functionalities.
By integrating the skeleton aspect of the 5S model, we've enriched our platform with visual hierarchy principles, streamlining browsing. This involves strategically organizing content for clear and intuitive navigation, enhancing the overall browsing experience.
Visual aesthetics fail to convey luxury and sophistication, diminishing the user experience. Aesthetic appeal, elegant typography, and polished design are crucial for a visually pleasing and engaging interface.
Tap to solve
According to the 5S model, the LV app prioritizes updates over purchases, reducing digital engagement. It serves as a gateway to physical stores rather than focusing on e-commerce. Lack of innovation weakens its brand identity, blurring its distinction from competitors.
By aligning with the scope aspect of the 5S model, we've shifted our focus towards online e-commerce over in-store experiences , maximizing user engagement and interaction within the app environment, fostering greater customer satisfaction and loyalty.
In line with the structure component of the 5S model, we've concentrated on refining our platform's structure by implementing advanced filtering options and optimizing search functionalities.
By integrating the skeleton aspect of the 5S model, we've enriched our platform with visual hierarchy principles, streamlining browsing. This involves strategically organizing content for clear and intuitive navigation, enhancing the overall browsing experience.
Visual aesthetics fail to convey luxury and sophistication, diminishing the user experience. Aesthetic appeal, elegant typography, and polished design are crucial for a visually pleasing and engaging interface.
Tap to solve
LV x CRED
The story of how they came together.
The Home and the Shop screens seamlessly combine the content strategy of the original LV app with added emphasis on incorporating the motion graphics so central to the CRED app. I crafted these animations borrowing from the movements of what CRED has and applied them to the context of a luxury eCommerce app , customizing illustrations
along the way :)
Behold the Arcade, a personal favorite! This dynamic feature hosts entertaining games like the Louis Vuitton history quiz, spin-the-wheel excitement, and thrilling slot machine action, all designed to celebrate the brand's storied legacy, a concept influenced by the Gucci app.
As a delightful bridge between online and in-store experiences, victorious players may even earn coveted visits to LV stores. With each win, users unlock coins and rewards, unlocking new levels and games while enjoying a playful journey through our brand's universe.
During my work on the product display / shop pages, I discovered the rationale behind keeping these screens in light mode. This approach optimizes the display of product imagery, a strategy even embraced by CRED for its effectiveness in showcasing products to their best advantage. As for the profile screen, emphasis was on easy discoverability of services.
The Before And The After
A quick before and after that shows how the redesign delivers upon issues raised in during analysis using Garret's 5S Model.
Home Screen
Adding an arcade to the navigation, utilizing more visually appealing 3D iconography with a glowing effect when selected in the curvy navbar
rather than a boxy one.
Incorporating dynamic motion graphics, bold and captivating icons, and a vibrant color palette, complemented by an engaging
and distinctive typeface.
Shop Screen
Implementing a search button for convenient access, integrating 3D and interactive buttons within a curvy layout to enhance user engagement, and creating a gamified experience.
Utilizing vibrant colors, playful card designs, and pop-up color stickers to display counts, accompanied by an increased variety of icons for added visual appeal.
Project Takeaways
Impact of Design on Perception : The switch highlighted how design choices impact the overall perception and user experience. Bold and fun designs can create a different emotional response compared to monotonous ones.
Brand Identity : This helped me understand the significance of maintaining a consistent brand identity. A sudden shift in design can affect how users perceive and relate to a brand.
Adaptability : The experience taught me the value of adaptability in design. It's crucial to evolve with changing trends and user expectations while staying true to the core values of a brand.
A few of my favourites :)
target market
Target Market / Customer / Primary App User
Global, Metropolitan ,18-54 year old, with annual income exceeding $75000
Secondary App User :
Aspirational Consumers
Tertiary App User :
Resellers,
past views
LV’s Past Take on eCommerce:
As digitization accelerates post pandemic old beliefs that people would prefer an in store experience are being shattered pushing brands to ensure an inclusive and high-quality online experience
customer experience
LV’s Customer Experience:
Personalized and rewarding experience for every customer
leading to heavy investment in making online stores more than just the transactional eCommerce model , extending customer experience beyond in-shop shopping.
digital strategy
LV’s Current digital strategy:
Transferring in-store experiences online
Adapting to younger consumers
Under the oversight of parent company LVMH, Louis Vuitton's digital strategy mirrors aspects of the direct-to-consumer (DTC) model, granting the brand greater control over its image and fostering direct relationships with customers to understand their preferences and behaviors.