Портфолио

Разработка промо-сайта «Фабрика Печатей»

Разработка промо-сайта «Фабрика Печатей»

«Фабрика Печатей» — российская сеть штемпельных мастерских.

Сотрудничаю с этой компанией с середины 2017-го.  После запуска франшизы, потребовались дополнительные функции и возможности для которых и был создан промо-сайт. В отличии от предыдущих, он имеет более широкий ассортимент и более компактный вид.
Все материалы включая макет, были предоставлены со стороны заказчика. Моя же задача была в реализации технической стороны проекта, на пару с back-end разработчиком.

Задача

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

Требования

  • Адаптивность и кроссбраузерность;
  • Пошаговое оформление заказа;
  • Слайдер выполненных работ;
  • Интерактивная карта;
  • Базовая SEO-оптимизация;
  • Скорость загрузки сайта не более 3 секунд.

Проект был полностью выполнен и наполнен буквально за 8 дней!
Превью

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

Макеты печати

Макеты печати

Несмотря на свой скромный вид, в данной секции многое поместилось. 3 категории, 3 под категории, а в каждой по 8 макетов. В последней, 2 под категории. Итого 64 макета! Последняя вкладка позволяет загрузить свой собственный, для расчета стоимости.

Оформление заказа

Оформление заказа

Оформление заказа сделано в 3 этапа.
Выбор макета > выбор оснастки и их количества + расходные материалы > Данные получателя. Это дает возможность сделать заказ одного макета для нескольких типов печати и в разном количестве. 

Динамический pop-up

Динамический pop-up

Позволяет использовать не только одно окно, но и форму! Скрипт мгновенно меняет данные, в зависимости от кнопки на которую нажали, меняя не только заголовок, но и добавляя уведомление в заявку. Будто обратный звонок или один из интересующих офферов.
Сайт полностью адаптивный

Сайт полностью адаптивный

Дизайн был адаптирован под все виды мобильных устройств от 320px. Верстка выполнена на фреймворке bootstrap 4.
В 2018-м году доля мобильных пользователей перешла отметку свыше 50%, адаптивность стала не преимуществом, а стандартом для новых сайтов.

Результат

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

  • Время полной загрузки - 1.65 сек;
  • Адаптивность Mobile Friendly - 100%;
  • Производительность на десктопах (Performance) - 93%;
  • Производительность на телефонах (Performance) - 91%;
  • Техническая SEO-оптимизация - 90%;

В общей сложности проект занял 8 дней: 1 день на функционал, 5 дней на адаптивную верстку и фронт, 1 день на наполнение сайта контентом.

На одной странице много всего, включая карту. Что конечно потребовало некоторых усилий, чтобы оптимизировать проект свыше 90% производительности.

Дата: 21/05/2018

Сайт: centr-pechatey.ru

CMS: отсутствует

6
Месяцев гарантия
на каждый сайт
5
Дней потребовалось
на front-end
1
Дней потребовалось
на back-end

Еще проекты

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

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

Лендинг
Auronik Smart

Разработка лендинга под умный фильтр Auronik Smart

Есть проект?

Пишите, обсудим! 95% заказчиков приходят по рекомендации,
я это очень ценю и всегда общаюсь лично:)

Можем созвониться в skype или telegram,
в будние дни с 11:00 до 20:00 по Киеву.

Логотип

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

Как разрабатывают сайты - от идеи до результата

Если вы ранее не заказывали работку сайта, это даст представление о том, что предстоит «пережить».…

Читать далее

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

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

Читать далее

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

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

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

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