ZM Tech — корпоративный сайт IT-компании
Одностраничный корпоративный сайт компании, предлагающей веб-разработку, кибербезопасность, оптимизацию 1С и хостинг. Собран на React и Vite; четыре направления представлены в системе вкладок.
Открыть сайт- Клиент
- ZM Tech — IT-компания: веб-разработка, кибербезопасность и услуги по 1С
- Роль
- Frontend-разработка — архитектура страницы, компоненты вкладок и аккордеона, адаптивная вёрстка, анимация и деплой.
- Стек
- React · Vite · Tailwind CSS
- Дата
- август 2025
- Языки
- 1 — EN
Основная сложность сайта, продающего IT-услуги, в том, что снаружи услуги выглядят одинаково: разработка сайта, кибербезопасность, оптимизация 1С и хостинг продаются совершенно разным покупателям, но в списке все они выглядят просто как «услуга». Посетитель должен был с одного взгляда понять, есть ли его задача в этом списке, — не читая четыре раздела подряд.
- Четыре направления услуг в системе вкладок: разработка сайтов, кибербезопасность, оптимизация 1С, хостинг и тестирование
- Каждая вкладка раскрывает описание внутри одной панели — страница не растягивается
- Четыре этапа работы: анализ и планирование, дизайн и прототип, разработка, запуск и поддержка
- Непрерывно движущаяся лента логотипов партнёров
- Раздел отзывов с именем, должностью и компанией
- Раздел о компании: команда и миссия
- Часто задаваемые вопросы в формате аккордеона
- Призыв к действию в конце страницы
Четыре услуги, одна панель
Если выстроить услуги друг под другом, страница вытягивается на четыре экрана, и посетителю приходится пролистывать три чужих направления, чтобы дойти до своего. Система вкладок показывает все четыре названия сразу и раскрывает подробности только у выбранного. Посетитель одним взглядом видит, чем занимается компания, и читает лишь то, что относится к нему.
Почему React + Vite, а не Next.js?
Сайт — это чисто статический маркетинговый материал: нет серверной логики, аккаунтов, динамического контента. При таком профиле серверные возможности Next.js не задействуются никогда, а сложность сборки и деплоя остаётся. Vite даёт меньший бандл и работает на обычном статическом хостинге — технология подобрана под масштаб проекта, а не наоборот.
FAQ сделан аккордеоном
Если показать все ответы сразу, страница превращается в стену текста, которую никто не читает. Аккордеон позволяет пробежать глазами вопросы и раскрыть только свой. При этом сами ответы остаются в документе — то есть видимы и человеку, и поисковой системе, просто не занимают места.
Выбор языка — это заявление о позиционировании
Сайт полностью на английском, и это стратегическое, а не техническое решение. Язык за секунду сообщает посетителю, к кому обращаются: сайт для местного рынка говорит по-азербайджански, английский сайт заявляет о готовности работать с международными клиентами. Один язык, сделанный аккуратно, сильнее трёх сделанных наполовину.
Раздел процесса снимает неопределённость
Первый вопрос покупателя IT-услуг — «как это вообще будет происходить». Раздел из четырёх этапов отвечает именно на него: анализ, дизайн, разработка, поддержка. Это сокращает количество вопросов до первого контакта и позволяет начинать разговор сразу с сути работы.
Сайт работает с августа 2025 года. Десктопная производительность высокая, мобильное измерение — ниже цели: причина в весе изображений и шрифтов, оптимизация запланирована. Цифра появится здесь после улучшения.
Расскажите о проекте — обычно отвечаю в тот же день.
Nurlan Qadirov — Baku, Azerbaijan