Specifications for the designer of Orehova molds website
1. Task
It is necessary to develop the design of three key pages of the website mold.com.ua:
- Homepage
- Product card
- Cart / order checkout
Mockups are needed in two versions:
- desktop — 1440 px;
- mobile — 375/390 px.
The design should be modern, user-friendly, aesthetic, and sales-oriented.
2. About the brand
Orehova molds is a Ukrainian brand that manufactures and sells silicone molds for pastry chefs, chocolatiers, mousse desserts, marshmallow floristry, and home bakers.
The main focus of the brand is not just the mold, but the beautiful result that the client achieves with its help. The design should emphasize the aesthetics of desserts, premium quality, trust in the manufacturer, and ease of purchase.
3. Design goal
It is necessary to improve the customer journey:
advertising / Instagram / Google → product → trust → cart → order checkout.
The design should help:
- increase website conversion;
- simplify mobile purchases;
- better showcase product advantages;
- increase average order value through complementary products;
- reduce the number of questions to managers.
4. Homepage
The following blocks should be included:
- First screen
- logo;
- clear headline;
- short explanation of what we sell;
- high-quality visuals of products or finished desserts;
- button "Go to catalog".
- Product categories
- silicone molds;
- chocolate molds;
- marshmallow molds;
- colorants;
- chocolate;
- decor / packaging.
- Popular products and new arrivals
- photo;
- price;
- short advantage;
- purchase button.
- Trust block
- own production;
- food-grade silicone;
- fast shipping;
- international delivery;
- brand experience.
- Results with our molds
- photos of finished desserts;
- examples of client work;
- emphasis on the "wow effect".
- FAQ
- delivery;
- payment;
- using molds;
- international orders.
5. Product card
The product card should be as convenient and sales-oriented as possible.
Mandatory elements:
- large product photo;
- photo gallery;
- product name;
- price;
- availability;
- "Add to cart" button;
- short advantages next to the button;
- specifications;
- product description;
- block "What it is suitable for";
- recommended products;
- reviews;
- product FAQ.
In the mobile version, it is desirable to include a sticky block with the price and purchase button.
It is important to show not only the mold itself but also the finished dessert that can be made with it.
6. Cart / order checkout
The cart should be simple and clear.
It should include:
- list of products;
- product photo;
- name;
- price;
- quantity;
- option to remove the product;
- order summary;
- promo code;
- delivery;
- total amount;
- block of complementary products;
- order form.
In the order form:
- name;
- phone;
- email;
- city;
- delivery method;
- payment method;
- comment.
On mobile, the checkout button should be clearly visible.
7. Design style
The design should be:
- premium;
- clean;
- modern;
- feminine, but not childish;
- convenient;
- with large quality photos;
- without overload;
- focusing on the product and the finished result.
Reference: modern e-commerce, logic of Etsy/Amazon, but in the style of the Orehova brand.
8. UX requirements
The designer should consider:
- how to quickly find the needed category;
- how the customer understands the advantages of the product;
- how to quickly add a product to the cart;
- how to increase the average order value;
- how to reduce doubts before purchase;
- how to make mobile purchases simple.
9. What should be the result
The designer should deliver:
- Figma file.
- Homepage — desktop and mobile.
- Product card — desktop and mobile.
- Cart — desktop and mobile.
- Basic UI kit:
- buttons;
- fields;
- colors;
- fonts;
- product cards.
- Comments for the developer.
10. Acceptance criteria
The work is considered completed if:
- the design corresponds to the Orehova brand;
- the website looks modern;
- the mobile version is convenient;
- it is clear how to buy the product;
- the product card sells the result;
- the cart is not overloaded;
- there is a logic for upselling;
- the Figma file is neatly prepared for the developer.
11. Deadline
Estimated deadline: 7–14 working days.
Stages:
- Analysis of the current website.
- Prototype.
- Approval of the structure.
- UI design.
- Mobile versions.
- Corrections.
- Delivery of the Figma file.