Ниже представлено полное ТЗ по разработке приложение. Из наших просчетов тут работы на 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 в разработку