Dealyo / szablonyAdaptacje referencji · do uzupełnienia
Zobacz zastosowanie / propozycja prezentacji
Najpierw struktura.
Potem własna treść.
Od obserwacji do planu działań. Od treści do kompletnej strony. Dwie demonstracje pokazują kolejność pracy z szablonem.
01 / raportPropozycja procesu
Notatka z przeglądu02 / Obserwacja i priorytetPrzy ofercie brakuje
następnego kroku.Najpierw ułatw kontakt.
03 / Plan działań01Dodaj kontakt przy ofercie 02Doprecyzuj zakres usługi
03Pokaż przykład realizacji
Przykład treści, nie wynik audytu klienta.
01Źródło02Priorytet03Plan
Z obserwacji do decyzji.
Fragment strony prowadzi do obserwacji i wyboru priorytetu. Plan pokazuje, od czego zacząć i co zrobić później.
Zobacz podgląd raportu
02 / landingPropozycja procesu
Brief stronyOferta · Proces · Kontakt
Strona usługi
Dla kogo i po coJasna oferta.
Prosty kontakt.
Jak to działa
Co zrobić dalejOmówmy Twoją stronę
01Brief02Układ03Kontakt
Z treści do całej strony.
Brief zamienia się w układ strony: wyjaśnij ofertę, pokaż proces i daj odbiorcy jasny sposób na kontakt.
Zobacz podgląd landingu
Nowe propozycje kompozycji na bazie oryginalnych zasobów Dealyo. Język dokumentów nawiązuje do wcześniejszego audytu Dealyo. Układ, treść i kolejność etapów opracowano dla wzornika. Zakres adaptacji i źródła.
HTML + CSS / lokalne zasobyGeneral Sans / #FE4A23 / proste narożniki
Robocze adaptacje referencji Dealyo. Pełny układ otworzysz przyciskiem pod podglądem; pola [w nawiasach] czekają na Twoją treść.
01 / raportPropozycja szablonu
report.htmlRzeczywisty podgląd · pierwszy ekran
Analiza / wnioski / działania
Raport
z planem działań.
Układ do przedstawienia danych, ich znaczenia i kolejnych decyzji. Z miejscem na źródła, porównania i własny wykres.
- W środku
- Podsumowanie, wskaźniki, tabele, konta, wnioski i plan działań.
- Do uzupełnienia
- Potwierdzone dane, okresy, źródła i rekomendacje. Wykres pozostaje pusty do dodania danych.
Otwórz szablon raportu
Instrukcja edycji raportu
PochodzenieAdaptacja struktury raportu ICD. Bez danych klienta. Dodatkowe pola i ten zestaw modułów są propozycją.
02 / landing pagePropozycja szablonu
landing.htmlRzeczywisty podgląd · pierwszy ekran
Odbiorca / oferta / kontakt
Jedna oferta.
Jasny następny krok.
Strona do opisania konkretnej usługi: od sytuacji klienta, przez sposób pracy i zakres, do kontaktu.
- W środku
- Główny nagłówek, problem, etapy pracy, oferta, przykład realizacji, pytania i formularz.
- Do uzupełnienia
- Treść oferty i potwierdzone materiały. Formularz jest lokalnym demo — niczego nie wysyła.
Otwórz szablon landingu
Instrukcja edycji landingu
PochodzenieTypografia, linie i ilustracja na podstawie audytu Dealyo. Zestaw i kolejność modułów są propozycją szablonu.
Od szablonu do projektu
Wybierz.
Skopiuj. Uzupełnij.
Nowy projekt powstaje w osobnym folderze. Skrypt dołącza potrzebne style, logo, fonty i ilustracje oraz usuwa nawigację biblioteki.
01 / utwórz kopięUruchom wybrane polecenie.
Z głównego folderu Dealyo, z lokalną biblioteką design-system.
Raportpython3 design-system/scripts/new-project.py report ./nowy-raport
Landing pagepython3 design-system/scripts/new-project.py landing ./nowy-landing
Wybierz nowy folder. Skrypt odmawia nadpisania istniejącego projektu i nie publikuje strony.
02 / pracuj na własnych plikachDodaj treść swojego projektu.
Otwórz nowy index.html. Zastąp pola w nawiasach, usuń zbędne moduły i sprawdź podgląd na telefonie oraz komputerze.
W folderze znajdziesz instrukcje README.md i TEMPLATE.md. Raport uzupełnij rzeczywistymi danymi; do landingu podłącz obsługę zgłoszeń.
Pełna instrukcja startuPobierz skrypt tworzenia kopiiSam skrypt nie zawiera szablonów. Korzysta z plików lokalnej biblioteki Dealyo.
