Портфолио

Разработка лендинга Auronik Smart

Разработка лендинга Auronik Smart

Auronik Smart — производитель ООО “Лаборатория Инфотех”.

Над проектом работали командой. Проект небольшой, поэтому достаточно было меня (frontend) и веб-дизайнера.
С такой узконаправленной тематикой работать пришлось впервые и тут отдельная заслуга дизайнера.
За мной была лишь техническая часть, что конечно было не так просто из-за нестандартного дизайна. Признаюсь, пришлось немного помучиться над разработкой данного лендинга, чтобы он максимально соответствовал макету и был адаптивным:)

Задача

Сделать адаптивную верстку лендинга согласно макетам, которые были предоставлены для телефона, планшета и десктопа.
Реализовать возможность получения данных заказа (стоимость, кол-во, данные пользователя, способ доставки) на почту.
По клику на кнопки viber, whatsapp и telegram, должен открываться чат в выбранном мессенджере.

Требования

  • Адаптивность и кроссбраузерность;
  • Кнопки для открытия чата в мессенджерах;
  • Открытие видео в окне на весь экран;
  • Пошаговое оформление заказа;
  • Слайдер на главном экране в фоне;
  • Анимация;
  • Скорость загрузки сайта не более 3 секунд.

Лендинг был создан «под ключ» за 17 дней. Включая время на правки по инициативе заказчика.
Превью

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

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

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

Оформление заказа на лендинге происходит в 3 шага, по типу корзины. Выбор кол-ва и расчет > форма с 4-мя полями > вариант доставки заказа.
 

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

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

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

Результат

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

  • Адаптивность Mobile Friendly - 100%;
  • Производительность (Performance) - 100%;
  • Время полной загрузки - 1.1 сек;

В данный момент сайт сменил домен и имеет несколько видоизмененных копий, на разных доменах. Проект разместил у себя на поддомене в оригинале, для демонстрации выполненной работы.
Все же неплохой сайт получился:)

Дата: 10/2018

Сайт: demo

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

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

Еще проекты

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

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

Лендинг Rubicon group

Rubicon Group - строительно - инвестиционная компания

Есть проект?

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

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

Логотип

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

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

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

Читать далее

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

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

Читать далее

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

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

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

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