Послуга
Веб-дизайн та UI/UX дизайн сайтів
Дизайн, який веде до конверсії. Figma, design system, адаптиви для трьох брейкпоінтів. 10 років, 500+ проєктів.
Цифри
років на ринку
проєктів у портфоліо
design system у кожному проєкті
Роботи
Дизайн, який уже працює в проді
Що ми робимо
UI дизайн, UX і редизайн — під вашу задачу
- UI дизайн сайтів та лендінгів
Інтерфейси для корпоративних сайтів, інтернет-магазинів, лендінгів і SaaS-продуктів. Пропрацьована типографіка, компонентна бібліотека в Figma, design system для розробника.
Підходить, якщо у вас новий проєкт або потрібно зробити сайт «з нуля».
- UX та дослідження
Аналіз поведінки користувачів, wireframes до малювання краси, перевірка логіки перед кодом. Юзабіліті-аудит наявного сайту — знаходимо, де губляться конверсії, і кажемо, що виправляти першим.
Підходить, якщо сайт уже є, але не конвертує так, як хотілося б.
- Редизайн сайту
Окремий трек: аудит поточного → що лишаємо → що міняємо → нові макети. Не «намалюємо все заново» — знаходимо мінімальний обсяг змін для максимального ефекту.
Підходить, якщо сайт застарів або відставав від конкурентів ще на старті.
Як ми працюємо
П’ять кроків дизайну. Фінал — handoff розробникам
Дослідження
Аудит конкурентів, аналіз поведінки на поточному сайті (якщо є), розбір задачі та цільової аудиторії. На виході: дослідницький бриф + карта аудиторій + список ключових сценаріїв.
Прототип
Wireframes у Figma — структура сторінок і логіка переходів. Перевіряємо, що сайт «думає правильно», до того як малювати. На виході: затверджений прототип + карта сайту.
UI-макети
Дизайн для desktop (1440px), tablet (768px) і mobile (375px). Два напрямки на старті — клієнт обирає один. На виході: фінальні макети трьох брейкпоінтів + три раунди правок у бюджеті.
Дизайн-система
Компонентна бібліотека у Figma: типографіка, кольори, відступи, кнопки, форми, картки, іконки. На виході: Figma design system + гайдлайн для редактора.
Handoff
Передаємо Figma-файли, assets і специфікації розробнику — вашому або нашому. На виході: Figma-файли (ваші назавжди), assets у SVG/PNG, специфікація компонентів.
Що ви отримуєте
Figma-вихідники ваші. Design system у комплекті. Три раунди правок на ключових етапах
У кожному проєкті
- Figma-файл — ваш. Без «оренди макетів», без прив’язки до нашого акаунта.
- Design system: кольори, шрифти, компоненти — задокументовані для розробника і контент-менеджера.
- Адаптивні макети: desktop / tablet / mobile — три брейкпоінти мінімум.
- Три раунди правок на кожному з ключових етапів (прототип, UI). Що понад — погодинна оплата.
- Два варіанти UI-концепції на старті — обираєте напрямок, деталізуємо один.
- Специфікації та assets для розробника у форматі, з яким він одразу почне кодити.
Відгуки
Що кажуть клієнти про наш дизайн
«Заказывали в Apricode разработку интернет-магазина, ребята сделали все быстро, результатом довольны, уже начали продавать ) Рекомендую всем!»
Ирина Гаркавенко
«Хочу поблагодарить команду Apricode за проделанную работу! Разработали интернет-магазин и настроили контекстную рекламу, ребята настоящие профессионалы. Рекомендую!!!!»
Александр Лавров
«Обратился к ребятам с задачей разработки админ-панели к статичному html-сайту в виде нашего каталога, для добавления товаров, текстов и т.п. Очень быстро договорились, обсудили, установили сроки. Сделали все отлично и даже раньше, чем обещали. Всем доволен, благодарен, рекомендую!»
Serhii Petrenko
«Долго искали компанию которая качественно сделает нам новый сайт. Заказывали 2 сайта у других конкурентов были очень недовольны. У Богдана нам все понравилось. Кстати, предложили оочень хорошую цену. Богдан лично звонил и уточнял все до мелочей, что-бы все работало хорошо. Мало того, он исходя из своего опыта и тенденций в инет маркетинге выставлял свои предложения по видению сайта, которые мы с радостью приняли. Сайт уже в работе, как себя покажет дальше - уже видно будет со временем. Но я смело рекомендую компанию. Правда, ребятам большое спасибо!»
Тета Инсталл
«Обратились к ребятам вот с чем: после перенесения сайта на другой хостинг начались проблемы...сайт на WordPress , я с ним никогда не работала и не могла понять как действовать. Предыдущий исполнитель был не доступен. За 1 час после обращения мне полностью пошагово расписали все проблемные моменты, просчитали стоимость работы, это при том, что ранее мы не сотрудничали и ребята взялись буквально исследовать чужие ошибки! В общем, профессионально и лаконично, рекомендую.»
Kakvpesne Irina
Часті питання
Що зазвичай запитують перед стартом
Контактна форма
Розкажіть задачу — скажемо, який дизайн потрібен
- 30 хвилинОнлайн-зустріч 1:1
- Зручний форматВідео або дзвінок
- Фокус на рішенніПрактичні відповіді
Детальніше
Веб-дизайн та UI/UX дизайн сайтів, які ведуть користувача до дії
Веб-дизайн — це не естетика заради естетики. За кожним рішенням про колір кнопки, ширину відступу чи порядок елементів стоїть питання: «чи веде це користувача до дії?» За 10 років і 500+ проєктів ми побачили: добре зроблений веб-дизайн сайту — це той, що конвертує, а не той, що збирає лайки на Behance. Різниця між «красивим» і «робочим» дизайном — це різниця між сайтом-вітриною і сайтом-інструментом бізнесу. Подивитися кейси →
UI/UX дизайн починається з розуміння, хто і навіщо приходить на сайт. UX-дослідження, карта аудиторій, аналіз конкурентів — це не «зайвий крок», а страховка від помилки на рівні структури, яку потім переробляти дорожче, ніж зробити правильно одразу. Wireframes у Figma фіксують логіку ще до того, як з’являється краса — і саме на цьому кроці найдешевше змінити структуру. Якщо «зробили не те, що я мав на увазі» з’ясовується вже на UI-макетах — прототипу не було або його пропустили.
Дизайн інтернет-магазину відрізняється від дизайну корпоративного сайту тим самим, чим відрізняється торговий зал від офісу. Картка товару, фільтри каталогу, кошик, оформлення замовлення — кожен із цих екранів має власну конверсійну логіку. Для магазинів одягу важливі таблиці розмірів і порівняння кольорів варіацій; для магазинів косметики — склад і сертифікати в картці; для магазинів меблів — виклик замірника і оплата частинами. Ці деталі закладаються у дизайн-систему, а не дописуються потім як «доопрацювання». Дизайн e-commerce →
Дизайн-система — це єдина мова між дизайнером, розробником і контент-менеджером. Компоненти, токени кольорів, типографічна шкала, стани форм і кнопок — усе описано один раз і більше не пояснюється в листах. Коли клієнт додає нову сторінку через шість місяців після релізу, він не «просить у дизайнера шрифт» — він відкриває бібліотеку і бере готовий компонент. Ми передаємо design system у кожному проєкті: Figma-файл ваш назавжди, без підписки і без «оренди макетів».
Редизайн — окрема задача з іншою логікою. Не «намалювати все заново», а знайти мінімальний обсяг змін, який дає максимальний ефект. Починаємо з аудиту поточного дизайну: де губиться конверсія, що застаріло, що все ще працює. Після аудиту фіксуємо, що лишаємо незмінним, — це скорочує і бюджет, і термін. Редизайн сайту, який збирає органічний трафік, потребує особливої обережності: технічні зміни не мають ламати те, що вже ранжується. Дізнатися про вартість →
Де в нас є виміряний результат — показуємо: приріст конверсії на кейсах реальний і зафіксований в аналітиці, не вигаданий для портфоліо. Де цифр немає — пишемо «не виміряно», і це важливіше за красиву цифру, яку потім не можна перевірити. Якщо задача вашого веб-дизайну — збільшити конверсію, приймати заявки або продавати більше з того самого трафіку — за 30 хвилин скажемо, який підхід спрацює у вашому випадку і скільки це орієнтовно коштує: поговорімо