Smarts Engineer
A conversion-focused landing page for engineering services in plain HTML, CSS, and JavaScript.
HTMLCSSJavaScript
Task
Build a one-page landing site for an engineering company (electrical installation, heating and ventilation, air conditioning, low-voltage systems, water supply and drainage, design) that accepts form submissions with no backend and no CRM — inquiries had to land in the company's work chat instantly.
Result
- A landing page in plain HTML/CSS/JS with no frameworks or build step — simple to deploy and maintain.
- Form submissions go straight to the company's Telegram group via the Bot API (axios), bypassing the backend entirely.
- Responsive layout with a burger menu and smooth anchor scrolling across all devices.
Solution
- A page structure that moves "from interest to inquiry": a hero with the value proposition and CTA → a benefits block → a slider of completed work (Swiper) → 6 service-area cards linked from the header and burger menu via anchors → an "About the company" block → the inquiry form → contacts with a map (Yandex Maps) → footer.
- Responsive layout built with media queries (media.css), a mobile burger menu, native-JS smooth scroll to sections, and separate hero-image variants for different screen widths (767/1200/2000px) for fast loading.