Mental Dental — Дизайн и разработка магазина

1 мая, 2021

Клиент

www.mental-dental.com

Mental Dental — один из крупнейших стоматологических дилеров в США, с полным спектром услуг, обеспечивающий более чем 12 000 стоматологических клиник всем необходимым, от зубных щеток до специализированного оборудования.

Mental Dental  Image 1

ОТПРАВНАЯ ТОЧКА

Мы разработали сайт с опорой на ранее созданый нами логотип и фирменный стиль бренда. Вы можете прочитать об этом здесь.

Mental Dental  Image 1

Цель

Спроектировать и разработать коммерческий сайт, который позволил бы выйти на онлайн рынок и увеличить количество клиентов. И чтобы добиться этой цели, сайт и сам бренд должны выйти за рамки скучных, однотипных сайтов со стоматологическими принадлежностями.

Прогресс

Фаза 1. Исследование и создание прототипа веб-сайта электронной коммерции.
Мы начали с исследования сайтов, продающих стоматологические принадлежности, чтобы изучить их преимущества и недостатки. Большинство из них, похоже, имеют каталог из 25-35 категорий, что не особенно удобно для пользователя. Мы решили сократить его до 7 (хотя позже мы расширили его до 11), чтобы сделать каталог логичным и соответствующим современным практикам юзабилити. Затем мы доработали карту сайта и навигацию в соответствии с отзывами клиентов.

Mental Dental  Image 1

Этап 2. Проектирование.
Во-первых, мы создали каркасы главных страниц в соответствии с картой сайта и навигацией, определенными ранее, и работали с клиентом, чтобы убедиться, что это имеет смысл и с их точки зрения. Когда каркасы были утверждены, мы разработали домашнюю страницу, страницу категории, страницу продукта и другие ключевые страницы.

Mental Dental  Image 1 Mental Dental  Image 1

Этап 3. Разработка интерфейса и темы.
Чтобы начать разработку интерфейса, мы подготовили адаптивные макеты для нескольких страниц и сделали макеты для мобильных устройств и планшетов. Затем мы завершили кроссбраузерное и кроссплатформенное тестирование, чтобы убедиться, что веб-сайт будет отлично смотреться в разных браузерах и устройствах.

Когда макеты были утверждены, мы установили и настроили Систему электронной коммерции Magento 2 на сервере клиента. Затем мы применили правильную структуру категорий и добавили несколько образцов продуктов, чтобы проверить, как наша работа отражается на реальном веб-сайте.

Фаза 4. Функциональное развитие.
Одной из самых важных функций магазина электронной коммерции является поиск среди тысяч товаров. Чем быстрее будет поиск и релевантнее результаты, тем больше преданных и лояльных клиентов вы, скорее всего, получите. Чтобы расширить возможности поиска, мы настроили плагин Sphinx Search Ultimate, которого в нашем случае было более чем достаточно.

Mental Dental  Image 1

Мы также добавили блок «Лучшие продавцы» на главную страницу, так что есть большая вероятность, что люди гораздо быстрее примут решение о покупке этих товаров или заинтересуются другими похожими товарами.

Поскольку стоматологи чаще всего заказывают одни и те же товары, мы решили добавить функцию “Повторить заказ”. Один клик — это все, что нужно пользователю, чтобы пополнить свой запас. Платежи были сделаны максимально безопасными и простыми в использовании с помощью PayPal.

Mental Dental  Image 1 Mental Dental  Image 1

Кроме того, мы упростили для людей возможность генерировать дополнительные продажи с помощью сарафанного радио и получать за это деньги, внедрив программу лояльности. Эта функциональность была реализована с помощью партнерского расширения Magento 2 и настроена нашей командой.

Mental Dental  Image 1

Для SEO-оптимизации мы установили и настроили SEO-плагин от Mageworx. Это улучшило индексацию сайта в поисковых системах и сделало его более удобным для поисковых систем и пользователей.

Результат

Клиент получил новый, современный и удобный интернет-магазин, который является отличной платформой для его растущего стоматологического бизнеса. Сайт отлично выглядит и легко доступен для использования на любых типах устройств – планшетах, смартфонах, настольных компьютерах. Наша специально оптимизированная поисковая система помогает пользователю найти нужный продукт среди сотен с учетом специфики бизнеса. А постоянные клиенты пользуются очень простой в использовании функцией перезаказа, что экономит время и облегчает возвращение за добавкой.


Команда разработчиков

Константин Давыдов — ux/ui дизайн

Сергей Пищанецкий — адаптивная верстка на HTML/CSS/JS

Эмилия Глазунова — управление проектом

Алексей Шаленный — общее руководство проектом, управление учетными записями клиентов

Со всей нашей командой можно познакомиться здесь.

Технологии

Magento 2 CMS

Adobe Photoshop CC, Adobe Illustrator CC

HTML5 / CSS3 / Javascript

PHP5 / MySQL

Все Работы