Lably — AI-додаток для нотаток, що допомагає думати структурніше

Lably — це новий формат роботи з нотатками, де поєднуються простота інтерфейсу і допомога AI. Додаток створюється як інструмент для зберігання думок, організації інформації та швидкої роботи з текстом і медіа.  
До Heads звернулися з задачою створити айдентику та повний UX/UI дизайн додатку, заклавши фундамент для подальшої розробки продукту.

Задачі

Створити візуальну систему і логотип, які передадуть ідею «розумного, але легкого» додатку.
Побудувати UX-архітектуру всього продукту — логіку екранів, структуру нотаток, навігацію.
Розробити UI для мобільної та десктопної версії.
Зберегти відчуття мінімалізму та чистоти, попри великий обсяг функцій.
Підготувати компоненти для масштабування додатку в майбутньому.

Що ми зробили  

1. Дослідження та формування концепції

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

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

2. Айдентика

Айдентика Lably побудована на ідеї структурованої думки: від хаотичної форми до чистої і ясної. Ми розробили:

Логотип — це метафора нотатки, в якій «живе» штучний інтелект.
Кольорову систему, що передає відчуття легкості й технологічності.
Типографіку, створену для комфортного читання великих обсягів тексту.
Набір графічних елементів, які відображають роботу з блоками інформації.
Гнучку дизайн-систему для мобільного додатку.

3. UX дизайн

Створили логіку роботи зі списком нотаток: групування, теги, закріплення, вкладені записи.
Розробили моделі пошуку: стандартний і інтелектуальний, з підказками та автодоповненням.
Передбачили сценарії для мультимедійного контенту: зображення, голосові записи, транскрипції.
UX-підхід до історії змін, відновлення, резервування й безпеки.
Продумали персоналізацію: теми, розмір шрифту, варіанти відображення.
Створили структуру майбутніх інтеграцій (календар, пошта, таск-менеджери).
UX ми робили не як список функцій, а як інтуїтивну систему — щоб користувач відчував себе вільно, навіть вперше відкривши додаток.

4. UI дизайн
У UI ми зберегли максимально легку структуру, акцентуючись на змісті. Блоки, поля, панелі інструментів — усе побудовано так, щоб інтерфейс не перетягував увагу на себе.
 Ми створили: