икра.рф
Ikra.rf
Marketplace for red caviar from producers · Russia
Desktop, mobile version, emails · 2024–2025
Online store design · 2024
Herbaria
A handmade soap and natural cosmetics store from St. Louis. We designed the whole customer journey, from the home page to checkout, and built it into the UniTheme2 theme along with the upgrade to CS-Cart 4.18.
- Client
- Herbaria, natural cosmetics
- Task
- New design during the CS-Cart upgrade
- Platform
- CS-Cart 4.18, UniTheme2 theme
- Mockups
- 13 desktop screens, 7 mobile
- Year
- 2024
Task
The store ran on outdated templates. Keeping the old look alive was expensive, and next to competitors it looked dated.
The client asked us to keep the brand colors, use wide photos on the home page and avoid pop-ups. We built the design on UniTheme2: its ready-made features covered part of the brief, so less custom work was needed.
Before and after
The first screen on a 1280-pixel display: the site before the redesign (Wayback Machine snapshot) and the new home page mockup. Drag the divider.
Before · June 2024
Mockup
Home page
- The first screen is a wide product photo in a natural setting with search, and no pop-ups.
- The summer sale strip scrolls sideways, and products go to the cart straight from the strip.
- The “Buy 6, get the 7th free” offer is built into the home page and the product page.
- Shipping terms by state sit next to the free shipping offer for orders over $55.
Customer journey
Hover over a screen to scroll through it, or open it full size.
Catalog
Subcategory tiles above the list, a category tree on the left, “Show more” together with pagination.
Product page
The offer next to the buy button, ingredients as a list, scents with colour swatches, reviews at the bottom.
Checkout
One page: order items, UPS, FedEx, USPS or store pickup, payment by card or by phone.
Mobile version
We designed the mobile version separately for a 393-pixel width: home, catalog, product, cart, checkout, sign-in and registration.
First screen variant
The same screen with the client’s own photos: handmade packaging up front and categories shown with real products.
Finding the style
Before the final version we showed the client several home page concepts. The olive and cream palette and product shots in natural settings made it into the mockup.
Mockup colors
- #323C36Header and footer
- #283802Promo strips
- #3D991EPrices and shipping
- #FCF4E8Page background
- #FFFFFFCards
More
More projects
All design projects
Previous
Next
We will find solutions for everyone!
Share your idea and we’ll offer an optimal solution
