Наши работы

Разборы работ: сайты, приложения и боты

Это не витрина картинок. У каждой работы есть разбор: что было до, какое решение приняли и почему именно такое, чем проверили, что оно работает. Красивый снимок экрана не отвечает ни на один из этих вопросов, а заказчик платит именно за ответы.

Здесь только то, что действительно сделано. Концептов и придуманных кейсов на сайте нет: клиент проверяет заявления, и одно несовпадение стоит доверия ко всему остальному. Работа без живой ссылки помечена честным статусом, а демонстрационная — подписана как демонстрационная.

Как читать эти работы

Каждый разбор отвечает на шесть вопросов

Порядок один и тот же — от задачи бизнеса к проверке. Так работу можно сравнить с чужой, а не только полюбоваться.

  1. Задача. Что теряет бизнес сегодня и в каком месте обрывается путь клиента. Не «нужен сайт», а что именно ломается.
  2. Кому и с каким возражением. Портрет полезен не возрастом и профессией, а тем, из-за чего человек не доходит до оплаты.
  3. Путь. Шаги от первого экрана до результата и почему они в таком порядке. Порядок экранов — это решение, а не оформление.
  4. Что решает машина. Расчёт, бронь, отправка, учёт — то, ради чего вообще пишут код, а не рисуют страницу.
  5. Сторона владельца. Что видит тот, кто платит: выручка, загрузка, поломки. Разборы, где этого нет, отвечают только половине вопроса.
  6. Чем проверено. Не «мы посмотрели», а что именно проверяет машина и что осталось человеку.

Самый полный разбор по этой схеме — приложение прачечной: там есть все шесть разделов, включая посчитанный контраст и приёмку на 76 проверок.

Чего в наших разборах не будет. Выдуманных цифр роста. У демонстрационных работ выручки нет и быть не может — это витрины студии, и мы пишем это на них прямо. Цифры стоят там, где за ними стоит живой бизнес и его согласие их назвать.

Кафе · Еда на ходу

Кафе «Vibe Coffee»: меню, которое ставится на телефон

Приложение кофейни навынос: открывается по обычной ссылке, ставится иконкой на домашний экран и показывает меню даже без интернета. Заказ собирается в один тап и уходит готовым текстом.

  • Работает без интернета — проверено на всех 21 позиции
  • Без Google Play и App Store: ссылка вместо магазина

Чистые HTML, CSS, JS · 85 КБ кода · без библиотек

Демонстрационный проект студии, не заказ Открыть приложение — потрогать меню и заказ →

Разбор проекта →

Красота · Запись по часам

Мастер маникюра: запись без переписки, круглые сутки

Клиентка выбирает услугу, видит цену и свободное время и записывается сама — ночью тоже. Мастер видит свой день: кто придёт, что свободно, сколько заработано за месяц.

  • Окно бронируется по верхней границе — работа «3,5–4 часа» занимает четыре
  • Особая цена по пенсионному удостоверению, без слова «скидка»
  • Фото документов не просит и не хранит

Node.js без единой зависимости · календарь по часам · свои шрифты

Показательная версия: мастер, цены и адрес выдуманы Открыть приложение — записаться и посмотреть день мастера →

Разбор проекта →

Прачечная · Бронирование машин

Прачечная самообслуживания: машина забронирована, время готовности известно

Человек с пакетом белья хочет знать три вещи: свободна ли машина, сколько стоит и когда забирать. Приложение отвечает на все три до того, как он вышел из дома, и держит бронь, чтобы двое не пришли к одной машине.

  • Сушка планируется после стирки и показывает ожидание, если сушилка занята
  • Занятость машин видна лентой дня: занято утром — свободно после обеда
  • Панель смены: выручка, машины на обслуживании, статусы заказов

Node.js без единой зависимости · работает без интернета · 67 машинных проверок перед показом

Показательная версия: прачечная выдумана, оплата не настоящая Открыть приложение — забронировать машину и увидеть расчёт →

Разбор проекта →

Интернет-магазин рыбы: каталог с отделами, корзина и заказ в два клика

Вторая половина той же работы. Презентация объясняет, магазин продаёт: каталог переключается по отделам без перезагрузки, счётчик корзины растёт при добавлении, заказ и подбор к столу открываются окном прямо на странице.

  • Вкладки «Икорный дом», «Морские деликатесы», «Дикая рыба» фильтруют витрину мгновенно
  • Кнопка «В корзину» отвечает «Добавлено ✓» и возвращается сама
  • Двадцать машинных проверок перед показом: нажатия, окно, телефон, консоль

Свой CSS и ванильный JS · без Tailwind и CDN · шрифты со своего сервера

Показательная версия: магазин выдуман, заказ не отправляется Открыть магазин — переключить отделы и собрать заказ →

Разбор проекта →

Фирменный стиль рыбного магазина: знак, носители и страница-презентация

Показательная работа: как мы разбираем бизнес перед тем, как рисовать. Сначала шесть блоков вопросов — чем наполнен, как покупают, что спрашивают каждый раз, — и только потом знак, палитра и носители. Каждый вывод получает место на носителе, а не остаётся в отчёте.

  • Вопрос покупателей «когда был завоз?» превратился в поле на ценнике под мел
  • Знак показан в 128, 64 и 48 пикселях: выбирают по мелкому виду, а не по крупному
  • Палитра с кодами CMYK, шрифты с проверенной кириллицей, серия сертификатов

Свой CSS на токенах · знак объявлен один раз и вставляется ссылкой · ноль сторонних библиотек

Показательная версия: магазин выдуман, цены и телефоны не настоящие Открыть презентацию — прочитать разбор и посмотреть носители →

Разбор проекта → · про услугу «фирменный стиль» →

Климат · Лендинг с подбором

Кондиционеры: лендинг, который считает мощность за клиента

Главное возражение ниши — «я не знаю, какой мне нужен». Человек двигает ползунок площади, видит киловатты и три подходящие модели с ценой, и только потом оставляет телефон. Не раньше: до расчёта ему нечего терять, и он уходит.

  • Калькулятор считает по теплопритоку: площадь, потолки, солнечная сторона
  • Цену комплекта называет до заявки — сначала расчёт, потом телефон
  • Шесть палитр переключаются одной строкой, контраст проверяет сборка

Node.js без единой зависимости · свой шрифт файлом · ноль внешних запросов

Показательная версия: компания, цены и отзывы выдуманы Открыть лендинг — посчитать мощность для своей комнаты →

Разбор проекта →

Полиграфия · Дизайн

Сайт дизайн-студии «Гранат»

Сайт студии премиальной полиграфии и фирменного стиля: услуги, работы, приём заявок. Собран под телефон в первую очередь — оттуда приходит большая часть посетителей.

  • Разработка сайта под ключ
  • Приём заявок с уведомлением в Telegram

Node.js · чистый HTML, CSS, JS · хостинг Amvera

granat-kmv.ru — открыть сайт →

Разбор проекта →

Кофейни · Приложения

Приложение для кофейни

Меню, сбор заказа и отправка его в мессенджер. Ставится на экран телефона прямо из браузера, без App Store и Google Play, и открывает меню даже там, где связь не ловит.

  • Работает без интернета: меню лежит в телефоне
  • Заказ уходит в WhatsApp, Telegram или ВКонтакте
  • Прошлый заказ повторяется в одно нажатие

Чистые HTML, CSS, JS · 33 КБ в сжатом виде · PWA

Открыть приложение →

Демо: приложение рабочее, кофейня выдумана, цены ориентировочные

Разбор проекта →

Автошколы

Автошкола «Старт»: сайт и мобильное приложение

Сайт автошколы на три филиала — Лермонтов, Пятигорск и станица Суворовская — и приложение для учеников. Расписание и запись работают в каждом филиале, у сайта и приложения один визуальный язык.

  • Три филиала в одной структуре сайта
  • Мобильное приложение для учеников

Node.js · чистый HTML, CSS, JS

В работе — запуск скоро

Разбор проекта →

Автоматизация

Боты ВКонтакте и Telegram

Боты принимают заявки с сайта, отвечают на типовые вопросы и сразу присылают контакт владельцу — в ВКонтакте и Telegram одновременно. Заявка доходит за секунды, а не к следующему рабочему дню.

  • Работают круглосуточно
  • Два канала сразу: не дошло в один — дойдёт в другой
  • Заявка дублируется на сервер, чтобы не потеряться при сбое

Разбор проекта →

Вайбкодинг

Этот сайт

Собран вайбкодингом на чистом коде: анимация, частицы и отклик на каждое действие. Без Tilda и WordPress, поэтому открывается мгновенно даже на медленном мобильном интернете.

  • Чистый HTML, CSS и JavaScript
  • ИИ-ассистент, квиз-калькулятор и замер скорости прямо на странице

Node.js · Express · 65 КБ в сжатом виде · без конструкторов

vibe-digital999.ru — открыть главную →

Разбор проекта →

Честно

Почему работ немного

Мы не пишем «247 проектов» и не показываем чужие сайты из галерей шаблонов. В портфолио попадает только то, что сделано нами и что можно открыть или проверить.

Портфолио пополняется. Если вашей ниши здесь пока нет — это не значит, что задача сложная: услуги одни и те же, меняется только содержание. На разговоре честно скажем, делали мы такое раньше или беремся впервые.

Начните работать

Оставить заявку

Расскажите о задаче. Ответим в течение часа в рабочее время и назовём цену со сроком.

Посмотрим задачу и скажем ориентир по цене и сроку. Без обязательств и навязчивых звонков: ответим тем же способом, каким вы написали.

Этого достаточно, чтобы отправить заявку. Остальные поля — по желанию.

Добавить детали — задача, имя, город

Поможет быстрее рассчитать стоимость и предложить подходящий формат работы.

Заявка принята!
Ответим в течение часа в рабочее время.

Смотрите также