Web Design
Terrabarn
TerraBarn is a handmade terracotta jewellery brand that offers sustainable, artisanal pieces rooted in earthy aesthetics and cultural craftsmanship. Despite having a loyal customer base, the brand lacked an online presence — operating solely via word-of-mouth and local sales. The project aimed to reposition TerraBarn as an elegant, accessible, and contemporary brand through a reimagined identity and the launch of its first e-commerce website.
Year :
2025
Industry :
E-commerce
Client :
Terrabarn
Problem
While TerraBarn had a strong product and meaningful story, it struggled with visibility and scalability due to the absence of an online storefront. Without branding guidelines, a defined audience strategy, or a digital platform, there was no way for potential customers outside the immediate network to discover or purchase from the brand.
The challenge was to build an identity system and website that felt organic yet refined, and could seamlessly translate the warmth of handmade jewellery into a digital experience.
my role
As the UI/UX designer for this project, I led the website design and rebranding efforts. My work involved:
Auditing the brand’s visual tone
Researching target audiences and competitors
Defining a color and typography system that complements the terracotta aesthetic
Selecting a Framer-compatible e-commerce structure (using Frameship)
Designing a Shopify-integrated storefront with intuitive navigation, elegant visuals, and storytelling blocks
research
To lay the groundwork, I focused on understanding both the product and the people it resonates with.
User Personas
Through informal interviews and behavior mapping, we identified two key user groups:
Aesthetic-first users — millennials looking for sustainable, unique accessories
Value-first users — older women seeking handcrafted, locally-sourced jewellery for gifting or occasional use
Competitor Analysis
Studied other handmade jewellery and craft brands (both local and niche international) to understand:
What elevates perceived value
Which UI patterns ease shopping experience
How storytelling improves trust in artisanal products
Platform Evaluation
Framer was chosen for its visual-first interface and smooth handoff with Shopify using the Frameship plugin — allowing us to balance creativity and commerce.
visual language
The design direction reflects the grounded yet graceful essence of terracotta.
Color Palette: Warm rusts, sandy neutrals, and muted greens, inspired by natural clay and organic textiles
Typography: A mix of serif fonts for elegance and modern sans-serifs for clean hierarchy
Imagery: Focus on texture — matte finishes, grainy surfaces, real model photography
Layout: Spacious compositions with emphasis on product storytelling and craftsmanship process
Animations: Subtle hover states and microinteractions to mimic the tactile feel of jewellery
work in progress
Currently:
Finalizing page-level flows for product discovery and checkout
Designing “The Story of Terrabarn” — a section to visually narrate the making process
Building a modular component system that can scale with new collections or future category expansion
Testing for accessibility, mobile responsiveness, and frictionless cart experiences
summary
TerraBarn’s digital transformation is a step toward expanding its reach without losing its soul. Through intentional design, research-backed direction, and thoughtful e-commerce integration, the brand is evolving from a local favorite to a modern heritage label — all while staying true to its roots.
More Projects
Web Design
Terrabarn
TerraBarn is a handmade terracotta jewellery brand that offers sustainable, artisanal pieces rooted in earthy aesthetics and cultural craftsmanship. Despite having a loyal customer base, the brand lacked an online presence — operating solely via word-of-mouth and local sales. The project aimed to reposition TerraBarn as an elegant, accessible, and contemporary brand through a reimagined identity and the launch of its first e-commerce website.
Year :
2025
Industry :
E-commerce
Client :
Terrabarn
Problem
While TerraBarn had a strong product and meaningful story, it struggled with visibility and scalability due to the absence of an online storefront. Without branding guidelines, a defined audience strategy, or a digital platform, there was no way for potential customers outside the immediate network to discover or purchase from the brand.
The challenge was to build an identity system and website that felt organic yet refined, and could seamlessly translate the warmth of handmade jewellery into a digital experience.
my role
As the UI/UX designer for this project, I led the website design and rebranding efforts. My work involved:
Auditing the brand’s visual tone
Researching target audiences and competitors
Defining a color and typography system that complements the terracotta aesthetic
Selecting a Framer-compatible e-commerce structure (using Frameship)
Designing a Shopify-integrated storefront with intuitive navigation, elegant visuals, and storytelling blocks
research
To lay the groundwork, I focused on understanding both the product and the people it resonates with.
User Personas
Through informal interviews and behavior mapping, we identified two key user groups:
Aesthetic-first users — millennials looking for sustainable, unique accessories
Value-first users — older women seeking handcrafted, locally-sourced jewellery for gifting or occasional use
Competitor Analysis
Studied other handmade jewellery and craft brands (both local and niche international) to understand:
What elevates perceived value
Which UI patterns ease shopping experience
How storytelling improves trust in artisanal products
Platform Evaluation
Framer was chosen for its visual-first interface and smooth handoff with Shopify using the Frameship plugin — allowing us to balance creativity and commerce.
visual language
The design direction reflects the grounded yet graceful essence of terracotta.
Color Palette: Warm rusts, sandy neutrals, and muted greens, inspired by natural clay and organic textiles
Typography: A mix of serif fonts for elegance and modern sans-serifs for clean hierarchy
Imagery: Focus on texture — matte finishes, grainy surfaces, real model photography
Layout: Spacious compositions with emphasis on product storytelling and craftsmanship process
Animations: Subtle hover states and microinteractions to mimic the tactile feel of jewellery
work in progress
Currently:
Finalizing page-level flows for product discovery and checkout
Designing “The Story of Terrabarn” — a section to visually narrate the making process
Building a modular component system that can scale with new collections or future category expansion
Testing for accessibility, mobile responsiveness, and frictionless cart experiences
summary
TerraBarn’s digital transformation is a step toward expanding its reach without losing its soul. Through intentional design, research-backed direction, and thoughtful e-commerce integration, the brand is evolving from a local favorite to a modern heritage label — all while staying true to its roots.
More Projects
Web Design
Terrabarn
TerraBarn is a handmade terracotta jewellery brand that offers sustainable, artisanal pieces rooted in earthy aesthetics and cultural craftsmanship. Despite having a loyal customer base, the brand lacked an online presence — operating solely via word-of-mouth and local sales. The project aimed to reposition TerraBarn as an elegant, accessible, and contemporary brand through a reimagined identity and the launch of its first e-commerce website.
Year :
2025
Industry :
E-commerce
Client :
Terrabarn
Problem
While TerraBarn had a strong product and meaningful story, it struggled with visibility and scalability due to the absence of an online storefront. Without branding guidelines, a defined audience strategy, or a digital platform, there was no way for potential customers outside the immediate network to discover or purchase from the brand.
The challenge was to build an identity system and website that felt organic yet refined, and could seamlessly translate the warmth of handmade jewellery into a digital experience.
my role
As the UI/UX designer for this project, I led the website design and rebranding efforts. My work involved:
Auditing the brand’s visual tone
Researching target audiences and competitors
Defining a color and typography system that complements the terracotta aesthetic
Selecting a Framer-compatible e-commerce structure (using Frameship)
Designing a Shopify-integrated storefront with intuitive navigation, elegant visuals, and storytelling blocks
research
To lay the groundwork, I focused on understanding both the product and the people it resonates with.
User Personas
Through informal interviews and behavior mapping, we identified two key user groups:
Aesthetic-first users — millennials looking for sustainable, unique accessories
Value-first users — older women seeking handcrafted, locally-sourced jewellery for gifting or occasional use
Competitor Analysis
Studied other handmade jewellery and craft brands (both local and niche international) to understand:
What elevates perceived value
Which UI patterns ease shopping experience
How storytelling improves trust in artisanal products
Platform Evaluation
Framer was chosen for its visual-first interface and smooth handoff with Shopify using the Frameship plugin — allowing us to balance creativity and commerce.
visual language
The design direction reflects the grounded yet graceful essence of terracotta.
Color Palette: Warm rusts, sandy neutrals, and muted greens, inspired by natural clay and organic textiles
Typography: A mix of serif fonts for elegance and modern sans-serifs for clean hierarchy
Imagery: Focus on texture — matte finishes, grainy surfaces, real model photography
Layout: Spacious compositions with emphasis on product storytelling and craftsmanship process
Animations: Subtle hover states and microinteractions to mimic the tactile feel of jewellery
work in progress
Currently:
Finalizing page-level flows for product discovery and checkout
Designing “The Story of Terrabarn” — a section to visually narrate the making process
Building a modular component system that can scale with new collections or future category expansion
Testing for accessibility, mobile responsiveness, and frictionless cart experiences
summary
TerraBarn’s digital transformation is a step toward expanding its reach without losing its soul. Through intentional design, research-backed direction, and thoughtful e-commerce integration, the brand is evolving from a local favorite to a modern heritage label — all while staying true to its roots.