herbariasoap.com
Herbaria
Natural cosmetics online store · USA
13 desktop screens · 7 mobile · 2024
Redesign concept · 2024
NEAFP
A store selling socks and yarn made from the wool of alpacas raised in the US. While we prepared the CS-Cart upgrade to 4.18.1 and the move to the UniTheme2 theme, we proposed a visual concept: the home page, the catalog menu, first screen variants and a logo.
- Client
- NEAFP, alpaca wool products
- Task
- Visual concept for the CS-Cart upgrade
- Platform
- CS-Cart 4.18.1, UniTheme2 theme
- Mockups
- Home page, menu, 2 first screen variants, logo
- Year
- 2024
Task
On the store’s site, catalog sections sit in a column on the left, the main menu holds information pages, and a blog feed runs down the right side.
In 2024 we were upgrading the store to CS-Cart 4.18.1 and moving it to the UniTheme2 theme. For this we proposed a visual concept based on the theme: the home page, the open menu and first screen variants.
The site and the concept
The first screen on a 1280-pixel display: neafp.com today, still in the old design, and the home page concept. Drag the divider.
Today · neafp.com
Concept
Home page
- The first screen: an alpaca close-up, a headline and a collection button. Below it, four tier cards: Platinum, Gold, Silver, Bronze.
- The header has search, a phone number and a support email, with the catalog section menu below.
- Three product strips of six cards each: stock status, price with the old price, and a cart button.
- Seasonal offers: a product slider in the center, with discounted products and banners on the sides.
- Between the strips, four vertical banners with the alpaca from the logo.
Catalog menu
The catalog sections, which sit in a left column on the current site, open as a list from the main menu.
First screen variants
Two more backgrounds for the first screen: a close-up of wool and a knitted fabric of colored yarn.
Logo
Along with the mockup we proposed a logo: an alpaca against mountains, a ribbon with the name and the line New England Alpaca Fiber Pool Inc. We showed it on light and dark backgrounds.
Mockup colors
- #34495EMenu and buttons
- #BACBC8Active item
- #004358Strip headings
- #CCB886Gold card
- #524743Bronze card
More projects
All design projects
Previous
Next
We will find solutions for everyone!
Share your idea and we’ll offer an optimal solution
