UX/UI-дизайн

2 варіанти · щомісячна оплата за кожен місяць роботи

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

Сценарії, екрани та стани.
Готові для ваших розробників.

Лише дизайн для продукту з уже визначеним обсягом робіт. Ми опрацьовуємо сценарії користувачів, проєктуємо екрани з їхніми станами й передаємо дизайн-систему, на основі якої ваші розробники зможуть створити інтерфейс. Екрани мобільного застосунку — також частина цієї роботи.

Обговорити ваш інтерфейс Порівняти варіанти

Продукт уже визначений.
Тепер потрібні екрани.

Завдання, аудиторія та обсяг відомі. Тепер продукту потрібен цілісний інтерфейс: зрозумілі сценарії, екрани, що працюють на реальних пристроях, і стани, які охоплюють те, що відбувається насправді.

Ми проєктуємо інтерфейс для вашого продукту й передаємо результат вашій команді. Розробка не входить до цієї послуги; файли готуємо так, щоб ваші розробники могли безпосередньо використовувати їх у роботі.

Якщо продукт іще формується, ознайомтеся з послугою Продуктовий дизайн.

Що входить у
ваш дизайн.

Від сценаріїв користувачів до передачі матеріалів — усе, що потрібно вашим розробникам для створення інтерфейсу.

Шляхи користувачів

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

Результат: сценарії узгоджені до проєктування екранів.

Екрани

Інтерфейс кожного етапу, спроєктований для узгоджених платформ і розмірів екранів: веб, мобільний застосунок або обидва варіанти — з реалістичним вмістом.

Результат: екрани для узгоджених сценаріїв.

Стани

Порожній стан, завантаження, помилка й успішне виконання, а також мить перед підтвердженням дії. У SKARR.PRO нестандартні взаємодії та переходи проєктуються детально.

Результат: стани, що охоплюють те, що відбувається насправді.

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

Компоненти, типографіка, кольори та поведінка, узгоджені в усьому продукті. SKARR охоплює узгоджені екрани; SKARR.PRO розширює систему для майбутніх функцій.

Результат: система, яку ваша команда зможе розвивати.

Передача матеріалів

Файли Figma, упорядковані для розробки, з компонентами, специфікаціями та примітками. У SKARR.PRO ми підтримуємо ваших розробників під час роботи над продуктом.

Результат: матеріали, на основі яких ваші розробники можуть працювати.

Екрани
у контексті.

Інтерфейс працює, коли кожен екран і стан є частиною єдиної системи.

Банківський застосунок на телефоні: екран підписок з аналітикою витрат

Banking App.
Від огляду до рішення.

Користувач переходить від огляду витрат до окремої підписки, порівнює варіанти й робить чіткий наступний крок. Усі екрани та стани на цьому шляху є частиною єдиного сценарію.

Наш власний продукт у розробці. Спробуйте інтерактивну демоверсію, щоб побачити екрани в роботі.

Спробувати демоверсію

Файли Figma, на основі яких ваші розробники
можуть створити інтерфейс.

Ви отримаєте узгоджені сценарії, екрани та стани у впорядкованих файлах Figma з дизайн-системою, що містить компоненти, типографіку та правила поведінки.

Розробка не входить до цієї послуги. Зміни після передачі матеріалів — окрема робота; SKARR.PRO включає підтримку ваших розробників протягом узгодженого періоду передачі.

Від сценаріїв
до передачі матеріалів.

Ви надаєте продукт і визначаєте його обсяг. Ми разом із вами проєктуємо інтерфейс і готуємо його для ваших розробників.

Узгодити обсяг

Ви розповідаєте про продукт, його аудиторію та сценарії, які потрібно охопити. Ми переглядаємо наявні матеріали, підтверджуємо платформи й узгоджуємо, що входить у місяць роботи.

Описати сценарії

Ми опрацьовуємо шляхи користувачів і потрібну їм на кожному етапі інформацію та узгоджуємо сценарії до проєктування екранів.

Спроєктувати екрани та стани

Екрани, стани й компоненти формуються у Figma. Ми разом переглядаємо ключові сценарії та уточнюємо деталі. У SKARR.PRO досліджуємо альтернативи, якщо рішення ще не ухвалене.

Передати матеріали

Файли впорядковані для розробки та містять специфікації й примітки. У SKARR.PRO ми залишаємося на зв’язку з вашими розробниками протягом узгодженого періоду передачі.

Оберіть рівень
реалізації, потрібний вашому інтерфейсу.

Обидва варіанти передбачають лише дизайн для продукту з чітко визначеним обсягом робіт. Порівняйте глибину опрацювання екранів, системи та передачі матеріалів.

UX/UI-дизайн: 2 варіанти з точними цінами
Властивість	SKARR Індивідуальний дизайн екранів. Власна візуальна мова. $5,000 / місяць за місяць роботи Придбати SKARR Безпечне оформлення замовлення через Stripe	SKARR.PRO Глибше й детальніше опрацювання всього досвіду взаємодії, у кожній точці контакту. $6,990 / місяць за місяць роботи Придбати SKARR.PRO Безпечне оформлення замовлення через Stripe
Дизайн
Вихідні дані	Вихідні дані Продукт із чітко визначеними завданням, аудиторією та обсягом робіт.	Вихідні дані Те саме, з опрацюванням альтернатив для рішень, які ще потрібно ухвалити.
Сценарії та екрани	Сценарії та екрани Сценарії користувачів та екрани для узгоджених сценаріїв і платформ.	Сценарії та екрани Сценарії користувачів та екрани з опрацюванням альтернатив, якщо рішення ще не ухвалене.
Стани та взаємодії	Стани та взаємодії Порожній стан, завантаження, помилка й успішне виконання для узгоджених екранів.	Стани та взаємодії Ті самі стани з детально спроєктованими нестандартними взаємодіями та переходами.
Дизайн-система
Компоненти	Компоненти Компоненти, типографіка, кольори та правила поведінки для узгоджених екранів.	Компоненти Розширена система, підготовлена для майбутніх екранів і функцій.
Платформи	Платформи Веб, мобільний застосунок або обидва варіанти — як узгоджено для проєкту.	Платформи Веб, мобільний застосунок або обидва варіанти з глибшою адаптацією для різних розмірів екранів і платформ.
Передача матеріалів
Щомісячна робота	Щомісячна робота Дизайнерська робота протягом місяця. Обсяг і заплановані результати узгоджуються до початку.	Щомісячна робота Дизайнерська робота протягом місяця з обраним рівнем опрацювання. Обсяг і заплановані результати узгоджуються до початку.
Що ви отримаєте	Що ви отримаєте Упорядковані файли Figma: сценарії, екрани, стани та дизайн-система.	Що ви отримаєте Те саме, з опрацьованими альтернативами та розширеною системою.
Підтримка розробників	Підтримка розробників Примітки щодо передачі матеріалів і відповіді на запитання під час передачі.	Підтримка розробників Підтримка ваших розробників протягом узгодженого періоду передачі матеріалів.

Перш ніж
ми почнемо.

Ви також розробляєте інтерфейс?

Ні. UX/UI-дизайн охоплює проєктування й передачу матеріалів. Розробка спроєктованого інтерфейсу — окрема послуга: фронтенд-розробка для вебсайтів і вебінтерфейсів, розробка застосунків — для застосунків.

Ви можете спроєктувати екрани мобільного застосунку?

Так. Екрани мобільного застосунку — частина цієї роботи. Платформи та розміри екранів узгоджуємо на початку.

Що потрібно надати?

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

Що робити, якщо продукт ще не визначений?

Тоді робота починається раніше. Продуктовий дизайн опрацьовує завдання, аудиторію та модель продукту ще до проєктування екранів.

Що відбувається після передачі матеріалів?

Ваші розробники створюють інтерфейс на основі файлів. У SKARR.PRO передбачена підтримка під час узгодженого періоду передачі матеріалів. Розробку додаткових екранів узгоджуємо як нову роботу.

Залишилися запитання?

Обговорити ваш інтерфейс

UX/UI-дизайн

Сценарії, екрани та стани.
Готові для ваших розробників.

Продукт уже визначений.
Тепер потрібні екрани.