Technical task for creating an online store for sunglasses and accessories
Platform: Horoshop
Design reference:
https://horoshop.ua/ru/design/336/#desktop
The main idea is a modern, light, premium design with a strong emphasis on product photos and mobile usability.
1. Product card
The product card is one of the most important elements of the site.
For each model of sunglasses, it is desirable to use:
main photo on the model;
macro photo of the frame;
4–5 photos from different angles;
photo on a person to understand fit and scale.
For sunglasses, the visual presentation has the greatest impact on the purchase decision.
2. Product variations
Implement a color switch directly in the product card (similar to https://www.flipbox.org.ua/product/zhinochi-sontsezakhysni-okuliary-lea-zolota-oprava-chorni-uv400-art-00147/).
It is important that:
all colors of one model are available in one card;
switching occurs without going to another page;
photos and product stock change.
3. Catalog and filters
Filters should be clearly visible.
Main filters:
frame shape;
frame color;
lens color;
gender;
UV protection;
price;
availability.
If possible, use icons for frame shapes.
4. Trust blocks
Place icons under the product price:
For sunglasses, trust in quality directly affects conversion.
5. Cross-selling
In the product card, implement a block “Frequently bought together”.
Recommend:
cases;
cleaning cloths;
hats;
bags;
fanny packs;
scarves.
This will help increase the average check.
6. Mobile version
The mobile version is a priority.
It is necessary to optimize:
product card;
color switch;
catalog;
filters;
order processing.
Most buyers will come from Instagram, Facebook, and TikTok.
7. Integrations
It is necessary to set up:
8. Inventory management
Use the standard functionality of Horoshop:
stock;
auto-deduction;
product variations;
accounting by colors.
9. Product import
Perform parsing of the old site and import products: https://www.flipbox.org.ua/product-category/okuliary/
photos;
names;
characteristics;
descriptions;
prices.
If possible, combine different colors into one product card.
10. Feeds
Set up product feeds for:
Google Merchant Center;
Meta Catalog;
Rozetka;
Kasta;
Epicenter.
11. SEO
Perform basic SEO settings:
domain connection;
SSL;
SEO-friendly URLs;
sitemap;
robots.txt;
Title and Description;
favicon.
12. Service pages
Create pages:
Delivery and payment;
Exchange and returns;
Contacts;
Public offer;
Privacy policy.
13. Analytics
Install and check:
Expected result
To obtain a modern, fast, and adaptive online store that will be maximally convenient for purchasing sunglasses and accessories, ready for launching advertising on Meta and Google and further scaling.