Atmospheric Hero
The dark botanical background and “Breathe Natural” display headlines establish a premium, natural brand identity immediately.
Web Design / Ecommerce Landing Page
Planto Case Study
A premium plant shopping experience that uses a dark botanical atmosphere, glass product panels, and customer-focused layouts to make indoor gardening feel aspirational.
Role
Landing Page UI, Visual Identity
Tools Used
Figma, Miro, ProtoPie, Maze
Format
Desktop Web Layout
Design Context
Planto is a premium plant e-commerce landing page crafted as a rich, long-form journey for contemporary plant lovers. Below is a breakdown of the core user experience challenges and how the design system addresses them.
Problem & Solution
Problem
Solution
Online plant shopping often feels flat and uninspiring. Standard e-commerce grids fail to convey the organic beauty, care requirements, and environmental benefits of indoor plants, leading to low engagement and customer hesitation.
Problem
Solution
1
2
Design a premium landing page with a deep botanical dark theme, parallax greenery panels, and glassmorphic tiles that present plants as high-end living decor.
Problem
Solution
1
2
Integrate educational features, user-generated reviews, and interactive care instructions directly into the product flow to establish trust and simplify checkout.
Design Approach
Turn a product listing into a calm shopping story.
Glass Product Cards
Semi-transparent cards keep the viewport layered and premium while maintaining clarity in product names and pricing.
Trust Sections
Strategic placements of reviews, benefits, and plant descriptions build customer trust before reaching checkout.
Typography & Color
Light
Regular
Medium
SemiBold
Bold
AaBbCc
Satoshi
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890/@#$%&*( )
#10B981
Primary Green
#0F291E
Deep Forest
#000000
Pitch Black
#D1FAE5
Sage Green
#94A3B8
Cool Slate
#FFFFFF
Pure White
#000000
Background
01
Hero & Showcase
Large-scale leafy photography anchors the first viewport, framed by clean navigation, icons, and featured tags.
02
Trendy Glass Cards
Product tiles employ consistent grids, rounded frosted glass layers, visible price points, and mini cart triggers.
03
Review & Collection
Lower sections integrate user proof, botanical benefits, and newsletter triggers for an editorial shopping journey.
Design Gallery
The Complete Planto Interface Ecosystem
Outcome
A web system that balances atmosphere with ecommerce paths.
Planto showcases the designer's ability to develop a full web layout system: merging brand story, botanical artwork, glassmorphism UI elements, product cards, and responsive bento grids into a high-fidelity landing page.
Back to Projects