《Concept》 Aircon cleaning and repair

AyosGawa Aircon

A five-page marketing site for a fictional Filipino software company that sells service records, next-due reminders, approved quotes and job proof to aircon cleaning teams. A concept with sample data, built with HTML and CSS only.

Concept · 2026

Concept · fictional business · sample data

AyosGawa aircon home page as a Facebook post: the whole landing page in columns.

The problem

Aircon cleaning teams run on memory, notebooks and chat threads. Nobody knows which unit was cleaned when, or when it is due again, so repeat jobs depend on the owner remembering to message the customer. Quotes get lost in Messenger and there is no proof of the job once the crew leaves.

The idea

On this page, a forgotten customer becomes a reminder that sends itself. Every unit gets a service record. The next-due date drives a Taglish message the owner can read and approve. Quotes are approved before the job, and the crew attaches proof when it is done.

The story

  1. Cover slide for the AyosGawa aircon site.
  2. Before and after slide 1 of the aircon site audit.
  3. Before and after slide 2 of the aircon site audit.
  4. Before and after slide 3 of the aircon site audit.
  5. Before and after slide 4 of the aircon site audit.
  6. Before and after slide 5 of the aircon site audit.

Screens

  • AyosGawa aircon home page as a vertical story.
  • AyosGawa aircon home page, carousel slide 1.
  • AyosGawa aircon home page, carousel slide 2.
  • AyosGawa aircon home page, carousel slide 3.
  • AyosGawa aircon home page, carousel slide 4.
  • AyosGawa aircon home page, carousel slide 5.
  • AyosGawa aircon home page, scroll image 1, a column of the full page.
  • AyosGawa aircon home page, scroll image 2, a column of the full page.
  • AyosGawa aircon home page, scroll image 3, a column of the full page.
  • AyosGawa aircon home page, scroll image 4, a column of the full page.
  • AyosGawa aircon home page, scroll image 5, a column of the full page.

What it does for the business

If this were a real product, a small aircon team would stop chasing repeat customers by memory. Each unit would carry its history, reminders would go out on time, and quotes and job proof would live in one record instead of a chat thread.

Figures marked sample are illustrations, not real results.

How it's built

  • No JavaScript on the site. The hero demo, jobs board, reminder builder and FAQ run on native elements and :has().
  • The home hero lets you pick how hard a unit works and the next-due date. The status and the Taglish reminder change with it.
  • The reminder builder rewrites a Viber message preview as you flip the toggles, so the owner sees the message before it goes out.
  • One desk per trade on the trades page, plus a plain list of what the company won't build.
  • Every page footer says the company, customers, prices and figures are sample content.

HTML · CSS · No JavaScript