Портфолио

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

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

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

Сотрудничаю с этой компанией с середины 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

Еще проекты

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

Производитель изделий из латунных, медных и драгметаллов

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

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

Есть проект?

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

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

Логотип

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

Как сократить время загрузки мобильной версии в 2 раза

Как сократить скорость загрузки сайта на мобильных устройствах в 2 раза? Есть решение!

Читать далее

Как влияет скорости загрузки сайта на продажи и прибыль

Как думаете, сколько обходиться лишняя секунда загрузки сайта вашему бизнесу? В среднем, от 700$…

Читать далее

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

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

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

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