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

28 июня, 2018

Клиент

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

Все Работы