---
title: "AEROVISTA Inspect — Drone inspection website · alekhin.dev"
description: "Drone inspection services landing page with a savings calculator and enquiry form."
canonical_url: "https://alekhin.dev/en/projects/aerovista/"
meta:
  "og:description": "Drone inspection services landing page with a savings calculator and enquiry form."
  "og:image": "https://alekhin.dev/_og/s/o_3e801ab57c1fa725.png"
  "og:image:height": "630"
  "og:image:type": image/png
  "og:image:width": "1200"
  "og:title": "AEROVISTA Inspect — Drone inspection website"
  "twitter:image": "https://alekhin.dev/_og/s/o_3e801ab57c1fa725.png"
---

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

[Back to projects](https://alekhin.dev/en/#projects)2024

Drone inspection website

# AEROVISTA Inspect

Drone inspection services landing page with a savings calculator and enquiry form.

<dl>

<dt>Task</dt>
<dd>Explain which sites can benefit from drone inspections and provide a way to request a quote.</dd>

<dt>What I built</dt>
<dd>Built a page with services, work examples and a form for site details.</dd>

<dt>Result</dt>
<dd>Visitors can learn about the service and fill out a quote request.</dd></dl>

## My role

Concept, interface, responsive build, savings calculator, FAQ, and enquiry forms.

<dl>

<dt>Scope</dt>
<dd>Corporate landing / Calculator / Frontend</dd>

<dt>Period</dt>
<dd>2024</dd>

<dt>Status</dt>
<dd>completed</dd>

</dl>

## Stack

- HTML
- Tailwind CSS
- JavaScript
- Lucide

*Home page*

Industrial photography and contrasting typography establish the service at a glance.

## A technical presentation without clutter

The page combines industrial photography, cost estimates, and evidence-led case studies.

*Full landing page*

The full page brings together services, inspection examples, a calculator and frequently asked questions.

## The complete landing page on mobile

Large calls to action and calculations remain legible on a narrow screen.

*Mobile first screen*

The mobile opening screen retains the large heading, site photograph and primary action.

*Landing page on a phone*

Every landing-page section adapts to a phone, including the calculator and service enquiries.

## The enquiry stays in context

The form opens over the page and works consistently on desktop and mobile.

*Quote form*

The form collects site details for an estimate in a dialog over the service page.

*Mobile quote form*

The mobile form uses a vertical field layout and a clearly visible submit button.

<details>

<summary>Technical details

</summary>

The landing page uses HTML, Tailwind CSS and JavaScript. A calculator, FAQ and enquiry dialog complement the service sections.

</details>

## Let’s discuss your project

Tell me what you need: a website, store, service or workflow automation.

## Contact

[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":"Drone inspection services landing page with a savings calculator and enquiry form.","inLanguage":"en-US","name":"AEROVISTA Inspect","url":"/en/projects/aerovista/","creator":{"@id":"https://alekhin.dev/#identity"},"image":{"@id":"https://alekhin.dev/#/schema/image/1"},"mainEntityOfPage":{"@id":"https://alekhin.dev/en/projects/aerovista/#webpage"},"publisher":{"@id":"https://alekhin.dev/#identity"},"translationOfWork":{"@id":"https://alekhin.dev/#website"}},{"@id":"https://alekhin.dev/en/projects/aerovista/#webpage","@type":"WebPage","description":"Drone inspection services landing page with a savings calculator and enquiry form.","name":"AEROVISTA Inspect — Drone inspection website","url":"https://alekhin.dev/en/projects/aerovista/","breadcrumb":{"@id":"https://alekhin.dev/en/projects/aerovista/#breadcrumb"},"image":{"@id":"https://alekhin.dev/#/schema/image/2"},"isPartOf":{"@id":"https://alekhin.dev/en/#website"},"potentialAction":[{"@type":"ReadAction","target":["https://alekhin.dev/en/projects/aerovista/"]}]},{"@id":"https://alekhin.dev/#identity","@type":"Person","email":"mailto:alekhin.v99@gmail.com","jobTitle":"Website and web service developer","name":"Valentin Alekhin","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/en/projects/aerovista/#breadcrumb","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","name":"alekhin.dev","item":"https://alekhin.dev/en/","position":1},{"@type":"ListItem","name":"AEROVISTA Inspect","item":"https://alekhin.dev/en/projects/aerovista/","position":2}]},{"@id":"https://alekhin.dev/#/schema/image/1","@type":"ImageObject","contentUrl":"https://alekhin.dev/projects/aerovista/og.webp","inLanguage":"en-US","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":"en-US","url":"https://alekhin.dev/projects/aerovista/og.webp"}]}
```

## Sitemap

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