Mental Dental — Дизайн и разработка магазина
Клиент
Mental Dental — один из крупнейших стоматологических дилеров в США, с полным спектром услуг, обеспечивающий более чем 12 000 стоматологических клиник всем необходимым, от зубных щеток до специализированного оборудования.
ОТПРАВНАЯ ТОЧКА
Мы разработали сайт с опорой на ранее созданый нами логотип и фирменный стиль бренда. Вы можете прочитать об этом здесь.
Цель
Спроектировать и разработать коммерческий сайт, который позволил бы выйти на онлайн рынок и увеличить количество клиентов. И чтобы добиться этой цели, сайт и сам бренд должны выйти за рамки скучных, однотипных сайтов со стоматологическими принадлежностями.
Прогресс
Фаза 1. Исследование и создание прототипа веб-сайта электронной коммерции.
Мы начали с исследования сайтов, продающих стоматологические принадлежности, чтобы изучить их преимущества и недостатки. Большинство из них, похоже, имеют каталог из 25-35 категорий, что не особенно удобно для пользователя. Мы решили сократить его до 7 (хотя позже мы расширили его до 11), чтобы сделать каталог логичным и соответствующим современным практикам юзабилити. Затем мы доработали карту сайта и навигацию в соответствии с отзывами клиентов.
Этап 2. Проектирование.
Во-первых, мы создали каркасы главных страниц в соответствии с картой сайта и навигацией, определенными ранее, и работали с клиентом, чтобы убедиться, что это имеет смысл и с их точки зрения. Когда каркасы были утверждены, мы разработали домашнюю страницу, страницу категории, страницу продукта и другие ключевые страницы.
Этап 3. Разработка интерфейса и темы.
Чтобы начать разработку интерфейса, мы подготовили адаптивные макеты для нескольких страниц и сделали макеты для мобильных устройств и планшетов. Затем мы завершили кроссбраузерное и кроссплатформенное тестирование, чтобы убедиться, что веб-сайт будет отлично смотреться в разных браузерах и устройствах.
Когда макеты были утверждены, мы установили и настроили Систему электронной коммерции Magento 2 на сервере клиента. Затем мы применили правильную структуру категорий и добавили несколько образцов продуктов, чтобы проверить, как наша работа отражается на реальном веб-сайте.
Фаза 4. Функциональное развитие.
Одной из самых важных функций магазина электронной коммерции является поиск среди тысяч товаров. Чем быстрее будет поиск и релевантнее результаты, тем больше преданных и лояльных клиентов вы, скорее всего, получите. Чтобы расширить возможности поиска, мы настроили плагин Sphinx Search Ultimate, которого в нашем случае было более чем достаточно.
Мы также добавили блок «Лучшие продавцы» на главную страницу, так что есть большая вероятность, что люди гораздо быстрее примут решение о покупке этих товаров или заинтересуются другими похожими товарами.
Поскольку стоматологи чаще всего заказывают одни и те же товары, мы решили добавить функцию “Повторить заказ”. Один клик — это все, что нужно пользователю, чтобы пополнить свой запас. Платежи были сделаны максимально безопасными и простыми в использовании с помощью PayPal.
Кроме того, мы упростили для людей возможность генерировать дополнительные продажи с помощью сарафанного радио и получать за это деньги, внедрив программу лояльности. Эта функциональность была реализована с помощью партнерского расширения Magento 2 и настроена нашей командой.
Для SEO-оптимизации мы установили и настроили SEO-плагин от Mageworx. Это улучшило индексацию сайта в поисковых системах и сделало его более удобным для поисковых систем и пользователей.
Результат
Клиент получил новый, современный и удобный интернет-магазин, который является отличной платформой для его растущего стоматологического бизнеса. Сайт отлично выглядит и легко доступен для использования на любых типах устройств – планшетах, смартфонах, настольных компьютерах. Наша специально оптимизированная поисковая система помогает пользователю найти нужный продукт среди сотен с учетом специфики бизнеса. А постоянные клиенты пользуются очень простой в использовании функцией перезаказа, что экономит время и облегчает возвращение за добавкой.
Команда разработчиков
Константин Давыдов — ux/ui дизайн
Сергей Пищанецкий — адаптивная верстка на HTML/CSS/JS
Эмилия Глазунова — управление проектом
Алексей Шаленный — общее руководство проектом, управление учетными записями клиентов
Со всей нашей командой можно познакомиться здесь.
Технологии
Adobe Photoshop CC, Adobe Illustrator CC
HTML5 / CSS3 / Javascript
PHP5 / MySQL