Telamon
Сайт строительной компании — от питча до прода
Telamon — ереванская компания полного цикла: управление строительством, проектирование, строительство, ремонт и обслуживание. Мы начали с презентации концепции, клиент дал зелёный свет — и мы построили и вывели в прод сайт telamon.am.
- Клиент
- Telamon
- Индустрия
- Строительство · Управление проектами
- Гео
- Ереван, Армения
- Формат
- Веб · Дизайн-система · SEO
О проекте
Компания полного цикла в строительстве
Telamon управляет строительными проектами и ведёт их сам: проектирование, строительство, ремонт и обслуживание — для жилья и коммерции. Заявленное позиционирование — «Управление строительством. Планирование. Проектирование. Строительство. Ремонт. Обслуживание».
Задача
Перенести концепцию с презентации на живой сайт без потерь
Путь начался с питча: мы показали концепцию сайта — типографику, цвет, ритм — и получили зелёный свет. Задача была довести утверждённую дизайн-систему до продакшена один в один, а не «усушить» её на реализации.
Наше решение
Дизайн-система из питча — в коде один в один
Путь начался не с брифа, а с презентации: мы показали клиенту концепцию сайта и получили зелёный свет на неё.
Утверждённое на питче доехало до продакшена без «усушки»: типографика, цвет и ритм со слайдов — те же на живом сайте.
Сайт собран на Next.js со статической генерацией — страницы отдаются готовым HTML, быстро и устойчиво; форма заявки вынесена в отдельный сервис.
- 01
Питч → прод
Концепцию утвердили на презентации, и она доехала до кода один в один — без потери между слайдами и живым сайтом.
- 02
Портфолио реальных объектов
Не витрина-заглушка: у каждого объекта категория, адрес, виды работ и галерея фотографий со стройки.
- 03
Заявка, которая доходит
Форма уходит на рабочую почту компании; на сервере — защита от спама и ограничение частоты отправок.
Портфолио реальных объектов — с фото со стройки
Что мы сделали
Что мы построили
06 направлений работы
- 01
Сайт целиком с нуля
WebГлавнаяУслугиГарантииБлогFAQКонтакты - 02
Портфолио реальных объектов
ПортфолиоКатегорияАдресВиды работФото со стройки - 03
Форма заявки, которая доходит на почту
ЗаявкаРабочая почтаЗащита от спамаЛимит частоты - 04
Дизайн-система из питч-деки — в коде
ДизайнТипографикаЦветРитм - 05
Страницы объектов с галереями
Объекты
- 06
Next.js SSG, nginx и PM2 на AWS
InfraСтатическая генерацияAWS · nginx · PM2HTTPS telamon.am
Питч → прод
Со слайдов — без усушки в прод
Единственный из наших кейсов, где путь начался с презентации концепции. Дизайн-систему утвердили на питче — и она доехала до живого сайта один в один, а портфолио наполнилось реальными объектами клиента.
Питч
Презентация концепции: типографика, цвет и ритм. Клиент утвердил дизайн-систему на встрече.
Прод
Утверждённое доехало в код один в один — то, что было на слайдах, стало живым сайтом telamon.am.
Объекты
Портфолио наполнилось реальными объектами клиента — с адресом, видами работ и фото со стройки.
Прод: telamon.am — та же дизайн-система, что утвердили на питче
Реальные объекты в портфолио
Контент
Экраны сайта
Результат
Концепция доехала до живого сайта
У Telamon есть боевой сайт telamon.am: услуги, портфолио объектов, гарантии, блог, FAQ и контакты.
Дизайн-система, утверждённая на питче, перенесена в код один в один — без потерь между презентацией и продом.
Портфолио — из реальных объектов с фотографиями со стройки, а заявка с сайта доходит на почту компании.
Начнём с концепции
Покажем концепцию — и доведём её до живого сайта
Расскажите про компанию или объект — вернёмся с концепцией, которую утвердим на встрече и доведём до прода без усушки.