Сайт Lawato
> маркетинговый сайт
Маркетинговый сайт Lawato, который показывает продукт через отрисованные превью интерфейса вместо скриншотов.
- роль
- Senior Full-Stack Engineer
- стек
- TypeScript, React, TanStack Start, Tailwind CSS, Radix UI, Recharts
- сайт
- lawato.io
Обзор
Задача сайта: привести юридические фирмы к записи на демо. Вместо описания возможностей он их показывает: первый экран, страница клиента и каждая карточка возможностей отрисовывают интерфейс Lawato с реалистичными демо-данными.
Поскольку превью отрисовываются, а не экспортируются как изображения, они остаются чёткими при любом размере, адаптируются к маленьким экранам и могут обновляться вместе с продуктом.
Возможности
01
Отрисованные превью продукта
Разделы о продукте отрисовывают страницу клиента, дашборд и табели приложения с демо-данными вместо встроенных скриншотов.
lawato.io
02
Возможности, показанные через продукт
Каждая карточка возможностей сочетает короткое утверждение с той частью приложения, которая это делает: табели, воронка клиентов, бюджеты дел и выставление счетов.
lawato.io/#features
03
Превью, перестраивающиеся на мобильных
На телефонах превью переключаются на мобильные макеты приложения, а воронка становится доской с горизонтальной прокруткой, вместо уменьшенного скриншота десктопа.
04
Воронка через демо
Каждый раздел ведёт к 30-минутному демо, которое бронируется через Calendly, после чего команда вместе с фирмой настраивает пробный аккаунт.
lawato.io/#demo
