About the project
VARUS is a national chain of supermarkets represented on the food retail market of Ukraine by the Omega company. The VARUS network operates in several formats: classic supermarkets, To Go stores and the VARUS.UA conscious shopping service. Founded in 2003, the company is currently among the top 10 retailers in Ukraine in terms of turnover.
Task: Complete redesign of the website to strengthen its online presence in the market.
![](https://cdn.prod.website-files.com/6497ff3f317dff414b12bb61/6511119bbdc044295dbcc6b7_img-1-hero.webp)
Work stages
1
UX Audit: Setting goals and developing effective UI&UX strategy
![](https://cdn.prod.website-files.com/6497ff3f317dff414b12bb61/6511119c8d8f2eacbd56f087_step1.webp)
2
Prototyping, CJM, and structure generation
![](https://cdn.prod.website-files.com/6497ff3f317dff414b12bb61/6511119d7de1ae087407fb03_step2.webp)
3
Adaptive design of the VARUS website
![](https://cdn.prod.website-files.com/6497ff3f317dff414b12bb61/6511119c33a997b6eb797ee5_step3.webp)
Homepage
1
Bright banners with the current promotions and offers on the first screen
2
Blocks with the most profitable offers as additional entry points
3
Competitive advantages of the company
![](https://cdn.prod.website-files.com/6497ff3f317dff414b12bb61/651111a1a90c2006d894bba4_main%20page.webp)
Product page
Large photos to whet the appetite
![](https://cdn.prod.website-files.com/6497ff3f317dff414b12bb61/6537e454d5c838583722ae78_33.webp)
Comprehensive product characteristics and ingredients
![](https://cdn.prod.website-files.com/6497ff3f317dff414b12bb61/6537e4540d6f42a25bec3a45_2.webp)
Сross-sale and upsell blocks
![](https://cdn.prod.website-files.com/6497ff3f317dff414b12bb61/6537e454d5c838583722ae78_33.webp)
Quick access to the catalog from the bottom navigation bar in the mobile version
![](https://cdn.prod.website-files.com/6497ff3f317dff414b12bb61/6542082cf6480d2cb5671d2d_varus.png)
VARUS loyalty program
Well-structured, comprehensive information backed by custom visuals for easy reading
![](https://cdn.prod.website-files.com/6497ff3f317dff414b12bb61/6511119d90b712e01071918b_bonus%20mob.webp)
VARUS Cafe
Filters to speed up the search by specific parameters;
Product previews by the main categories;
Additional information about VARUS Cafe
![](https://cdn.prod.website-files.com/6497ff3f317dff414b12bb61/6541f98c71a49d2e9d9a53a0_1.png)
![](https://cdn.prod.website-files.com/6497ff3f317dff414b12bb61/6541f98c71a49d2e9d9a534b_2.png)
![](https://cdn.prod.website-files.com/6497ff3f317dff414b12bb61/6541f98673c0d5355487f177_3.png)
Checkout
Well-structured, comprehensive information backed by custom visuals for easy reading
1
Adding an item to the cart
![](https://cdn.prod.website-files.com/6497ff3f317dff414b12bb61/6537e7dc1ca7efc2e60f1c4c_1%D1%8C%D1%89%D0%B8.webp)
2
Adding some personal info
![](https://cdn.prod.website-files.com/6497ff3f317dff414b12bb61/6537e7dcdd0581d681c0b80c_2mob.webp)
3
Confirmation of private data and order verification
![](https://cdn.prod.website-files.com/6497ff3f317dff414b12bb61/6537e7dccd2bba1546a3d599_3mob.webp)
4
The order was successful
![](https://cdn.prod.website-files.com/6497ff3f317dff414b12bb61/6537e7dce4fdfc2061b6003e_4mob.webp)