AYSAGRO.BY

Сайт на тильде для поставщика кормовой продукции

Дата запуска март 2024

Tilda

VSCode
PhpStorm
Figma
Photoshop
Illustrator
Terminal
Git
GitHub
Billing Qmedia
Bitrix24
Cypress
Swagger

О клиенте

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

О проекте

Основной задачей проекта стало обновление устаревшего сайта клиента.
Существующий ресурс морально и технически не соответствовал современным требованиям: он не был адаптирован под мобильные устройства, что ухудшало пользовательский опыт, а его структура и техническая реализация не позволяли эффективно заниматься SEO-продвижением. Необходимо было создать современный, удобный и технически корректный сайт, который станет полноценным инструментом для развития бизнеса и привлечения новых клиентов.

Основные задачи

Адаптивность
Сайт должен корректно и удобно отображаться на всех устройствах, в первую очередь на мобильных.
Современные технологии
Чтобы сайт было возможно поддерживать и при необходимости можно было найти подрядчика для внесения правок.
Пригодность для SEO
На каждую страницу сайта можно разместить тексты, теги, мета теги, настроить редиректы.
Получение заявок
На сайте должны быть размещены электронная почта, номера телефонов и для быстрой связи и физический адрес.

01 - Проектирование

Старый сайт включал в себя главную страницу и страницы с описанием продукции. В новый сайт было решено включить также страницы: Доставка, О компании, Контакты.

Позже в процессе создания сайта была создана дополнительная страница Продукция (аналог каталога) со ссылками на всю продукцию.

02 - Дизайн и вёрстка

Клиент не планировал развивать сайт и внедрять в него сложный функционал, поэтому наиболее оптимальным решением задач стала разработка на Tilda.

Особенности сайтов на Tilda:

Невысокая стоимость;
Быстрое создание;
Простое редактирование контента, которое не требует знаний кода.

При этом Tilda — это постоянно развивающаяся современная платформа, на которой можно сделать сайт, который прослужит много лет.

Перед разработкой страниц сайта подготовили и согласовали с клиентом стилистику будущего сайта (цветовая схема, шрифты).

По созданной стилистике в программе Figma были разработаны прототипы будущего сайта, по которым дизайнер верстал страницы уже в самой Тильде.

В проекте были использованы как готовые Tilda-блоки, так и zero-блоки.

Особенности дизайна:

Благодаря zero-блокам нам удалось сделать контейнер сайта на 90-95% всей ширины экрана, что сделало сайт более современным и стильным. используя лишь готовые блоки такого эффекта достичь нельзя.
При наведении на кнопки и пункты меню в шапке меняется их цвет.
В некоторых карточках товаров настроены всплывающие окна с подробной информацией про продукцию.

03 - Программирование

Последний этап включал:

Настройку кнопок (ссылки на быстрый набор номера телефона и отправку писем по почте);
Подключение домена и SSL-сертификата, настройку редиректа с www на основной домен;
Настраивание ссылок в шапке и хлебных крошках для корректной перелинковке;
Подключение 404 страницы.