Caarabi shopify revamp
Caarabi shopify revamp
A Gen-Z focused app that encourages real-world socializing by removing the friction of “what to do, where to go.” Instead of plans collapsing when friends cancel or no one takes initiative, the app surfaces spontaneous activities, local spots, and user-created plans. Everything is free, community-driven, and designed to promote social connections without commercial noise.
Website
Mobile App
Content
2025
Year
Year
Retail
Industry
Industry
UK, London
scascac
scascac
LSG Ad Agency
Barone Group Inc. Barone Group Inc.Barone Group Inc.
Client
Client
LSG Ad Agency
Barone Group Inc. Barone Group Inc.Barone Group Inc.
Client
Client
Check mobile version
Problem Statement
Caarabi’s generic Shopify site lacked the visual credibility of its premium specialty coffee. A cluttered, template-based UI created a brand disconnect, leading to low consumer trust and a poor digital experience for connoisseurs.
In vibrant cities like Melbourne, Milan, London, etc, finding something to do should be effortless, but it isn’t. Discovery depends on social media algorithms or knowing the right people, making spontaneity almost impossible, especially if you're not an avid social media user. Plans often fall apart when friends cancel, and opportunities to meet new people through shared interests are lost. There’s a need for a simple, reliable way to discover nearby activities in real time, join or create plans instantly, and connect with others who want the same.
Caarabi's Old Website
Caarabi's Old Website
Research
Research
KEY INSIGHT
Key Insights
UI Problems:
Homepage hero lacked hierarchy, unclear CTAs.
Typography and spacing do not align.
Inconsistent button styles (“Shop Now” vs. “Add to Cart” vs. “Buy It Now”).
Misaligned margins and visual hierarchy issues.
Lack of visual cues (icons, imagery) for product categories.
Product detail page crammed text without hierarchy.
UX Problems:
Overcrowded navigation bar with no prioritization.
No guided product discovery (filters for roast, grind, brew).
No quick-add or hover states for products.
Mobile version required too many taps for product details..
No FAQs, brewing guides, or “help me choose” flows.
Branding Problems:
Product presentation felt generic (lacked storytelling & context).
Branding felt weak template-driven fonts, colors, and spacing.
Competitors used white space/premium design the site looked amateur.
Primary Research : The research clearly shows that Gen Z and young professionals struggle with fragmented planning, flaky friends, and lack of spontaneous options. A majority are eager for an app that provides instant, local, and free social activities with a strong openness to meeting like-minded strangers.
Secondary Research : Excessive social media and screen time increase loneliness, anxiety, and depression among young adults. Face-to-face interactions and in-person support improve well-being far more than virtual connections. Limiting screen time reduces depressive symptoms, highlighting the need for spontaneous offline event platforms that promote authentic social experiences and strengthen real-world connections.
COMPETITIVE BENCHMARKING
Key Insights
1. Watch House Coffee
Strengths
Clean, premium aesthetic with modern typography & warm tones. Strong storytelling (“Modern Coffee”) + lifestyle positioning.
Seamless product presentation with clear pricing. Physical café integration (“Visit Us” page is highlighted).
Weaknesses
Limited interactivity with products beyond static images.
Heavy reliance on text blocks; could use more motion/engagement.
2. Onyx Coffee
Strengths
Strong brand storytelling (farm-to-cup narrative, producer focus). Premium, art-driven product packaging and web visuals.
Immersive landing (farm aerial shot) communicates authenticity. Clear navigation & modern grid product layout.
Weaknesses
Heavy emphasis on storytelling might slow product discovery.
Less focus on café/physical presence compared to others.
3. Greysoul Coffee Roasters
Strengths
Minimalist e-commerce layout with clear product categorization. Direct Trade emphasis — builds trust & premium positioning.
Local café presence highlighted (“Home to Best Pour-Over Coffee”).
Weaknesses
Visuals are very muted lacks brand personality & vibrancy. Packaging/product images feel repetitive.
Storytelling weaker compared to WatchHouse/Onyx.
Primary Research : The research clearly shows that Gen Z and young professionals struggle with fragmented planning, flaky friends, and lack of spontaneous options. A majority are eager for an app that provides instant, local, and free social activities with a strong openness to meeting like-minded strangers.
Secondary Research : Excessive social media and screen time increase loneliness, anxiety, and depression among young adults. Face-to-face interactions and in-person support improve well-being far more than virtual connections. Limiting screen time reduces depressive symptoms, highlighting the need for spontaneous offline event platforms that promote authentic social experiences and strengthen real-world connections.
Solution
Solution
Outside: An app that's always got plans for you!
Outside: An app that's always got plans for you!
“By introducing a unified design system, we solved the inconsistency in visuals. Standardized colors, typography, spacing, and icons create a recognizable and a proffesional brand language, improving clarity and recall.”
Primary Research : The research clearly shows that Gen Z and young professionals struggle with fragmented planning, flaky friends, and lack of spontaneous options. A majority are eager for an app that provides instant, local, and free social activities with a strong openness to meeting like-minded strangers.
Secondary Research : Excessive social media and screen time increase loneliness, anxiety, and depression among young adults. Face-to-face interactions and in-person support improve well-being far more than virtual connections. Limiting screen time reduces depressive symptoms, highlighting the need for spontaneous offline event platforms that promote authentic social experiences and strengthen real-world connections.
Clean, prototypes reinforce this system by ensuring every action feels intentional and effortless. UI consistency reduces confusion, strengthens trust, and eliminates the key pain point of unclear navigation, product discovery and information.
Primary Research : The research clearly shows that Gen Z and young professionals struggle with fragmented planning, flaky friends, and lack of spontaneous options. A majority are eager for an app that provides instant, local, and free social activities with a strong openness to meeting like-minded strangers.
Secondary Research : Excessive social media and screen time increase loneliness, anxiety, and depression among young adults. Face-to-face interactions and in-person support improve well-being far more than virtual connections. Limiting screen time reduces depressive symptoms, highlighting the need for spontaneous offline event platforms that promote authentic social experiences and strengthen real-world connections.
Clean, prototypes reinforce this system by ensuring every action feels intentional and effortless. UI consistency reduces confusion, strengthens trust, and eliminates the key pain point of unclear navigation, product discovery and information.
Primary Research : The research clearly shows that Gen Z and young professionals struggle with fragmented planning, flaky friends, and lack of spontaneous options. A majority are eager for an app that provides instant, local, and free social activities with a strong openness to meeting like-minded strangers.
Secondary Research : Excessive social media and screen time increase loneliness, anxiety, and depression among young adults. Face-to-face interactions and in-person support improve well-being far more than virtual connections. Limiting screen time reduces depressive symptoms, highlighting the need for spontaneous offline event platforms that promote authentic social experiences and strengthen real-world connections.
Clean, responsive site design takes the unified system further by ensuring the experience adapts seamlessly across devices. It makes the website feel modern and premium, while eliminating key pain points of clutter, poor accessibility, and broken layouts. This not only enhances usability but also builds trust, signaling that the brand values detail and professionalism as much as the craft of its coffee through and through.
Primary Research : The research clearly shows that Gen Z and young professionals struggle with fragmented planning, flaky friends, and lack of spontaneous options. A majority are eager for an app that provides instant, local, and free social activities with a strong openness to meeting like-minded strangers.
Secondary Research : Excessive social media and screen time increase loneliness, anxiety, and depression among young adults. Face-to-face interactions and in-person support improve well-being far more than virtual connections. Limiting screen time reduces depressive symptoms, highlighting the need for spontaneous offline event platforms that promote authentic social experiences and strengthen real-world connections.
The restructured layout replaces cluttered text with a modular “Know Your Coffee” grid, balancing origin storytelling with functional usability. This clean hierarchy transforms technical data into digestible, transparent content.
Why it improves conversions:
Reduces Cognitive Load: Simplifies complex roast/wash data, preventing choice paralysis.
Builds Authority: Professional information architecture signals specialty expertise and brand trust.
Streamlined UX: Keeps the purchase flow visible and intuitive while the user educates themselves.
Primary Research : The research clearly shows that Gen Z and young professionals struggle with fragmented planning, flaky friends, and lack of spontaneous options. A majority are eager for an app that provides instant, local, and free social activities with a strong openness to meeting like-minded strangers.
Secondary Research : Excessive social media and screen time increase loneliness, anxiety, and depression among young adults. Face-to-face interactions and in-person support improve well-being far more than virtual connections. Limiting screen time reduces depressive symptoms, highlighting the need for spontaneous offline event platforms that promote authentic social experiences and strengthen real-world connections.
The brewing guide page, absent in the old site, shows we care about users by being helpful and inviting. A clean grid, clear hierarchy, and step-by-step flow remove clutter and make instructions effortless to follow. Numbering, imagery, and video integration turn complex tasks into simple actions
Summary
Where the old layout was chaotic and lacked structure, the new grid system and clear hierarchy introduce order and readability. Numbering, imagery, and video integration simplify learning, turning intimidating processes into approachable steps. Responsive layouts ensure a seamless experience across devices, addressing the inconsistency of the earlier site. Beyond usability, this design elevates the brand the clean typography, modern spacing, and balanced white space project professionalism, while the inviting visuals align with Caarabi’s playful yet premium identity. Together, these choices eliminate the old pain points of clutter, poor navigation, and weak branding, and instead position the website as both user-friendly and market-ready.
Primary Research : The research clearly shows that Gen Z and young professionals struggle with fragmented planning, flaky friends, and lack of spontaneous options. A majority are eager for an app that provides instant, local, and free social activities with a strong openness to meeting like-minded strangers.
Secondary Research : Excessive social media and screen time increase loneliness, anxiety, and depression among young adults. Face-to-face interactions and in-person support improve well-being far more than virtual connections. Limiting screen time reduces depressive symptoms, highlighting the need for spontaneous offline event platforms that promote authentic social experiences and strengthen real-world connections.
Motion graphics
Motion graphics
A creative display of coffee’s most flavorful notes, paired with a cupping-process reveal on scroll, builds trust through transparency while immersing users in the journey behind the coffee they drink.
Primary Research : The research clearly shows that Gen Z and young professionals struggle with fragmented planning, flaky friends, and lack of spontaneous options. A majority are eager for an app that provides instant, local, and free social activities with a strong openness to meeting like-minded strangers.
Secondary Research : Excessive social media and screen time increase loneliness, anxiety, and depression among young adults. Face-to-face interactions and in-person support improve well-being far more than virtual connections. Limiting screen time reduces depressive symptoms, highlighting the need for spontaneous offline event platforms that promote authentic social experiences and strengthen real-world connections.
Caarabi shopify revamp
Caarabi shopify revamp
A Gen-Z focused app that encourages real-world socializing by removing the friction of “what to do, where to go.” Instead of plans collapsing when friends cancel or no one takes initiative, the app surfaces spontaneous activities, local spots, and user-created plans. Everything is free, community-driven, and designed to promote social connections without commercial noise.
Website
Mobile App
Content
2025
Year
Year
Retail
Industry
Industry
UK, London
scascac
scascac
LSG Ad Agency
Barone Group Inc. Barone Group Inc.Barone Group Inc.
Client
Client
LSG Ad Agency
Barone Group Inc. Barone Group Inc.Barone Group Inc.
Client
Client
Check mobile version
Problem Statement
Caarabi’s generic Shopify site lacked the visual credibility of its premium specialty coffee. A cluttered, template-based UI created a brand disconnect, leading to low consumer trust and a poor digital experience for connoisseurs.
In vibrant cities like Melbourne, Milan, London, etc, finding something to do should be effortless, but it isn’t. Discovery depends on social media algorithms or knowing the right people, making spontaneity almost impossible, especially if you're not an avid social media user. Plans often fall apart when friends cancel, and opportunities to meet new people through shared interests are lost. There’s a need for a simple, reliable way to discover nearby activities in real time, join or create plans instantly, and connect with others who want the same.
Caarabi's Old Website
Caarabi's Old Website
Research
Research
KEY INSIGHT
Key Insights
UI Problems:
Homepage hero lacked hierarchy, unclear CTAs.
Typography and spacing do not align.
Inconsistent button styles (“Shop Now” vs. “Add to Cart” vs. “Buy It Now”).
Misaligned margins and visual hierarchy issues.
Lack of visual cues (icons, imagery) for product categories.
Product detail page crammed text without hierarchy.
UX Problems:
Overcrowded navigation bar with no prioritization.
No guided product discovery (filters for roast, grind, brew).
No quick-add or hover states for products.
Mobile version required too many taps for product details..
No FAQs, brewing guides, or “help me choose” flows.
Branding Problems:
Product presentation felt generic (lacked storytelling & context).
Branding felt weak template-driven fonts, colors, and spacing.
Competitors used white space/premium design the site looked amateur.
Primary Research : The research clearly shows that Gen Z and young professionals struggle with fragmented planning, flaky friends, and lack of spontaneous options. A majority are eager for an app that provides instant, local, and free social activities with a strong openness to meeting like-minded strangers.
Secondary Research : Excessive social media and screen time increase loneliness, anxiety, and depression among young adults. Face-to-face interactions and in-person support improve well-being far more than virtual connections. Limiting screen time reduces depressive symptoms, highlighting the need for spontaneous offline event platforms that promote authentic social experiences and strengthen real-world connections.
COMPETITIVE BENCHMARKING
Key Insights
1. Watch House Coffee
Strengths
Clean, premium aesthetic with modern typography & warm tones. Strong storytelling (“Modern Coffee”) + lifestyle positioning.
Seamless product presentation with clear pricing. Physical café integration (“Visit Us” page is highlighted).
Weaknesses
Limited interactivity with products beyond static images.
Heavy reliance on text blocks; could use more motion/engagement.
2. Onyx Coffee
Strengths
Strong brand storytelling (farm-to-cup narrative, producer focus). Premium, art-driven product packaging and web visuals.
Immersive landing (farm aerial shot) communicates authenticity. Clear navigation & modern grid product layout.
Weaknesses
Heavy emphasis on storytelling might slow product discovery.
Less focus on café/physical presence compared to others.
3. Greysoul Coffee Roasters
Strengths
Minimalist e-commerce layout with clear product categorization. Direct Trade emphasis — builds trust & premium positioning.
Local café presence highlighted (“Home to Best Pour-Over Coffee”).
Weaknesses
Visuals are very muted lacks brand personality & vibrancy. Packaging/product images feel repetitive.
Storytelling weaker compared to WatchHouse/Onyx.
Primary Research : The research clearly shows that Gen Z and young professionals struggle with fragmented planning, flaky friends, and lack of spontaneous options. A majority are eager for an app that provides instant, local, and free social activities with a strong openness to meeting like-minded strangers.
Secondary Research : Excessive social media and screen time increase loneliness, anxiety, and depression among young adults. Face-to-face interactions and in-person support improve well-being far more than virtual connections. Limiting screen time reduces depressive symptoms, highlighting the need for spontaneous offline event platforms that promote authentic social experiences and strengthen real-world connections.
Solution
Solution
Outside: An app that's always got plans for you!
Outside: An app that's always got plans for you!
“By introducing a unified design system, we solved the inconsistency in visuals. Standardized colors, typography, spacing, and icons create a recognizable and a proffesional brand language, improving clarity and recall.”
Primary Research : The research clearly shows that Gen Z and young professionals struggle with fragmented planning, flaky friends, and lack of spontaneous options. A majority are eager for an app that provides instant, local, and free social activities with a strong openness to meeting like-minded strangers.
Secondary Research : Excessive social media and screen time increase loneliness, anxiety, and depression among young adults. Face-to-face interactions and in-person support improve well-being far more than virtual connections. Limiting screen time reduces depressive symptoms, highlighting the need for spontaneous offline event platforms that promote authentic social experiences and strengthen real-world connections.
Clean, prototypes reinforce this system by ensuring every action feels intentional and effortless. UI consistency reduces confusion, strengthens trust, and eliminates the key pain point of unclear navigation, product discovery and information.
Primary Research : The research clearly shows that Gen Z and young professionals struggle with fragmented planning, flaky friends, and lack of spontaneous options. A majority are eager for an app that provides instant, local, and free social activities with a strong openness to meeting like-minded strangers.
Secondary Research : Excessive social media and screen time increase loneliness, anxiety, and depression among young adults. Face-to-face interactions and in-person support improve well-being far more than virtual connections. Limiting screen time reduces depressive symptoms, highlighting the need for spontaneous offline event platforms that promote authentic social experiences and strengthen real-world connections.
Clean, prototypes reinforce this system by ensuring every action feels intentional and effortless. UI consistency reduces confusion, strengthens trust, and eliminates the key pain point of unclear navigation, product discovery and information.
Primary Research : The research clearly shows that Gen Z and young professionals struggle with fragmented planning, flaky friends, and lack of spontaneous options. A majority are eager for an app that provides instant, local, and free social activities with a strong openness to meeting like-minded strangers.
Secondary Research : Excessive social media and screen time increase loneliness, anxiety, and depression among young adults. Face-to-face interactions and in-person support improve well-being far more than virtual connections. Limiting screen time reduces depressive symptoms, highlighting the need for spontaneous offline event platforms that promote authentic social experiences and strengthen real-world connections.
Clean, responsive site design takes the unified system further by ensuring the experience adapts seamlessly across devices. It makes the website feel modern and premium, while eliminating key pain points of clutter, poor accessibility, and broken layouts. This not only enhances usability but also builds trust, signaling that the brand values detail and professionalism as much as the craft of its coffee through and through.
Primary Research : The research clearly shows that Gen Z and young professionals struggle with fragmented planning, flaky friends, and lack of spontaneous options. A majority are eager for an app that provides instant, local, and free social activities with a strong openness to meeting like-minded strangers.
Secondary Research : Excessive social media and screen time increase loneliness, anxiety, and depression among young adults. Face-to-face interactions and in-person support improve well-being far more than virtual connections. Limiting screen time reduces depressive symptoms, highlighting the need for spontaneous offline event platforms that promote authentic social experiences and strengthen real-world connections.
The restructured layout replaces cluttered text with a modular “Know Your Coffee” grid, balancing origin storytelling with functional usability. This clean hierarchy transforms technical data into digestible, transparent content.
Why it improves conversions:
Reduces Cognitive Load: Simplifies complex roast/wash data, preventing choice paralysis.
Builds Authority: Professional information architecture signals specialty expertise and brand trust.
Streamlined UX: Keeps the purchase flow visible and intuitive while the user educates themselves.
Primary Research : The research clearly shows that Gen Z and young professionals struggle with fragmented planning, flaky friends, and lack of spontaneous options. A majority are eager for an app that provides instant, local, and free social activities with a strong openness to meeting like-minded strangers.
Secondary Research : Excessive social media and screen time increase loneliness, anxiety, and depression among young adults. Face-to-face interactions and in-person support improve well-being far more than virtual connections. Limiting screen time reduces depressive symptoms, highlighting the need for spontaneous offline event platforms that promote authentic social experiences and strengthen real-world connections.
The brewing guide page, absent in the old site, shows we care about users by being helpful and inviting. A clean grid, clear hierarchy, and step-by-step flow remove clutter and make instructions effortless to follow. Numbering, imagery, and video integration turn complex tasks into simple actions
Summary
Where the old layout was chaotic and lacked structure, the new grid system and clear hierarchy introduce order and readability. Numbering, imagery, and video integration simplify learning, turning intimidating processes into approachable steps. Responsive layouts ensure a seamless experience across devices, addressing the inconsistency of the earlier site. Beyond usability, this design elevates the brand the clean typography, modern spacing, and balanced white space project professionalism, while the inviting visuals align with Caarabi’s playful yet premium identity. Together, these choices eliminate the old pain points of clutter, poor navigation, and weak branding, and instead position the website as both user-friendly and market-ready.
Primary Research : The research clearly shows that Gen Z and young professionals struggle with fragmented planning, flaky friends, and lack of spontaneous options. A majority are eager for an app that provides instant, local, and free social activities with a strong openness to meeting like-minded strangers.
Secondary Research : Excessive social media and screen time increase loneliness, anxiety, and depression among young adults. Face-to-face interactions and in-person support improve well-being far more than virtual connections. Limiting screen time reduces depressive symptoms, highlighting the need for spontaneous offline event platforms that promote authentic social experiences and strengthen real-world connections.
Motion graphics
Motion graphics
A creative display of coffee’s most flavorful notes, paired with a cupping-process reveal on scroll, builds trust through transparency while immersing users in the journey behind the coffee they drink.
Primary Research : The research clearly shows that Gen Z and young professionals struggle with fragmented planning, flaky friends, and lack of spontaneous options. A majority are eager for an app that provides instant, local, and free social activities with a strong openness to meeting like-minded strangers.
Secondary Research : Excessive social media and screen time increase loneliness, anxiety, and depression among young adults. Face-to-face interactions and in-person support improve well-being far more than virtual connections. Limiting screen time reduces depressive symptoms, highlighting the need for spontaneous offline event platforms that promote authentic social experiences and strengthen real-world connections.
Caarabi shopify revamp
Caarabi shopify revamp
A Gen-Z focused app that encourages real-world socializing by removing the friction of “what to do, where to go.” Instead of plans collapsing when friends cancel or no one takes initiative, the app surfaces spontaneous activities, local spots, and user-created plans. Everything is free, community-driven, and designed to promote social connections without commercial noise.
Website
Mobile App
Content
2025
Year
Year
Retail
Industry
Industry
UK, London
scascac
scascac
LSG Ad Agency
Barone Group Inc. Barone Group Inc.Barone Group Inc.
Client
Client
LSG Ad Agency
Barone Group Inc. Barone Group Inc.Barone Group Inc.
Client
Client
Check mobile version
Problem Statement
Caarabi’s generic Shopify site lacked the visual credibility of its premium specialty coffee. A cluttered, template-based UI created a brand disconnect, leading to low consumer trust and a poor digital experience for connoisseurs.
In vibrant cities like Melbourne, Milan, London, etc, finding something to do should be effortless, but it isn’t. Discovery depends on social media algorithms or knowing the right people, making spontaneity almost impossible, especially if you're not an avid social media user. Plans often fall apart when friends cancel, and opportunities to meet new people through shared interests are lost. There’s a need for a simple, reliable way to discover nearby activities in real time, join or create plans instantly, and connect with others who want the same.
Caarabi's Old Website
Caarabi's Old Website
Research
Research
KEY INSIGHT
Key Insights
UI Problems:
Homepage hero lacked hierarchy, unclear CTAs.
Typography and spacing do not align.
Inconsistent button styles (“Shop Now” vs. “Add to Cart” vs. “Buy It Now”).
Misaligned margins and visual hierarchy issues.
Lack of visual cues (icons, imagery) for product categories.
Product detail page crammed text without hierarchy.
UX Problems:
Overcrowded navigation bar with no prioritization.
No guided product discovery (filters for roast, grind, brew).
No quick-add or hover states for products.
Mobile version required too many taps for product details..
No FAQs, brewing guides, or “help me choose” flows.
Branding Problems:
Product presentation felt generic (lacked storytelling & context).
Branding felt weak template-driven fonts, colors, and spacing.
Competitors used white space/premium design the site looked amateur.
Primary Research : The research clearly shows that Gen Z and young professionals struggle with fragmented planning, flaky friends, and lack of spontaneous options. A majority are eager for an app that provides instant, local, and free social activities with a strong openness to meeting like-minded strangers.
Secondary Research : Excessive social media and screen time increase loneliness, anxiety, and depression among young adults. Face-to-face interactions and in-person support improve well-being far more than virtual connections. Limiting screen time reduces depressive symptoms, highlighting the need for spontaneous offline event platforms that promote authentic social experiences and strengthen real-world connections.
COMPETITIVE BENCHMARKING
Key Insights
1. Watch House Coffee
Strengths
Clean, premium aesthetic with modern typography & warm tones. Strong storytelling (“Modern Coffee”) + lifestyle positioning.
Seamless product presentation with clear pricing. Physical café integration (“Visit Us” page is highlighted).
Weaknesses
Limited interactivity with products beyond static images.
Heavy reliance on text blocks; could use more motion/engagement.
2. Onyx Coffee
Strengths
Strong brand storytelling (farm-to-cup narrative, producer focus). Premium, art-driven product packaging and web visuals.
Immersive landing (farm aerial shot) communicates authenticity. Clear navigation & modern grid product layout.
Weaknesses
Heavy emphasis on storytelling might slow product discovery.
Less focus on café/physical presence compared to others.
3. Greysoul Coffee Roasters
Strengths
Minimalist e-commerce layout with clear product categorization. Direct Trade emphasis — builds trust & premium positioning.
Local café presence highlighted (“Home to Best Pour-Over Coffee”).
Weaknesses
Visuals are very muted lacks brand personality & vibrancy. Packaging/product images feel repetitive.
Storytelling weaker compared to WatchHouse/Onyx.
Primary Research : The research clearly shows that Gen Z and young professionals struggle with fragmented planning, flaky friends, and lack of spontaneous options. A majority are eager for an app that provides instant, local, and free social activities with a strong openness to meeting like-minded strangers.
Secondary Research : Excessive social media and screen time increase loneliness, anxiety, and depression among young adults. Face-to-face interactions and in-person support improve well-being far more than virtual connections. Limiting screen time reduces depressive symptoms, highlighting the need for spontaneous offline event platforms that promote authentic social experiences and strengthen real-world connections.
Solution
Solution
Outside: An app that's always got plans for you!
Outside: An app that's always got plans for you!
“By introducing a unified design system, we solved the inconsistency in visuals. Standardized colors, typography, spacing, and icons create a recognizable and a proffesional brand language, improving clarity and recall.”
Primary Research : The research clearly shows that Gen Z and young professionals struggle with fragmented planning, flaky friends, and lack of spontaneous options. A majority are eager for an app that provides instant, local, and free social activities with a strong openness to meeting like-minded strangers.
Secondary Research : Excessive social media and screen time increase loneliness, anxiety, and depression among young adults. Face-to-face interactions and in-person support improve well-being far more than virtual connections. Limiting screen time reduces depressive symptoms, highlighting the need for spontaneous offline event platforms that promote authentic social experiences and strengthen real-world connections.
Clean, prototypes reinforce this system by ensuring every action feels intentional and effortless. UI consistency reduces confusion, strengthens trust, and eliminates the key pain point of unclear navigation, product discovery and information.
Primary Research : The research clearly shows that Gen Z and young professionals struggle with fragmented planning, flaky friends, and lack of spontaneous options. A majority are eager for an app that provides instant, local, and free social activities with a strong openness to meeting like-minded strangers.
Secondary Research : Excessive social media and screen time increase loneliness, anxiety, and depression among young adults. Face-to-face interactions and in-person support improve well-being far more than virtual connections. Limiting screen time reduces depressive symptoms, highlighting the need for spontaneous offline event platforms that promote authentic social experiences and strengthen real-world connections.
Clean, prototypes reinforce this system by ensuring every action feels intentional and effortless. UI consistency reduces confusion, strengthens trust, and eliminates the key pain point of unclear navigation, product discovery and information.
Primary Research : The research clearly shows that Gen Z and young professionals struggle with fragmented planning, flaky friends, and lack of spontaneous options. A majority are eager for an app that provides instant, local, and free social activities with a strong openness to meeting like-minded strangers.
Secondary Research : Excessive social media and screen time increase loneliness, anxiety, and depression among young adults. Face-to-face interactions and in-person support improve well-being far more than virtual connections. Limiting screen time reduces depressive symptoms, highlighting the need for spontaneous offline event platforms that promote authentic social experiences and strengthen real-world connections.
Clean, responsive site design takes the unified system further by ensuring the experience adapts seamlessly across devices. It makes the website feel modern and premium, while eliminating key pain points of clutter, poor accessibility, and broken layouts. This not only enhances usability but also builds trust, signaling that the brand values detail and professionalism as much as the craft of its coffee through and through.
Primary Research : The research clearly shows that Gen Z and young professionals struggle with fragmented planning, flaky friends, and lack of spontaneous options. A majority are eager for an app that provides instant, local, and free social activities with a strong openness to meeting like-minded strangers.
Secondary Research : Excessive social media and screen time increase loneliness, anxiety, and depression among young adults. Face-to-face interactions and in-person support improve well-being far more than virtual connections. Limiting screen time reduces depressive symptoms, highlighting the need for spontaneous offline event platforms that promote authentic social experiences and strengthen real-world connections.
The restructured layout replaces cluttered text with a modular “Know Your Coffee” grid, balancing origin storytelling with functional usability. This clean hierarchy transforms technical data into digestible, transparent content.
Why it improves conversions:
Reduces Cognitive Load: Simplifies complex roast/wash data, preventing choice paralysis.
Builds Authority: Professional information architecture signals specialty expertise and brand trust.
Streamlined UX: Keeps the purchase flow visible and intuitive while the user educates themselves.
Primary Research : The research clearly shows that Gen Z and young professionals struggle with fragmented planning, flaky friends, and lack of spontaneous options. A majority are eager for an app that provides instant, local, and free social activities with a strong openness to meeting like-minded strangers.
Secondary Research : Excessive social media and screen time increase loneliness, anxiety, and depression among young adults. Face-to-face interactions and in-person support improve well-being far more than virtual connections. Limiting screen time reduces depressive symptoms, highlighting the need for spontaneous offline event platforms that promote authentic social experiences and strengthen real-world connections.
The brewing guide page, absent in the old site, shows we care about users by being helpful and inviting. A clean grid, clear hierarchy, and step-by-step flow remove clutter and make instructions effortless to follow. Numbering, imagery, and video integration turn complex tasks into simple actions
Summary
Where the old layout was chaotic and lacked structure, the new grid system and clear hierarchy introduce order and readability. Numbering, imagery, and video integration simplify learning, turning intimidating processes into approachable steps. Responsive layouts ensure a seamless experience across devices, addressing the inconsistency of the earlier site. Beyond usability, this design elevates the brand the clean typography, modern spacing, and balanced white space project professionalism, while the inviting visuals align with Caarabi’s playful yet premium identity. Together, these choices eliminate the old pain points of clutter, poor navigation, and weak branding, and instead position the website as both user-friendly and market-ready.
Primary Research : The research clearly shows that Gen Z and young professionals struggle with fragmented planning, flaky friends, and lack of spontaneous options. A majority are eager for an app that provides instant, local, and free social activities with a strong openness to meeting like-minded strangers.
Secondary Research : Excessive social media and screen time increase loneliness, anxiety, and depression among young adults. Face-to-face interactions and in-person support improve well-being far more than virtual connections. Limiting screen time reduces depressive symptoms, highlighting the need for spontaneous offline event platforms that promote authentic social experiences and strengthen real-world connections.
Motion graphics
Motion graphics
A creative display of coffee’s most flavorful notes, paired with a cupping-process reveal on scroll, builds trust through transparency while immersing users in the journey behind the coffee they drink.
Primary Research : The research clearly shows that Gen Z and young professionals struggle with fragmented planning, flaky friends, and lack of spontaneous options. A majority are eager for an app that provides instant, local, and free social activities with a strong openness to meeting like-minded strangers.
Secondary Research : Excessive social media and screen time increase loneliness, anxiety, and depression among young adults. Face-to-face interactions and in-person support improve well-being far more than virtual connections. Limiting screen time reduces depressive symptoms, highlighting the need for spontaneous offline event platforms that promote authentic social experiences and strengthen real-world connections.