UX/UI дизайн сайтів і застосунків

Малюємо інтерфейси, якими зручно користуватися: сайти, магазини, особисті кабінети та мобільні застосунки. Дизайн починається зі структури й сценаріїв, а не з палітри кольорів.

Що входить в роботу над дизайном

Аналіз і структура

Розбираємо, хто ваші користувачі й що вони приходять зробити. З цього народжується структура сторінок і перелік екранів — до того, як щось намальовано.

Прототип

Схематичні макети без кольору: що де стоїть і в якому порядку читається. На цьому етапі правки коштують нічого, після дизайну — вже помітно дорожче.

Візуальна частина

Стиль під ваш бренд: типографіка, кольори, сітка, стани кнопок і форм. Окремо десктоп, окремо мобільна версія — адаптив це не «те саме, тільки вужче».

UI-кіт і передача

Збираємо компоненти в бібліотеку, щоб нові сторінки додавалися в тому ж стилі. Макети передаємо у Figma з усіма шарами — з ними зможе працювати будь-який розробник, не лише ми.

Редизайн наявного сайту

Якщо сайт уже є, але не працює, ми починаємо з даних, а не з малювання: дивимось аналітику, поведінку на мобільному, швидкість, шлях до заявки. Часто виявляється, що проблема не в дизайні — і половину бюджету можна не витрачати.

Типові місця, де губляться заявки, ми розібрали в статті «Чому сайт не приносить заявок».

Дизайн, який враховує розробку

Красивий макет, який неможливо швидко завантажити, — поганий макет. Ми одразу закладаємо:

• вагу графіки й формати зображень;
• читабельні розміри тексту й кнопки, у які легко влучити пальцем;
• стани: наведення, натискання, помилка, порожній список, завантаження;
• контрастність, достатню для читання при сонці й для людей із поганим зором.

Формати співпраці

• Дизайн + розробка — повний цикл, ми відповідаємо за результат цілком.
• Тільки дизайн — віддаємо макети й UI-кіт, реалізує ваша команда.
• Доробки — окремі екрани чи блоки до наявного сайту в його стилі.

Строки й вартість

Головна сторінка коштує дорожче за внутрішні: вона задає стиль усьому проєкту. Далі ціна залежить від кількості унікальних макетів. Порахувати проєкт — три кроки.

Подивитися готові інтерфейси можна в портфоліо.