Разработка сайта МЕНСОРИ на Tilda
Многостраничный сайт для digital-агентства, собранный на кастомных HTML-, CSS- и JavaScript-блоках.
Сайт собран и запущен за две недели. Визуальное направление было задано референсом, который мы адаптировали под позиционирование, услуги и фирменный стиль агентства МЕНСОРИ.
Задача
- адаптировать выбранный референс под фирменный стиль МЕНСОРИ;
- представить разные направления агентства как единую digital-систему;
- разработать многостраничную структуру;
- реализовать нестандартный дизайн без Zero Block;
- добавить интерактивные элементы и анимации;
- создать конструктор услуг с предварительным расчётом стоимости;
- собрать и запустить сайт за две недели.
Дизайн по референсу
Визуальную концепцию разработали на основе предоставленного референса, но не копировали его буквально. Общий характер и композиционные приёмы адаптировали под задачи агентства и собственный контент.
Основой дизайна стала контрастная палитра из чёрного, белого и ярко-оранжевого цветов. Крупная типографика, асимметричная модульная сетка, фотографии и объёмная графика формируют характерный визуальный ритм.
Страницы построены как последовательность крупных смысловых экранов. Благодаря этому объёмная информация об услугах воспринимается не как сплошной текст, а как система отдельных визуальных блоков.
Что было сделано
Ключевые действия по проекту: от анализа до внедрения и проверки результата.
С чего я начал
Сайт состоит из пяти основных разделов: главная, о компании, услуги, кейсы, конструктор услуг.
Дизайн референса я адаптировал под МЕНСОРИ: изменил композицию, подготовил тексты и выстроил единую визуальную систему для всех страниц.
В основе оформления — модульная сетка, крупная типографика, контраст чёрного и оранжевого цветов, монохромные фотографии и объёмная графика.
Разработка
Сайт размещён на Tilda, но Zero Block я не использовал. Все основные блоки сверстал вручную на HTML, CSS и JavaScript.
Это позволило реализовать: нестандартные композиции экранов, анимации при прокрутке, интерактивные карточки, бегущие строки, полноэкранное меню, всплывающие окна, визуальные эффекты при наведении.
Отдельно разработал калькулятор с 11 услугами. Пользователь может выбрать нужные направления и увидеть предварительную стоимость пакета.
Формы и интеграции
Для сбора обращений подключил стандартные формы Tilda и настроил передачу заявок в CRM.
Перед запуском проверил навигацию, формы, калькулятор и интерактивные элементы. Затем подключил домен, Яндекс Вебмастер и Яндекс Метрику.
Результат
Клиент получил не макет и не набор отдельных страниц, а полностью запущенный сайт агентства с готовой инфраструктурой для приёма обращений.
Проект прошёл полный цикл за две недели: от разбора услуг и подготовки текстов до разработки, подключения домена, аналитики и передачи доступов.
За счёт ручной вёрстки удалось реализовать выбранную композицию без использования Zero Block, сохранить единый визуальный стиль и адаптировать интерфейс под реальные задачи МЕНСОРИ.
Нужен похожий проект?
Оставьте заявку — обсудим задачи нового сайта, структуру, сроки и подходящий формат разработки.
Другие проекты
Сайт-портфолио для фотографа
Я создал сайт-портфолио, который передает визуальный стиль фотографа, знакомит с подходом, показывает услуги и постепенно приводит пользователя к отправке заявки.
SEO-продвижение детского центра
Я превратил лендинг в полноценный SEO-проект: семантическое ядро, отдельные услуги, SEO-тексты, новое меню, техническое сопровождение.
Продвижение медицинского центра в Яндексе через ПФ
Продвинул две услуги московского медицинского центра в Яндексе. Перед запуском продвижения исправил технические ошибки и подготовил страницы. По итогам работ 36 запросов вошли в ТОП‑10, из них 19 — в ТОП‑3.