Кейс · IT & Digital рішення · UI/UX Дизайн

Дизайн та прототип сайту для розробників — Clygo: UI/UX

Clygo — IT & Digital продукт, який звернувся до нас без сайту — потрібно було створити дизайн з нуля та підготувати його так, щоб розробники могли одразу приступити до верстки без додаткових уточнень.

case_log.sh

Clygo — IT & Digital рішення, UI/UX Дизайн — кейс Traffic.lab

UI/UXРезультат

Гіпотеза

До співпраці з лабораторією у Clygo не було сайту взагалі — потрібно було побудувати структуру, UI та фірмовий стиль під digital-нішу з нуля, а потім передати все розробникам без втрат у деталях. Наша гіпотеза: темна палітра з акцентним кольором, адаптивний дизайн і інтерактивний прототип дозволять розробникам відразу бачити, як повинен працювати кожен екран — без додаткових уточнень у процесі розробки.

Інсайт лабораторії

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

Експеримент

Ми почали з архітектури та прототипу сайту, тоді розробили UI та фірмовий стиль під digital-нішу, а завершили адаптивним дизайном та інтерактивним прототипом для розробників.

1Структура та прототип

Розробка структури та прототипу сайту (IT & Digital рішення)

2UI-дизайн та стиль

UI-дизайн головної сторінки та внутрішніх розділів

Розробка фірмового стилю під digital-нішу (темна палітра + акцентний колір)

3Адаптивність та передача розробникам

Адаптивний дизайн під мобільні пристрої

Підготовка інтерактивного прототипу для розробників

Результат

UI/UX

За 1 місяць ми створили повний UI/UX-дизайн для Clygo: 5 екранів і єдиний UI-кіт із інтерактивним прототипом, готовим до передачі розробникам. Проєкт завершено.

Висновок лабораторії

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

Питання

Часті запитання про цей кейс

Що входить у дизайн та прототип сайту для розробників?

Структура та прототип, UI-дизайн усіх екранів, фірмовий стиль, адаптивна верстка та інтерактивний прототип для handoff. Детальніше — на сторінці UI/UX-дизайну.

Чому важливо, щоб прототип був інтерактивним?

Статичні екрани не показують, як поводиться сайт при кліках чи переходах. У кейсі Clygo інтерактивний прототип дозволив розробникам побачити це самостійно.

Скільки часу займає дизайн сайту з інтерактивним прототипом?

У кейсі Clygo повний цикл від структури до готового прототипу зайняв 1 місяць.

Чи входить у цей кейс розробка функціоналу?

Ні, цей кейс — лише UI/UX-дизайн і прототип. Якщо потрібна також розробка, детальніше — на сторінці розробки сайтів.

Пов'язані послуги