COLORPLANT.BY

Сайт на тильде для контрактного производства декоративной косметики

Дата запуска июль 2024

Tilda

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

О клиенте

ColorPlant.by — белорусская компания, которая специализируется на контрактном производстве декоративной косметики и косметических ингредиентов.

О проекте

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

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

Быстрая разработка
Чтобы сайт был готов к моменту, когда компания сможет полноценно работать.
Простое управление сайтом
Чтобы клиент или его сотрудники могли самостоятельно вносить небольшие правки на сайт по необходимости.
Базовый SEO-функционал
Чтобы сайт можно было продвигать в поисковой выдаче.
Возможность масштабирования
Чтобы сайт и его структуру можно было увеличивать, добавляя новые посадочные страницы.

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

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

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

Совместно с клиентом было решено разработать сайт на тильде. Это быстрее и дешевле, чем традиционная разработка.

Сервис Tilda — это no-code платформа для создания небольших и средних по размерам сайтов.

Преимущества тильды:

Дешевле и быстрее чем обычная разработка;
Правки на сайт может внести обычный пользователь;
Большое количество разработчиков, которые смогут помочь с доработками сайта;
Сайты на тильде имеют весь необходимый SEO-функционал.
В рамках этапа дизайна и вёрстки были сделаны работы:
Разработка и согласование стилистики будущего сайта, в т.ч. отрисовка логотипа по референсам клиента;
Разработка и согласование макета главной страницы;
Вёрстка макета главной страницы и создание остальных страниц в той же стилистике на тильде;
Адаптация страниц сайта под мобайл.

В рамках вёрстки была настроена анимация появления блоков и ховер-эффекты (анимация элементов при наведении на них курсора). Большую часть блоков верстали с помощью Zero-блоков.