Kontakt
Započnite projekat hello@soviljdesign.com
EnglishENSrpskiSR
Dizajn sistemi

Dizajn sistemi koje će vaš tim zaista koristiti

Komponente, tokeni i dokumentacija zbog kojih je svaki novi ekran brži i doslednije urađen, i za dizajnere i za developere.

Pravimo: biblioteku komponenti, dizajn tokene, dokumentaciju, Figma biblioteku, teme, analizu

Započnite projekat Kako radimo
tokens.css
Pregled
NovoDizajn sistem
Kliknite na pregled da promenite temu
Kako počinjemo Analiza interfejsa

Popisujemo ono što postoji pre nego što odlučimo šta sistemu treba.

Izabrani radovi

Svi projekti(08)

Ovde ste ako vam nešto od ovoga zvuči poznato

Dvanaest nijansi istog dugmeta

Svaki dizajner i developer napravio je svoju verziju. Sada niko ne zna koja je prava.

Svaki ekran traje predugo

Jednostavne funkcije traju nedeljama jer se svaki ekran dizajnira i pravi od nule.

Dizajn i kod su se razišli

Figma fajl kaže jedno, produkcija drugo, a popravka se stalno odlaže.

Šta dizajniramo

Sistem je više od fajla sa komponentama. Pokrivamo delove zbog kojih se zaista primenjuje.

01 / 04

Dizajn tokeni

Boje, tipografija, razmaci i zaobljenja kao imenovane odluke koje se jedan na jedan preslikavaju u kod.

  1. Uloge boja01
  2. Tipografska skala02
  3. Razmaci i zaobljenja03
  4. Teme i režimi04
  5. Izvoz u kod05

Kako radimo

Jasne faze sa rezultatom na kraju svake. Nedeljni demo, pa komentari stižu tokom rada, a ne posle.

  1. 01

    Analiza

    1 nedelja

    Prikupljamo svako dugme, polje i boju u upotrebi i pokazujemo gde su nedoslednosti.

    Šta dobijate
    • Popis interfejsa
    • Izveštaj analize
  2. 02

    Osnove

    1–2 nedelje

    Tokeni za boje, tipografiju, razmake i senke, dogovoreni sa developerima.

    Šta dobijate
    • Tokeni
    • Teme
  3. 03

    Komponente

    2–4 nedelje

    Prvo osnovni set, zatim ostatak, svaka komponenta sa varijantama, stanjima i pravilima.

    Šta dobijate
    • Biblioteka
    • Stanja
    • Beleške o pristupačnosti
  4. 04

    Dokumentacija

    1–2 nedelje

    Smernice i primeri u formatu koji vaš tim već čita.

    Šta dobijate
    • Smernice
    • Primeri
  5. 05

    Uvođenje

    kontinuirano

    Pilot ekrani, radionice i podrška dok tim prelazi na sistem.

    Šta dobijate
    • Pilot
    • Radionice

Naš pristup

  1. 01

    Polazimo od postojećeg

    Ne bacamo godine rada. Sistem izrasta iz vašeg proizvoda, a ne iz šablona.

  2. 02

    Jedan izvor istine

    Nazivi tokena i API-ji komponenti isti su u Figmi i u kodu.

  3. 03

    Napravljeno da raste

    Jasno vlasništvo i model doprinosa održavaju sistem živim i kada završimo.

Sa kim radimo

  • Proizvodi u rastu

    Timovi koji dodaju funkcije brže nego što stižu da drže interfejs doslednim.

  • Kompanije sa više proizvoda

    Više proizvoda koji treba da deluju kao jedan brend.

  • Timovi koje vode developeri

    Koji žele sistem koji developeri rado koriste, a ne samo lep Figma fajl.

Ostale usluge

Dizajn proizvoda i webaVeb aplikacije, platforme i marketinški sajtovi Dashboardi i podaciInterfejsi puni podataka koji se čitaju na prvi pogled Vizuelni identitetLogo, vizuelni sistem i smernice brenda

Pitanja o dizajn sistemima

Odgovori na ono što ljudi najčešće pitaju pre početka.

Da li pravite i komponente u kodu?

Dizajniramo ih i specificiramo i blisko sarađujemo sa vašim developerima koji ih prave, da bi dizajn i kod ostali usklađeni.

Možemo li da počnemo od malog?

Da. Osnove i osnovni set komponenti već donose najveći deo ubrzanja.

Koje alate koristite?

Figmu za biblioteku, a tokene izvozimo u formatu koji vaš tehnološki stek može da koristi.

Kako da ga održavamo ažurnim?

Pre predaje postavljamo vlasništvo, dnevnik izmena i jednostavan proces doprinosa.

Napravimo nešto što ljudi razumeju.

Više volite direktan kontakt? Pišite nam mejl i odgovoriće vam stvarna osoba, a ne robot.

DSDragan BēPortfolio
Kontakt i detalji projekta
Okvirni budžetopciono

Obavezni su samo ime i email. Pogledajte našu Politiku privatnosti.