Ecommerce
Wineland is a modern wine marketplace dedicated to bringing the finest selection of Georgian wines to both local and international audiences.
Dedicated agile team
14 months
3 people
Design tool
Design tool
Accessibility tool
Research tool
React components
Project management
Team communication
The client envisioned a dynamic e-commerce platform designed for a multi-vendor marketplace. Their key objectives were to simplify the shopping experience across diverse product categories, empower vendors to independently manage products, orders, and inventories, and optimize the checkout flow to minimize cart abandonment. Scalability and high performance during peak traffic were also critical requirements. One of the biggest challenges lay in creating a unique checkout system capable of handling complex multi-vendor orders while remaining fast, intuitive, and seamless for customers.
For Customers/Shoppers
Designed a responsive shop with a one-page checkout, fast navigation, and mobile optimization. Result: smoother user flow and higher conversions.
Website: Open link
For Vendors/Sellers
Built a vendor dashboard for easy product, order, and inventory management. Result: faster vendor operations and fewer support issues.
Portal: Open link
Wineland has color system into two parts: Ecommerce website design system and Vendor portal design system.
E-commerce website design system has its unique style created from scratch.
Vendor portal has Tailwind color system into two levels: a Tailwind base colours that are afterwards defined into shadcn/ui colors.
Tailwind color system mainly defines the basic color palette, neutral color palette and data visualization color palette. The shadcn/ui color system is in the specific design process, based on the color of the system to further define the tone of the product in accordance with the requirements and function of the color.
Tailwind includes an expertly-crafted colour palette out-of-the-box that is a great starting point if you don’t have your own specific branding in mind.
Slate
Gray
Zinc
Neutral
Stone
accent
accent-foreground
background
border
destructive
destructive-foreground
foreground
primary
primary-foreground
secondary
secondary-foreground
accent - Orange
accent - Blue
accent - Red
accent - Green
Basic text writing, including headings, body text, lists, and more.
h1
Taxing Laughter: The Joke Tax
Chronicles
h2
The People of the Kingdom
h3
The Joke Tax
h4
People stopped telling jokes
p
The king, seeing how much happier his subjects were, realized the error of his ways and repealed the joke tax.
blockquote
"After all," he said, "everyone enjoys a good joke, so it's only fair that they should pay for the privilege."
table
| King’s Treasury | People’s happiness |
|---|---|
| Empty | Overflowing |
| Modest | Satisfied |
| Empty | Overflowing |
list
inline code
@radix-ui/react-alert-dialog
lead
A modal dialog that interrupts the user with important content and expects a response.
large
Are you sure absolutely sure?
small
Email address
muted
Enter your email address.
