UI: графічний інтерфейс

Інтерфейс має бути зручним, естетичним, сучасним і не дорогим у реалізації. Наші дизайнери беруть участь у стадії виробництва інтерфейсу, тестуванні інтерфейсу та готують макети для потреб фронт-енд програмістів.

Створення мокапів

Створення мокапів

Каркасний UX дизайн наші дизайнери переводять в графічний інтерфейс у хмарній програмі Figma, що дозволяє кільком дизайнерам одночасно працювати над макетом, стейкхолдерам спостерігати за створенням UI в реальному часі, а програмістам отримати CSS коди та графіку усіх компонентів.

Варіації

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

Адаптивний дизайн

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

Дизайн система / UI kit

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

Згідно нашим підрахункам - введення дизайн системи економить до 20% часу при розробці продукту, оскільки фронт-енд розробка може здійснюватися відразу з UX прототипів.
Дизайн система / UI kit
Як порахувати проект?

Як порахувати проект?

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

Контакти

Yellow.Arrow.Design,
Projector. Design Environment & Co-working
вулиця Кожум'ятська, 10,
Київ, Україна, 02000

         +38 (0) 63 572 62 52

         Ця електронна адреса захищена від спам-ботів. Вам потрібно увімкнути JavaScript, щоб побачити її.

         Pavlo Salyga

         salyga_pavlo

         salyga.pavlo

         @Pavlosalyha