Poniżej przedstawiono pełne TZ dotyczące opracowania aplikacji. Z naszych obliczeń wynika, że prace zajmą 25 godzin.
Płatność - 10$ za godzinę💎
1. Wizualny kierunek Moodboard
Opracowanie wizualnego kierunku aplikacji na podstawie referencji klienta i celów produktu — przy czym interfejs został pierwotnie zaprojektowany tak, aby wyglądać i czuć się jak cyfrowy moodboard
Interfejs będzie wykonany w kolażowej, redakcyjnej, kobiecej i ekspresyjnej estetyce — w pełnej zgodności z dostarczonymi referencjami
W ramach tego etapu określane i integrowane są następujące elementy –
– wielowarstwowe elementy florystyczne
– kobiece detale — perły, biżuteria, motyle, listy miłosne
– tekstury postrzępionego papieru
– ramki w stylu Polaroid
– ciepłe odcienie blush i brązu
– elegancka typografia serif
– kolażowa kompozycja
– miękkie gradienty
– organiczne formy
– świadoma praca z białą przestrzenią dla akcentu na treści
– w razie potrzeby — staranny parallax-tło
Dodatkowo na tym etapie określane jest –
– ogólna wizualna identyfikacja produktu
– kierunek graficzny i język stylistyczny
– ton interfejsu i emocjonalne postrzeganie
– gęstość i balans elementów wizualnych
– zasady kompozycji i układu w duchu estetyki moodboard
Deliverable –
wyraźnie sformułowany i udokumentowany wizualny kierunek w stylu moodboard, który bezpośrednio stanie się podstawą UI i fundamentem dla wszystkich kolejnych ekranów
⸻
2. System kolorów
Stworzenie zorganizowanego systemu kolorów zgodnie z zatwierdzonym kierunkiem moodboard
Obejmuje –
– opracowanie trzech różnych wariantów systemu kolorów w ciepłych, blush i brązowych paletach
– określenie kolorów dla tła, tekstu, przycisków i elementów interaktywnych
– kolory akcentowe dla wielowarstwowych i kolażowych kompozycji
– opracowanie i systematyzacja stylów kolorów w Figma
Deliverable –
trzy w pełni opracowane warianty systemu kolorów, gotowe do wyboru przez klienta
⸻
3. System typografii
Opracowanie systemu typografii aplikacji w ramach eleganckiej estetyki redakcyjnej
Obejmuje –
– dobór 2–3 wariantów parowania czcionek z akcentem na czcionki serif do uzgodnienia z klientem
– wyrazistą typografię nagłówków w połączeniu z maksymalnie czytelnym tekstem głównym
– określenie hierarchii tekstowej — nagłówki, tekst główny, podpisy, przyciski
– dostosowanie rozmiarów, krojów i interlinii
– stworzenie zorganizowanych stylów tekstowych w Figma
Deliverable –
kompletny system typografii z wariantami par czcionek do ostatecznego wyboru
⸻
4. Kierunek UI (podstawa UI Kit)
Opracowanie podstawowego wizualnego języka interfejsu na podstawie zatwierdzonego stylu moodboard i stworzenie fundamentalnego UI Kit
Obejmuje projektowanie następujących elementów –
Przyciski –
– przyciski primary, secondary, text i icon
– stany — default, pressed, disabled, loading
Pola wejściowe –
– pole tekstowe, pole hasła, pole wyszukiwania
– stany — default, focus, error, disabled
Kontrole wyboru –
– checkbox, radio button, toggle switch
Nawigacja –
– górny pasek nawigacyjny
– pasek zakładek
– dolna nawigacja
Podstawowe komponenty –
– karty
– listy
– powiadomienia
– odznaki
– modale / pop-upy
– ładowarki
Dodatkowo określane jest –
– system zaokrągleń (corner radius), odpowiadający organicznym formom
– system cieni i zasady miękkiej głębokości i warstwowości
– system odstępów
– zasady układu w logice kolażowej kompozycji
Deliverable –
udokumentowany kierunek UI i podstawowy UI Kit, przygotowane w Figma
⸻
5. 3–5 Kluczowych Ekranów (ostateczny styl moodboard)
Projekt 3–5 kluczowych ekranów aplikacji, w pełni zrealizowanych w zatwierdzonej estetyce moodboard
Obejmuje –
– high-fidelity projekt głównych ekranów — onboarding, home, ekran funkcjonalny, profil, ustawienia
– pełną realizację warstwowych wizualów, tekstur i kolażowej kompozycji tam, gdzie to stosowne
– zastosowanie zatwierdzonego systemu kolorów, systemu typografii i UI Kit
– staranny balans między wyrazistym wizualem a użytecznością
– przygotowanie plików do przekazania do rozwoju
Deliverable –
3–5 w pełni opracowanych high-fidelity ekranów w ostatecznym stylu moodboard, gotowych do przekazania do rozwoju