Лендинг с админ-панелью для компании грузоперевозок Армения — Россия (Next.js + NestJS)

Используемые навыки Figma JavaScript Nest.js Next.js React.js

Описание

Клиент — транспортная компания, занимающаяся грузоперевозками между Арменией и Россией (Ереван, Раздан, Москва, Санкт-Петербург). Большая часть клиентов заходит с телефона, а заявки менеджерам удобнее принимать в WhatsApp.
Задача: сделать не просто сайт-визитку, а продающий лендинг — инструмент получения заявок. Посетитель должен быстро понять маршрут, найти адреса пунктов приёма груза и оставить заявку в пару действий. Дополнительно — единый фирменный стиль: дизайн сайта и печатная визитка компании

Решение

Спроектировал и разработал сайт полностью сам — от дизайна в Figma до деплоя:

- Дизайн в логистическом стиле: тёмно-синяя палитра, крупные заголовки, контрастные CTA-кнопки. Макеты сайта и визитки — единый фирменный стиль в вебе и печати;
- Фронтенд на Next.js (React, TypeScript): главный экран с направлением Ереван — Санкт-Петербург, блок преимуществ, маршрут, пункты приёма груза, адреса в 4 городах, QR-код для быстрого перехода на сайт;
-Бэкенд на NestJS: обработка заявок с формы. Клиент указывает город отправления, адрес, город доставки и описание груза — заявка формируется и уходит менеджеру в WhatsApp, как было удобно клиенту;
- Админ-панель на React для управления контентом сайта;
- Полная адаптация под мобильные — основной трафик приходит с телефонов.

Стек: Next.js, React, TypeScript, NestJS, HTML/CSS, Figma

Результат

Результат:
Лендинг работает в продакшене: arm-perevozka.ru. Посетитель за минуту находит маршрут, адрес пункта приёма и отправляет заявку в WhatsApp без звонков и ожидания. Компания получила единый фирменный стиль — сайт и печатные визитки в одном дизайне. Архитектура позволяет развивать проект дальше: калькулятор стоимости, отслеживание груза, мультиязычность, CRM.