Портфолио

Разработка интернет-каталога Marcam

Разработка интернет-каталога Marcam

«Маркам» — Украинский производитель высококачественной наградно-сувенирной продукции из металла.

Данный проект включал в себя этапы проектирования, дизайна и разработки. Наполнять сайт заказчик принял решение своими силами.

Над проектом работали 3 специалиста, я отвечал за техническую реализацию проекта, написание тех.задания и курировал процесс разработки от и до.

Задача

Разработать интернет-каталог согласно ранее утвержденному тех.заданию. На сайте должно быть несколько форм обратной связи, одна из них должна иметь функционал отправки файлов на почту менеджеру. Реализовать возможность обзора продукции в 360° и обеспечить работоспособность на мобильных устройствах, без потери скорости загрузки и работы страницы.

Требования

  • Адаптивность и кроссбраузерность;
  • Базовая SEO-оптимизация;
  • Подключение HTTPS;
  • Галерея;
  • Анимация на главном экране;
  • Обзор фото продукции в 360 градусов;
  • Скорость загрузки сайта не более 3 секунд.

От заполнения брифа, до готово проекта потребовался всего 27 дней! Из них, 5 дней ушло на согласования.
Превью

Страницы проекта

Навигация

Навигация

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

Расчет стоимости

Для таких целей хорошо подходит калькулятор. Но, ЦА это люди которые в этом ничего не понимают или те, кто в этом понимает очень хорошо. Чего-то среднего в этой нише нет. Что одни, что вторые предпочитают просто отправить картинку/макет и в телефонном режим просто узнать срок и стоимость.
Обзор продукции в 360°

Обзор продукции в 360°

Карточка была разработана таким образом, чтобы можно было использовать обычные фото и фото с раскадровкой, что позволило бы демонстрировать пользователю фото продукции в 360 градусов и при этом, не тратить дополнительно средства на дорогостоящие 3D-модели. В среднем это позволит сократить бюджет более чем, на 40% при наполнении!
Сайт на 100%<br>адаптивный

Сайт на 100%
адаптивный

Дизайн адаптирован под все виды мобильных устройств от 320px. Для верстки была использована последняя версия фреймворка bootstrap 4.

Сайт удобен для пользователей как на дестопах, так и на мобильных устройствах!

Результат

Результат аудита Lighthouse по 6-ти критериям, который в данный момент использует Google PageSpeed Insights.
До 49 плохо, 50-89 нормально, 90-100 отлично!

  • Адаптивность Mobile Friendly - 100%;
  • Показатели PageSpeed Insights для десктопов - 99%;
  • Показатели PageSpeed Insights для мобильных - 91%;
  • Производительность (Performance) - 100%;
  • Техническая SEO-оптимизация - 80%;

Когда процесс наполнения заказчик берет на себя, по окончанию работы над проектом ему предоставляется инструкция по работе с сайтом.

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

Дата: 15/03/2019

Сайт: marcam.com.ua

CMS: MODx

27
Дней потребовалось
на разработку сайта
6
Месяцев гарантия
на каждый сайт
Modx
CMS на которой
реализован каталог

Еще проекты

Интернет-каталог
TRP

Компания «ТРП» аренда и услуги спецтехники в Виннице и области

Интернет-магазин
Perchatka Centr

«Перчатка-центр» - производитель торговой марки «Seven» в Украине

Будет полезно

5 популярных ошибок заказчика при разработке сайта

Статья попала на главную страницу spark.ru и получила статус “Выбор редакции”, поэтому решил поделиться…

Читать далее

Сколько стоит верстка макета сайта?

Сколько стоит верстка макета сайта? — этот вопрос один из часто задаваемых и на него, к сожалению,…

Перейти

Как происходит процесс разработки внешнего интерфейса

За что вы платите или как происходит процесс разработки внешнего интерфейса? Занимаясь разработкой…

Перейти
Социальные сети facebook
vk.com
Мессенджеры Telegram
Skype
Локация

Центральная Украина,
Днепропетровск