ZM Tech — corporate site for an IT services company

A single-page corporate site for a company offering web development, cybersecurity, 1C optimisation and hosting. Built with React and Vite, with the four service tracks presented in a tabbed panel.

Visit live site
Overview
Client
ZM Tech — an IT company offering web development, cybersecurity and 1C services
Role
Frontend development — page architecture, tab and accordion components, responsive layout, motion and deployment.
Stack
React · Vite · Tailwind CSS
Date
August 2025
Languages
1 — EN
The problem

The hard part on a site that sells IT services is that the services look alike from the outside: web development, cybersecurity, 1C optimisation and hosting are sold to completely different buyers, yet they all appear in the same list as generic “services”. A visitor had to be able to tell at a glance whether their problem was on that list — without reading four sections in sequence.

What the site includes
  • Four service tracks in a tabbed panel: web development, cybersecurity, 1C optimisation, hosting and testing
  • Each tab opens its description inside the same panel — the page never stretches
  • A four-stage delivery process: discovery and planning, design and prototyping, development, deployment and support
  • A continuously scrolling partner logo marquee
  • A testimonials section with name, role and company
  • An about section covering the team and the mission
  • Frequently asked questions in an accordion
  • A closing call to action
Technical decisions
01

Four services, one panel

Stacking the services vertically makes the page four screens long, and the visitor has to scroll past three tracks that do not concern them to reach their own. A tabbed panel shows all four names at once and opens the detail only for the one selected. The visitor sees what the company does in a single glance, then reads only the part that applies to them.

02

Why React + Vite rather than Next.js?

The site is pure static marketing material: no server logic, no user accounts, no dynamic content. On that profile, Next.js server features never get used while its build and deployment complexity stays. Vite produces a smaller build and runs on ordinary static hosting without ceremony — the technology was chosen to match the size of the project, not the other way round.

03

The FAQ is an accordion

Showing every answer at once turns the page into a wall of text that nobody reads. An accordion lets the visitor scan the questions and open only the one that concerns them. The answers still live in the document, so they remain visible to both people and search engines — they simply do not take up space.

04

The language choice is a positioning statement

The site is entirely in English, and that is a strategic rather than a technical decision. Language tells a visitor within a second who is being addressed: a site aimed at the local market speaks Azerbaijani, while an English site signals readiness to work with international clients. One language done properly beats three languages done halfway.

05

The process section removes uncertainty

The first question anyone buying IT services asks is “how will this actually run”. The four-stage process section answers exactly that: discovery, design, development, support. It cuts down the questions asked before the first call and lets the conversation start with the substance of the work.

Results

The site has been live since August 2025. Desktop performance is strong, while the mobile measurement sits below target — the cause is image and font weight, and optimisation is planned. The figure will be published here once it improves.

Tell me about your project — I usually reply the same day.

Nurlan Qadirov — Baku, Azerbaijan