Современный и удобный сайт для сети лабораторий медицинских анализов.
<aside>
<img src="/icons/arrow-right_gray.svg" alt="/icons/arrow-right_gray.svg" width="40px" /> Посмотрите на макеты в Figma
</aside>
Задачи и цели
- Приведение сайта в более конкурентноспособный вид (на момент редизайна сайтом было пользоваться и не понятно, и нериятно: очень сильно хромал ux и ui, совсем ничего хорошего в сайте не было). Зачем клиенту пытаться разобраться в этом сайте, если есть конкуренты с удобными и красивыми сайтами?
- Переделать листинг анализов и внутренние страницы анализов и комплексов, добавить функционал для кросс-продаж
- Следовать при разработке макетов брендбуку компании
- Так как сайт медицинского характера, необходимо выполнить все требования к таким сайтам по законодательству РФ
Что было сделано
- В ходе UX-тестирования юзабилити сайта были выявлены самые слабые места: неудобное использование поиска по анализам, в том числе и сам листинг; не было отображено количество анализов в корзине; миниатюры карточек анализов выглядели плохо, с них нельзя было перейти на детальную страница анализа.
- Проведен бенчмаркинг крупных конкурентов с целью выявления пользовательских паттернов и удобства функционала. Были изучены такие сайты как Invitro, KDL и CityLab
- Составлена новая структура сайта.
- На основе проведенных исследований собраны прототипы страниц.
- Собраны референсы для визуала, составлен Style Kit, подобрана цветовая гамма будущего сайта. Так же цвета и система отступов собраны в библиотеки переменных.
- Дизайн применен на главной странице, после согласования заказчиком в такой же вид приведены все остальные макеты для десктопа. Каждый блок и страница собраны с применением auto layout и компонентов, где стили, цвета и отступы внутри заданы с помощью библиотек переменных и стилей.
- Составлен UI kit, прописаны комментарии для программиста (прописаны как элементы внутри фигмы, а не с помощью инструмента, чтобы они не потерялись при копировании).