Искрасервис.ру
/
/
искрасервис.ру
Компания по асфальтированию и производству МАФов в Москве и МО
Тип проекта
Корпоративный сайт
Ссылка на сайт
Инструменты
Figma, Tilda, Midjourney, ChatGPT
Задача: создать сайт для презентации компании, привлечения клиентов и взаимодействия с партнёрами.
Демонстрация экспертизы в благоустройстве и производстве МАФов, использование сайта для самопрезентации партнёрам и клиентам.
Презентация услуг
Демонстрация качества работ
Показ выполненных проектов через портфолио для подтверждения профессионализма компании.
Обеспечение простого доступа к контактам и формам обратной связи для клиентов и партнёров.
Удобство взаимодействия с сайтом
Моя роль в проекте
Я отвечала за весь процесс разработки:
- Анализ целевой аудитории и конкурентов.
- Создание структуры сайта и дизайн-концепции.
- Написание текстов и генерация фоновых изображений через MidJourney.
- Верстка сайта на Tilda с адаптацией под мобильные устройства.
- Настройка лёгкой анимации и кастомизация стандартных блоков, Zero-блоки.
- Интеграция форм обратной связи
— Логотип и базовые корпоративные цвета.
— Основные данные о компании и её услугах.
— Часть текстов и изображений.
— Основные данные о компании и её услугах.
— Часть текстов и изображений.
У клиента было готово:
Процесс работы
Дизайн сайта:
— Провела анализ конкурентов для составления оптимальной структуры открыть структуру
— Подготовила прототип сайта, включающий основные блоки
— Разработка визуальной концепции: темная тема сайта с акцентным красным цветом.
— Подготовила прототип сайта, включающий основные блоки
— Разработка визуальной концепции: темная тема сайта с акцентным красным цветом.
— Написала тексты для всех блоков
— Сгенерировала фоновые изображения через MidJourney
— Разработала кастомный калькулятор стоимости на Zero-блоках
— Сгенерировала фоновые изображения через MidJourney
— Разработала кастомный калькулятор стоимости на Zero-блоках
Удобство взаимодействия с сайтом
Сложности и решения
Задача:
Создать калькулятор, который:
Клиент хотел, чтобы калькулятор показывал итоговую стоимость и менял изображения типов асфальтирования одновременно. Ограничения zero блока на Tilda не позволили реализовать одновременное переключение изображений и отправку ответов в форме CRM
Создать калькулятор, который:
- Позволяет выбирать тип асфальтирования.
- Отображает соответствующее изображение.
- Рассчитывает итоговую стоимость.
Клиент хотел, чтобы калькулятор показывал итоговую стоимость и менял изображения типов асфальтирования одновременно. Ограничения zero блока на Tilda не позволили реализовать одновременное переключение изображений и отправку ответов в форме CRM
Решение:
Я разделила функционал, чтобы:
Я разделила функционал, чтобы:
- Калькулятор работал стабильно, рассчитывал итоговую стоимость и отправлял форму в CRM.
- Рядом с калькулятором размещена галерея со схемами предоставляла визуализацию каждого типа асфальтирования. Все изображения для галереи разработаны мной с использованием комбинации фотографий и пояснительных графических элементов.
Адаптивный дизайн
Адаптивный дизайн
Результат и приобретённые навыки
Одностраничный сайт стал новым инструментом самопрезентации компании, продемонстрировав её экспертизу и став удобной визитной карточкой для коммуникации с клиентами и партнёрами. Вся информация об услугах представлена с максимальной доступностью и понятностью.
Проект помог мне усовершенствовать навыки работы с Tilda, включая создание кастомных элементов на Zero-блоках, я отработала создание калькуляторов. Работала с композицией и акцентами, сочетала стандартные и Zero-блоки для удобства редактирования сайта клиентом. Этот проект также укрепил мой стиль дизайна, который я стремлюсь развивать: минималистичный и эстетически привлекательный.
Проект помог мне усовершенствовать навыки работы с Tilda, включая создание кастомных элементов на Zero-блоках, я отработала создание калькуляторов. Работала с композицией и акцентами, сочетала стандартные и Zero-блоки для удобства редактирования сайта клиентом. Этот проект также укрепил мой стиль дизайна, который я стремлюсь развивать: минималистичный и эстетически привлекательный.
