Решение: многостраничный сайт на Tilda
Основную информацию собрали на главной странице. Она знакомит пользователя с компанией, объясняет направления работы, показывает преимущества, команду и результаты реализованных проектов.
Структуру выстроили вокруг вопросов потенциального клиента: какие данные может собрать компания, для каких бизнес-задач они используются и что заказчик получает в результате.
Вместо технических терминов сделали акцент на практической пользе парсинга. Пользователь видит не абстрактный «сбор данных», а инструмент для мониторинга конкурентов, анализа рынка и принятия решений.
Отдельные страницы для кейсовДля клиента было важно показать, как услуги компании работают на конкретных задачах. Поэтому помимо главной страницы разработали три отдельных кейса:
- мониторинг и парсинг новостей;
- расчёт индекса цен;
- анализ зон доставки.
Для кейса о новостях я разработала индивидуальную структуру и полный дизайн страницы. После утверждения он стал модульной основой для двух других кейсов.
Страницы об индексе цен и зонах доставки собрали на базе готовой системы, адаптировав содержание и необходимые элементы под каждый проект. Это позволило сохранить единый стиль, оптимизировать бюджет и сосредоточить больше ресурсов на главной странице и ключевых сценариях взаимодействия.
Визуальная концепцияОсновой дизайна стал тёмный фон, который поддерживает технологичный характер проекта и создаёт контраст для ярких элементов.
Цветовую палитру построили вокруг фирменного логотипа в форме буквы S. Градиент от синего к бирюзовому перенесли на кнопки, диаграммы и интерактивные элементы, объединив все страницы в одну визуальную систему.
Для оформления использовали образы папок, раскрывающиеся карточки и элементы интерфейса, связанные с хранением и обработкой информации. Они помогают передать тему данных без банальных изображений программного кода и серверов.
Круговые диаграммы и числовые показатели постепенно заполняются во время прокрутки. Анимация добавляет сайту динамики, но не мешает читать и воспринимать информацию.
Контактный сценарий оставили коротким: вместо заполнения формы пользователь мог сразу перейти в Telegram и связаться с представителем компании.
Я самостоятельно проработала структуру, визуальную концепцию, дизайн всех страниц и адаптивную вёрстку на Tilda. После передачи проекта подготовила для клиента чек-лист с инструкциями по работе с сайтом: как менять тексты, обновлять информацию и управлять страницами. Также предусмотрела дальнейшую техническую поддержку на случай возникновения вопросов.