> Для AI-агентів: це Markdown-версія сторінки https://figmatica.com/uk/cases/usf. Повний індекс сайту Figmatica для LLM: https://figmatica.com/llms.txt

# Ukrainian Startup Fund: Редизайн сайту державного фонду стартапів: від головної до грантів один клік

- Рік: 2023
- Галузь: ГО та державний сектор
- Послуги: UX-дослідження, UI/UX дизайн, Брендинг, Моушн-дизайн
- Результат: Редизайн, Адаптивний сайт
- Стадія: Державна установа

## Задача

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

## Рішення

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

## Результати

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

## Коментарі арт-директора

- **Ідеї як мʼякі 3D-обʼєкти.** Сайти державних фондів зазвичай починаються з прапора й рукостискання. Ми відкрили сайт мʼякими 3D-сферами, що плавають навколо фрази «Ми інвестуємо у великі ідеї». Перший екран виглядає як сайт технологічного інвестора, і єдиний яскравий акцент на ньому це лаймова кнопка.
- **Спершу люди, потім анкети.** До фонду приходять і по гроші, і по людей. Сторінка експертів починається з портретів та імен, тож стартап бачить, з ким говоритиме, ще до того, як прочитає бодай одну вимогу.
- **Один шрифт, два накреслення, чітка сітка.** Увесь сайт набраний Euclid Circular A у накресленнях Light і Regular, а дрібні підписи в Ubuntu Mono. Геометричні форми й відкриті просвіти в літерах роблять довгі описи програм легкими для читання, а 12-колонкова сітка з колонками 80 px і проміжками 30 px тримає всі сторінки в одному ритмі.

## Посилання

- [Сайт](https://usf.com.ua/)
- [Behance](https://www.behance.net/gallery/186241313/USF-Ukrainian-Startup-Fund-UX-UI-Animation)

## Часті питання

### Як зробити редизайн сайту державного фонду?

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

### Як державній установі зробити сучасний сайт?

Говорити мовою тих, кого ви підтримуєте. Український фонд стартапів працює з технологічними засновниками, тож ми зробили йому образ технологічного інвестора: 3D-сфери, один яскравий синій, лаймовий акцент і чистий геометричний шрифт замість офіційної символіки.

### Як упорядкувати багато програм фінансування на одному сайті?

Подати кожну програму однаково: картка з однією ідеєю та однією дією. На сайті Українського фонду стартапів грантова підтримка, інноваційні ваучери, менторство й партнерство мають свої картки й сторінки, тож засновник одразу бачить і порівнює варіанти.

### Навіщо анімація на сайті державної установи?

Щоб вести увагу відвідувача й додати установі життя. Figmatica зробила UI-анімацію для Українського фонду стартапів, від сфер на головній до анімованих сторінок. Рух ми лишили повільним, бо аудиторія серйозна.

### Чи варто робити сайт фонду насамперед під телефон?

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