Нижче представлено повне ТЗ по розробці додатку. З наших розрахунків тут роботи на 25 годин.
Оплата - 10$ за годину💎
1. Moodboard-style Visual Direction
Розробка візуального напрямку додатку на основі референсів клієнта та цілей продукту — при цьому інтерфейс спочатку задуманий так, щоб виглядати і відчуватися як digital moodboard
Інтерфейс буде виконаний у колажній, редакційній, жіночній та виразній естетиці — в повному відповідності з наданими референсами
В рамках цього етапу визначаються та інтегруються наступні елементи –
– багатошарові флористичні елементи
– жіночні деталі — перли, прикраси, метелики, love letters
– текстури рваного паперу
– рамки в стилі Polaroid
– теплі blush та коричневі відтінки
– елегантна serif-типографіка
– колажна композиція
– м'які градієнти
– органічні форми
– усвідомлена робота з white space для акценту на контенті
– за необхідності — акуратний parallax-фон
Додатково на цьому етапі визначається –
– загальна візуальна айдентика продукту
– graphic direction та стилістична мова
– тон інтерфейсу та емоційне сприйняття
– щільність та баланс візуальних елементів
– принципи композиції та layout в дусі moodboard-естетики
Deliverable –
чітко сформоване та задокументоване візуальне напрямок у стилі moodboard, яке безпосередньо ляже в основу UI і стане фундаментом для всіх наступних екранів
⸻
2. Color System
Створення структурованої color system відповідно до затвердженого moodboard-напрямку
Включає –
– розробку трьох різних варіантів кольорової системи в теплій, blush та коричневій палітрах
– визначення кольорів для фонів, тексту, кнопок та інтерактивних елементів
– акцентні кольори для багатошарових та колажних композицій
– оформлення та систематизація color styles у Figma
Deliverable –
три повністю опрацьованих варіанти color system, готових до вибору клієнтом
⸻
3. Typography System
Формування typography system додатку в рамках елегантної editorial-естетики
Включає –
– підбір 2–3 варіантів font pairing з акцентом на serif-шрифти для узгодження з клієнтом
– виразну типографіку заголовків у поєднанні з максимально читабельним body text
– визначення текстової ієрархії — headings, body text, captions, кнопки
– налаштування розмірів, начертань та міжрядкових інтервалів
– створення структурованих text styles у Figma
Deliverable –
повноцінна typography system з варіантами шрифтів пар для фінального вибору
⸻
4. UI Direction (основа UI Kit)
Формування базового візуального мови інтерфейсу на основі затвердженого moodboard-стилю та створення фундаментального UI Kit
Включає дизайн наступних елементів –
Buttons –
– primary, secondary, text та icon-кнопки
– стани — default, pressed, disabled, loading
Input Fields –
– текстове поле, password field, search field
– стани — default, focus, error, disabled
Selection Controls –
– checkbox, radio button, toggle switch
Navigation –
– верхня navigation bar
– tab bar
– нижня навігація
Core Components –
– cards
– lists
– notifications
– badges
– modals / pop-ups
– loaders
Додатково визначається –
– система закруглень (corner radius), відповідна органічним формам
– система тіней та принципи м'якої глибини та шаруватості
– spacing system
– принципи layout в логіці колажної композиції
Deliverable –
задокументоване UI-напрямок та базовий UI Kit, підготовлені в Figma
⸻
5. 3–5 Key Screens (фінальний moodboard-стиль)
Дизайн 3–5 ключових екранів додатку, повністю реалізованих в затвердженій moodboard-естетиці
Включає –
– high-fidelity дизайн основних екранів — onboarding, home, функціональний екран, профіль, settings
– повноцінну реалізацію шаруватих візуалів, текстур та колажної композиції там, де це доцільно
– застосування затвердженої color system, typography system та UI Kit
– акуратний баланс між виразним візуалом та usability
– підготовку файлів для передачі в розробку
Deliverable –
3–5 повністю опрацьованих high-fidelity екранів у фінальному moodboard-стилі, готових до handoff в розробку