---
title: "AEROVISTA Inspect — Сайт услуг обследования с дронов · alekhin.dev"
description: "Лендинг услуг обследования объектов дронами с калькулятором экономии и формой заявки."
canonical_url: "https://alekhin.dev/projects/aerovista/"
meta:
  "og:description": "Лендинг услуг обследования объектов дронами с калькулятором экономии и формой заявки."
  "og:image": "https://alekhin.dev/_og/s/o_3d740c42e5f17095.png"
  "og:image:height": "630"
  "og:image:type": image/png
  "og:image:width": "1200"
  "og:title": "AEROVISTA Inspect — Сайт услуг обследования с дронов"
  "twitter:image": "https://alekhin.dev/_og/s/o_3d740c42e5f17095.png"
---

> Index of every page on this site: [llms.txt](https://alekhin.dev/llms.txt)

[К проектам](https://alekhin.dev/#projects)2024

Сайт услуг обследования с дронов

# AEROVISTA Inspect

Лендинг услуг обследования объектов дронами с калькулятором экономии и формой заявки.

<dl>

<dt>Задача</dt>
<dd>Объяснить, для каких объектов подходит обследование с дронов, и дать возможность запросить расчёт.</dd>

<dt>Что сделано</dt>
<dd>Собрал страницу с услугами, примерами работ и формой с данными об объекте.</dd>

<dt>Результат</dt>
<dd>Посетитель может ознакомиться с услугой и заполнить запрос на расчёт.</dd></dl>

## Моя роль

Концепция, интерфейс, адаптивная вёрстка, калькулятор экономии, FAQ и формы заявки.

<dl>

<dt>Состав работ</dt>
<dd>Корпоративный лендинг / Калькулятор / Frontend</dd>

<dt>Период</dt>
<dd>2024</dd>

<dt>Статус</dt>
<dd>завершён</dd>

</dl>

## Стек

- HTML
- Tailwind CSS
- JavaScript
- Lucide

*Главная страница*

Промышленная фотография и контрастная типографика сразу обозначают направление услуги.

## Техническая подача без перегруженности

Страница соединяет индустриальные фотографии, расчёт стоимости и доказательные кейсы.

*Весь лендинг*

На полной странице собраны услуги, примеры обследований, расчёт и ответы на частые вопросы.

## Полный лендинг в мобильном формате

Крупные CTA и расчёты сохраняют читаемость на узком экране.

*Первый экран на телефоне*

Первый экран на телефоне сохраняет крупный заголовок, изображение объекта и основное действие.

*Лендинг на телефоне*

Все разделы лендинга адаптированы под телефон, включая расчёт и обращения за услугой.

## Заявка остаётся в контексте

Форма открывается поверх страницы и одинаково работает на desktop и mobile.

*Форма расчёта*

В форме можно указать данные объекта для расчёта. Диалог открывается поверх страницы услуги.

*Мобильная форма*

Мобильная версия формы использует вертикальное расположение полей и заметную кнопку отправки.

<details>

<summary>Технические детали

</summary>

Лендинг собран на HTML, Tailwind CSS и JavaScript. Калькулятор, ответы на вопросы и диалог заявки дополняют статические разделы с услугами.

</details>

## Обсудим вашу задачу?

Расскажите, что нужно сделать: сайт, магазин, сервис или автоматизацию работы.

## Связаться

[alekhin.v99@gmail.com](mailto:alekhin.v99@gmail.com)

[Telegram](https://t.me/alekhin_vv) [GitHub](https://github.com/ValentinAlekhin)

```json
{"@context":"https://schema.org","@graph":[{"@id":"https://alekhin.dev/#website","@type":"WebSite","description":"Лендинг услуг обследования объектов дронами с калькулятором экономии и формой заявки.","inLanguage":"ru-RU","name":"AEROVISTA Inspect","url":"/projects/aerovista/","creator":{"@id":"https://alekhin.dev/#identity"},"image":{"@id":"https://alekhin.dev/#/schema/image/1"},"mainEntityOfPage":{"@id":"https://alekhin.dev/projects/aerovista/#webpage"},"publisher":{"@id":"https://alekhin.dev/#identity"},"workTranslation":{"@id":"https://alekhin.dev/en/#website"}},{"@id":"https://alekhin.dev/projects/aerovista/#webpage","@type":"WebPage","description":"Лендинг услуг обследования объектов дронами с калькулятором экономии и формой заявки.","name":"AEROVISTA Inspect — Сайт услуг обследования с дронов","url":"https://alekhin.dev/projects/aerovista/","breadcrumb":{"@id":"https://alekhin.dev/projects/aerovista/#breadcrumb"},"image":{"@id":"https://alekhin.dev/#/schema/image/2"},"isPartOf":{"@id":"https://alekhin.dev/#website"},"potentialAction":[{"@type":"ReadAction","target":["https://alekhin.dev/projects/aerovista/"]}]},{"@id":"https://alekhin.dev/#identity","@type":"Person","email":"mailto:alekhin.v99@gmail.com","jobTitle":"Разработчик сайтов и сервисов","name":"Валентин Алёхин","url":"https://alekhin.dev/","knowsAbout":["TypeScript","Vue","Nuxt","Node.js","Go","SaaS"],"sameAs":["https://github.com/ValentinAlekhin","https://t.me/alekhin_vv"]},{"@id":"https://alekhin.dev/projects/aerovista/#breadcrumb","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","name":"alekhin.dev","item":"https://alekhin.dev","position":1},{"@type":"ListItem","name":"AEROVISTA Inspect","item":"https://alekhin.dev/projects/aerovista/","position":2}]},{"@id":"https://alekhin.dev/#/schema/image/1","@type":"ImageObject","contentUrl":"https://alekhin.dev/projects/aerovista/og.webp","inLanguage":"ru-RU","url":"https://alekhin.dev/projects/aerovista/og.webp"},{"@id":"https://alekhin.dev/#/schema/image/2","@type":"ImageObject","contentUrl":"https://alekhin.dev/projects/aerovista/og.webp","inLanguage":"ru-RU","url":"https://alekhin.dev/projects/aerovista/og.webp"}]}
```

## Sitemap

See the full [sitemap](https://alekhin.dev/sitemap.md) for all pages.