herbariasoap.com
Herbaria
Natural cosmetics online store · USA
13 desktop screens · 7 mobile · 2024
Online store page design · 2024–2026
Klumba
A flower and houseplant store in Yekaterinburg running on CS-Cart 4.17. Since 2024 we have designed its pages one by one: the product page and cart, About and Contacts, the 404 page, Payment and delivery, FAQ and a pickup landing page.
- Client
- Klumba, flowers and houseplants
- Task
- New pages for a live store
- Platform
- CS-Cart 4.17
- Pages
- Product page, cart and 6 service pages
- Years
- 2024–2026
Task
The store has been open since 2013 and runs on CS-Cart 4.17. There was no full redesign: we changed pages one at a time as the client needed them, keeping the site’s black and white style.
First came the product page and cart: the mockup file has four rounds of the product page, followed by front-end work and release to the live site. After that we did About and Contacts, the 404 page, Payment and delivery, FAQ and a landing page for 24/7 pickup.
Before and after
Payment and delivery: the page in the Wayback Machine in September 2022 and the new mockup, both 1280 pixels wide. Drag the divider.
Before · 2022
Mockup · 2026
Product page
- Next to the photo: stem height, wrapping color and add-ons such as ribbon, kraft paper, film, greenery, a card and an aqua box.
- Each add-on has its own price and quantity counter.
- Under the photo, four benefits: 24/7 delivery and pickup, a photo before delivery, any payment method, wholesale prices.
- Below, answers to common questions with 3D illustrations of small flower stalls.
- At the end, soft toys to go with the bouquet and a footer with a dark floral pattern.
Cart and store pages
Hover over a screen to scroll through it, or open it full size.
Cart
Bouquet options as toggles: greenery, aqua box, a card and free plant food.
24/7 pickup
A landing page built from a brief: four steps to the bouquet, benefits, bouquets ready for pickup and FAQ.
About
Store facts as tiles with flowers and the company story next to the logo.
Contacts
Entrance photo, map, address and phone numbers, then how to get there by bus, metro, trolleybus or minibus.
Mobile version
We designed the product page, cart and pickup landing page separately for phones. Add-ons in the cart get their own block under the bouquet.
FAQ and 404
We designed the FAQ page in the site’s style with the existing answers. For the 404 page we made two versions with a floral background, and the client picked the gold numbers.
Banners
We regularly design banners for flower seasons, holidays and promotions, in desktop and mobile versions.
Mockup colors
- #141414Menu and buttons
- #FF4064Pickup buttons and counters
- #4FB052Callback button
- #D3E2F1Payment and delivery cards
- #202325Footer with pattern
More
More projects
All design projects
Previous
Next
We will find solutions for everyone!
Share your idea and we’ll offer an optimal solution
