Услуга

Веб-дизайн и UI/UX дизайн сайтов

Дизайн, который ведёт к конверсии. Figma, design system, адаптивы для трёх брейкпоинтов. 10 лет, 500+ проектов.

Цифри

10

лет на рынке

500+

проектов в портфолио

Figma

design system в каждом проекте

Роботи

Дизайн, который уже работает в проде

Что мы делаем

UI дизайн, UX и редизайн — под вашу задачу

Как мы работаем

Пять шагов дизайна. Финал — handoff разработчикам

  1. Исследование

    Аудит конкурентов, анализ поведения на текущем сайте (если есть), разбор задачи и целевой аудитории. На выходе: исследовательский бриф + карта аудиторий + список ключевых сценариев.

  2. Прототип

    Wireframes в Figma — структура страниц и логика переходов. Проверяем, что сайт «думает правильно», до того как рисовать. На выходе: утверждённый прототип + карта сайта.

  3. UI-макети

    Дизайн для desktop (1440px), tablet (768px) и mobile (375px). Два направления на старте — клиент выбирает одно. На выходе: финальные макеты трёх брейкпоинтов + три раунда правок в бюджете.

  4. Дизайн-система

    Компонентная библиотека в Figma: типографика, цвета, отступы, кнопки, формы, карточки, иконки. На выходе: Figma design system + гайдлайн для редактора.

  5. Handoff

    Передаём Figma-файлы, assets и спецификации разработчику — вашему или нашему. На выходе: Figma-файлы (ваши навсегда), assets в SVG/PNG, спецификация компонентов.

Что вы получаете

Figma-исходники ваши. Design system в комплекте. Три раунда правок на ключевых этапах

В каждом проекте

  • Figma-файл — ваш. Без «аренды макетов», без привязки к нашему аккаунту.
  • Design system: цвета, шрифты, компоненты — задокументированы для разработчика и контент-менеджера.
  • Адаптивные макеты: desktop / tablet / mobile — три брейкпоинта минимум.
  • Три раунда правок на каждом из ключевых этапов (прототип, UI). Что сверх — почасовая оплата.
  • Два варианта UI-концепции на старте — выбираете направление, детализируем одно.
  • Спецификации и assets для разработчика в формате, с которым он сразу начнёт кодить.

Отзывы

Что говорят клиенты о нашем дизайне

  • «Заказывали в Apricode разработку интернет-магазина, ребята сделали все быстро, результатом довольны, уже начали продавать ) Рекомендую всем!»
    Ирина Гаркавенко

    Ирина Гаркавенко

  • «Хочу поблагодарить команду Apricode за проделанную работу! Разработали интернет-магазин и настроили контекстную рекламу, ребята настоящие профессионалы. Рекомендую!!!!»
    Александр Лавров

    Александр Лавров

  • «Обратился к ребятам с задачей разработки админ-панели к статичному html-сайту в виде нашего каталога, для добавления товаров, текстов и т.п. Очень быстро договорились, обсудили, установили сроки. Сделали все отлично и даже раньше, чем обещали. Всем доволен, благодарен, рекомендую!»
    Serhii Petrenko

    Serhii Petrenko

  • «Долго искали компанию которая качественно сделает нам новый сайт. Заказывали 2 сайта у других конкурентов были очень недовольны. У Богдана нам все понравилось. Кстати, предложили оочень хорошую цену. Богдан лично звонил и уточнял все до мелочей, что-бы все работало хорошо. Мало того, он исходя из своего опыта и тенденций в инет маркетинге выставлял свои предложения по видению сайта, которые мы с радостью приняли. Сайт уже в работе, как себя покажет дальше - уже видно будет со временем. Но я смело рекомендую компанию. Правда, ребятам большое спасибо!»
    Тета Инсталл

    Тета Инсталл

  • «Обратились к ребятам вот с чем: после перенесения сайта на другой хостинг начались проблемы...сайт на WordPress , я с ним никогда не работала и не могла понять как действовать. Предыдущий исполнитель был не доступен. За 1 час после обращения мне полностью пошагово расписали все проблемные моменты, просчитали стоимость работы, это при том, что ранее мы не сотрудничали и ребята взялись буквально исследовать чужие ошибки! В общем, профессионально и лаконично, рекомендую.»
    Kakvpesne Irina

    Kakvpesne Irina

Частые вопросы

Что обычно спрашивают перед стартом

Контактна форма

Расскажите задачу — скажем, какой дизайн нужен

  • 30 минутОнлайн-встреча 1:1
  • Удобный форматВидео или звонок
  • Фокус на решенииПрактичные ответы
Где удобнее связаться?

Ваши данные защищены и не передаются третьим лицам.

Подробнее

Веб-дизайн и UI/UX дизайн сайтов, которые ведут пользователя к действию

Веб-дизайн — это не эстетика ради эстетики. За каждым решением о цвете кнопки, ширине отступа или порядке элементов стоит вопрос: «ведёт ли это пользователя к действию?» За 10 лет и 500+ проектов мы увидели: хорошо сделанный веб-дизайн сайта — это тот, что конвертит, а не тот, что собирает лайки на Behance. Разница между «красивым» и «рабочим» дизайном — это разница между сайтом-витриной и сайтом-инструментом бизнеса. Подивитися кейси →

UI/UX дизайн начинается с понимания, кто и зачем приходит на сайт. UX-исследование, карта аудиторий, анализ конкурентов — это не «лишний шаг», а страховка от ошибки на уровне структуры, которую потом переделывать дороже, чем сделать правильно сразу. Wireframes в Figma фиксируют логику ещё до того, как появляется красота — и именно на этом шаге дешевле всего изменить структуру. Если «сделали не то, что я имел в виду» выясняется уже на UI-макетах — прототипа не было или его пропустили.

Дизайн интернет-магазина отличается от дизайна корпоративного сайта тем же, чем отличается торговый зал от офиса. Карточка товара, фильтры каталога, корзина, оформление заказа — у каждого из этих экранов своя конверсионная логика. Для магазинов одежды важны таблицы размеров и сравнение цветов вариаций; для магазинов косметики — состав и сертификаты в карточке; для магазинов мебели — вызов замерщика и оплата частями. Эти детали закладываются в дизайн-систему, а не дописываются потом как «доработка». Дизайн e-commerce →

Дизайн-система — это единый язык между дизайнером, разработчиком и контент-менеджером. Компоненты, токены цветов, типографическая шкала, состояния форм и кнопок — всё описано один раз и больше не объясняется в письмах. Когда клиент добавляет новую страницу через шесть месяцев после релиза, он не «просит у дизайнера шрифт» — он открывает библиотеку и берёт готовый компонент. Мы передаём design system в каждом проекте: Figma-файл ваш навсегда, без подписки и без «аренды макетов».

Редизайн — отдельная задача с другой логикой. Не «нарисовать всё заново», а найти минимальный объём изменений, который даёт максимальный эффект. Начинаем с аудита текущего дизайна: где теряется конверсия, что устарело, что всё ещё работает. После аудита фиксируем, что оставляем неизменным, — это сокращает и бюджет, и срок. Редизайн сайта, который собирает органический трафик, требует особой осторожности: технические изменения не должны ломать то, что уже ранжируется. Узнать о стоимости →

Где у нас есть измеренный результат — показываем: прирост конверсии на кейсах реальный и зафиксирован в аналитике, а не выдуман для портфолио. Где цифр нет — пишем «не измерено», и это важнее красивой цифры, которую потом нельзя проверить. Если задача вашего веб-дизайна — увеличить конверсию, принимать заявки или продавать больше с того же трафика — за 30 минут скажем, какой подход сработает в вашем случае и сколько это ориентировочно стоит: поговорим