![](https://cdn.prod.website-files.com/6597b2c82a3c9d887f558215/660be22a00e770a6a13d14bc_hero-img-Robinzon.webp)
Про проєкт
Robinzon — мультикатегорійний сайт продажу товарів для усіх видів туризму, відпочинку та подорожей. Офіційний дистриб'ютор компанії Samsonite в Україні.
Задача:
Створити дизайн сайту, який стане інструментом подальшого розвитку і масштабування бізнесу.
Mobile-first
Mobile-first підхід ліг і в основу сайту Robinzon. Він передбачає проєктування інтерфейсу з першочерговою орієнтацією на мобільні пристрої.
![](https://cdn.prod.website-files.com/6597b2c82a3c9d887f558215/660be22ad246ca6431ab91db_mobile-first-img-Robinzon.webp)
Стилістика
Для більшої залученості користувачів ми створили особливий простір, який передає атмосферу подорожей, пригод та відпочинку на природі.
Усі елементи інтерфейсу, включаючи шрифт, – невипадкові й відповідають особливостям ніші та тематиці бізнесу.
Усі елементи інтерфейсу, включаючи шрифт, – невипадкові й відповідають особливостям ніші та тематиці бізнесу.
![](https://cdn.prod.website-files.com/6597b2c82a3c9d887f558215/660be22a1b0ffa475a024469_stylistics-img-Robinzon.webp)
На білий фон ми додали ненав’язливі вкраплення, які нагадують плями від бруду, характерні для активного відпочинку на природі. Таке рішення допомагає бути на одній хвилі з клієнтами та створює відчуття приналежності до однієї спільноти.
![](https://cdn.prod.website-files.com/6597b2c82a3c9d887f558215/661690c97c382fe451edee7a_img-%D1%80%D0%BE%D0%B1%D0%B8%D0%BD%D0%B7%D0%BE%D0%BD.webp)
Розставили правильні візуальні акценти. Блоки головної сторінки сайту виокремлені нестандартним візуальним акцентом.
Створили мінімалістичний дизайн сайту з додаванням цікавих тематичних кастомних елементів.
Створили мінімалістичний дизайн сайту з додаванням цікавих тематичних кастомних елементів.
![](https://cdn.prod.website-files.com/6597b2c82a3c9d887f558215/660be22abe9e034f83f425d5_stylistics-2-img-Robinzon.webp)
Головна сторінка
Тематичні банери з новинами та акціями, перевагами бренду, яскраві ілюстрації.
![](https://cdn.prod.website-files.com/6597b2c82a3c9d887f558215/660be22c492bd4236637efcb_main-page-img-Robinzon.webp)
![](https://cdn.prod.website-files.com/6597b2c82a3c9d887f558215/661fb7fb09e2ee93e8827884_1.png)
![](https://cdn.prod.website-files.com/6597b2c82a3c9d887f558215/661fb7fb3977522a035a8cfa_2.png)
![](https://cdn.prod.website-files.com/6597b2c82a3c9d887f558215/661fb7fb08253ebb1004e1cf_3.png)
Каталог
Використали тунельний принцип (один екран — одна дія), що відповідає мобільним патернам.
![](https://cdn.prod.website-files.com/6597b2c82a3c9d887f558215/662223a4e1181ac24b08ff59_catalog-img-Robinzon(2).webp)
![](https://cdn.prod.website-files.com/6597b2c82a3c9d887f558215/660be22900e770a6a13d13ee_catalog-mobile2-img-Robinzon.webp)
![](https://cdn.prod.website-files.com/6597b2c82a3c9d887f558215/662223eb4f367ca5689f5157_catalog-mobile1-img-Robinzon(2).webp)
Сторінка товару
![](https://cdn.prod.website-files.com/6597b2c82a3c9d887f558215/660be22aca0456a217834192_product-page-robinzon.webp)
![](https://cdn.prod.website-files.com/6597b2c82a3c9d887f558215/660be22a075e4b042f8cf62f_product-page-mobile-img-Robinzon.webp)
![](https://cdn.prod.website-files.com/6597b2c82a3c9d887f558215/660be22a006e1620dc2f6fb3_product2-page-robinzon.webp)
Блог
Використали яскравий фон із великими зображеннями, які підтримують загальну стилістику та мету сайту.
![](https://cdn.prod.website-files.com/6597b2c82a3c9d887f558215/660be22b8b6d27ba1910a933_blog-img-Robinzon.webp)
![](https://cdn.prod.website-files.com/6597b2c82a3c9d887f558215/660be232a3f3cfce46d22259_result-img-Robinzon.webp)
Результат:
Створили клієнтоорієнтований та гнучкий вебпродукт, який враховує потреби як бізнесу, так і користувачів, забезпечивши:
- Легку та інтуїтивну навігацію;
- Відчуття приналежності до окремої спільноти;
- Вигідну презентацію товарів компанії;
- Можливість для майбутнього масштабування без значних часових і фінансових інвестицій.