Сайт услуг с приёмом заявок

Сайт на русском, английском и грузинском: услуги промышленного альпинизма, примеры выполненных проектов и форма заявки с API на Node.js.

Открыть Promalp Georgia

Английская главная Promalp Georgia с промышленными альпинистами на фасаде здания и кнопкой заявки на проект — Публичная главная страница на английском

Моя роль: Интерфейс на React
API на Node.js
Развёртывание
Технологии: React
TypeScript
Node.js
Языки: Русский
Английский
Грузинский

01 / ЗАДАЧА

Что нужно было сделать

Дать заказчику возможность разобраться в услугах промышленного альпинизма, посмотреть выполненные проекты и передать компании описание своей задачи.

02 / МОЯ РАБОТА

За что я отвечал

Я занимался сайтом на React и TypeScript, API для заявок на Node.js и развёртыванием. Сайт работает на русском, английском и грузинском.

03 / ПРОДУКТ

Как пользуются продуктом

Найти нужную услугу

Узнать, какие работы входят в услугу и какие сведения потребуются для оценки задачи.

Посмотреть выполненные проекты

Открыть страницы проектов с фотографиями и описанием работ, выполненных компанией.

Описать свой проект

Отправить заявку с контактами и деталями задачи. Компания получает эти сведения по почте.

Связаться с командой напрямую

Обсудить работы с компанией по телефону или через мессенджер.

Публичная страница услуг Promalp Georgia с описанием высотных работ — Описание услуг помогает разобраться в составе работ перед отправкой заявки на проект.

04 / РЕАЛИЗАЦИЯ

Что важно в реализации

Готовые страницы для каждого языка

Текст, ссылки и метаданные присутствуют в HTML до запуска JavaScript. У услуг и кейсов есть собственные адреса, которыми удобно делиться и которые доступны поисковым системам.

Проверка заявок на сервере

API проверяет поля, ограничивает частоту обращений и отправляет данные заявки по почте. Форма показывает подтверждение только после принятия заявки сервером.

Изображения под размер экрана

Страницы предлагают фотографии в нескольких размерах, а галерея открывает полную версию. Для фотографий заранее отведено место, чтобы загрузка не сдвигала текст.

Об этом кейсе

Кейс посвящён моей работе над сайтом. Высотные и монтажные работы, представленные на его страницах, выполнены компанией.