Tworzenie systemu projektowego dla strony i aplikacji: jedne zasady od €1 990

Kolory, fonty, przyciski, formularze i typowe ekrany składają się w zestaw zasad, a nowe strony wyglądają tak samo. System projektowy produktu kosztuje od €1 990.

Branding i identyfikacjaTermin: 2–4 tygodnie

Jak wygląda system projektowy produktu

System projektowy jest potrzebny produktom, które mają stronę i aplikację, oraz zespołom, w których pracuje kilku projektantów i programistów. Szczególnie przydaje się, gdy platformę rozwija się po kawałku i każdy nowy ekran grozi tym, że będzie wyglądał po swojemu. Dla małego projektu często wystarczy identyfikacja wizualna i powiemy o tym wprost. Zobacz też: platforma pod klucz.

  • Dla produktów ze stroną i aplikacją. Strona i aplikacja wyglądają jak jeden produkt, a nie dwa różne projekty.
  • Dla rosnących zespołów. Zasady są zapisane, a nie żyją w głowie projektanta. Nowej osobie łatwiej się włączyć i jest mniej sporów o drobiazgi.

Przykładowy wygląd: obrazy i teksty dobrano jako przykład. W Twoim projekcie funkcje, projekt graficzny i architektura będą inne — dopasowane do Twoich zadań.

Przykładprzykładowy wygląd
Branding i identyfikacja · termin 2–4 tygodnie

System projektowy produktu — od €1 990

Jednolite zasady wyglądu strony i aplikacji: kolory, czcionki, przyciski, formularze i typowe ekrany. Nowe podstrony składa się z gotowych elementów i wyglądają tak samo.

Cenę pokazujemy od razu. Wynik przekazujemy w formie zrozumiałej dla każdego zespołu, więc nie jesteś z nami związany. System projektowy łączy się z naszym tworzeniem produktów, ale go nie wymaga: pliki i zasady zostają u Ciebie. Licencje na płatne fonty i zestawy ikon, jeśli je wybierzesz, opłacasz bezpośrednio właścicielowi praw. Zobacz też: marka pod klucz.

Dla kogo: Produktów ze stroną i aplikacją · Zespołów, w których pracuje kilku projektantów i programistów · Firm, które rozwijają platformę etapami

Co obejmuje system projektowy produktu za €1 990

Jedna cena za całą listę: bez dopłat za godziny i osobne punkty.

System projektowy produktu kosztuje od €1 990, czas realizacji to 2–4 tygodnie. W zakres wchodzą audyt obecnego wyglądu, kolory i fonty, zestaw elementów, typowe ekrany, dokumentacja i przekazanie programiście. Kwota końcowa zależy od liczby ekranów i stanu obecnego projektu, dokładną sumę podajemy po przeglądzie. Zobacz też: panel administratora.

  • Kolory, fonty i zestaw elementów. Paleta, fonty, rozmiary i odstępy oraz przyciski, pola, karty, tabele i komunikaty o błędach.
  • Typowe ekrany i dokumentacja. Wzory stron głównych, formularzy i panelu klienta oraz krótki opis, jak korzystać z elementów. Wersja ciemna i jasna, jeśli są potrzebne.
1Badanie
  • Audyt obecnego wygląduSprawdzamy, co już jest, i szukamy rozbieżności: różne przyciski, odcienie, odstępy.
2Projekt
  • Kolory, czcionki i odstępyJedna paleta, czcionki i skala rozmiarów. Nowe ekrany nie odbiegają od reszty.
  • Zestaw elementówPrzyciski, pola, karty, tabele, komunikaty o błędach. Programista składa ekrany z gotowych części.
  • Typowe ekranyWzory stron głównych, formularzy i panelu. Pokazują, jak elementy działają razem.
  • Wersja ciemna i jasnaOpracowujemy oba motywy według tych samych zasad, a kontrast jest sprawdzony dla każdego.
3Pliki i zasady
  • DokumentacjaKrótki opis, jak używać każdego elementu. Nowy pracownik poradzi sobie sam.
  • Przekazanie programiściePliki i instrukcje do przeniesienia do kodu, aby nic nie trzeba było składać od nowa.

Przykładowy wygląd: obrazy i teksty dobrano jako przykład. W Twoim projekcie funkcje, projekt graficzny i architektura będą inne — dopasowane do Twoich zadań.

Można dodać do projektu

Opcjonalnie — od razu lub później. Cena jest ustalana przed rozpoczęciem prac.

System można przygotować w wersji jasnej i ciemnej oraz dostosować do interfejsów w kilku językach, w tym do długich tekstów i języków pisanych od prawej do lewej. Pracujemy z klientami z Europy, USA, ZEA, Kazachstanu i innych krajów. Dla produktu międzynarodowego zmniejsza to liczbę poprawek przy dodawaniu języka.

  • Identyfikacja wizualnaLogo, wizytówka, prezentacja i szablony do social mediów są zaprojektowane w tym samym stylu co Twój produkt.€1 290Szczegóły

    Z logo budujemy spójny zestaw: paleta, czcionki, wizytówka, szablony do mediów społecznościowych i zasady. Potrzebne, gdy materiały robią różne osoby i wyglądają inaczej.

    Termin: 2–3 tygodnie

  • Panel administracyjnySkładamy wewnętrzny panel z gotowych elementów Twojego systemu. To osobne tworzenie z architekturą.od €9 900Szczegóły

    Budujemy panel zarządzania na bazie systemu. Potrzebne, gdy produkt wymaga panelu dla zespołu.

    Termin: od 4 tygodni

  • Dodatkowe ekranyRysujemy kolejne wzorcowe ekrany ponad uzgodniony zestaw, żeby programistom łatwiej było zbudować produkt.według wycenySzczegóły

    Kolejne wzorcowe ekrany ponad uzgodniony zestaw. Zakres i cenę ustalamy przed startem prac. Bez rozliczenia godzinowego.

    Termin: zależnie od zadania

  • Ikony i ilustracjeRysujemy ikony i ilustracje w jednym stylu, żeby produkt wyglądał spójnie i zapadał użytkownikom w pamięć.+ €590Szczegóły

    Dorysowujemy zestaw ikon i ilustracji. Przydaje się, gdy standardowych brakuje.

    Termin: 1 tydzień

Płatne osobno, nie przez nas: Licencje na płatne fonty i zestawy ikon, jeśli je wybierzesz, bezpośrednio u właściciela praw. Wszystkie dodatki →

Format pracy

Jak powstaje system projektowy

Etapy zmieniają się same — albo kliknij dowolny, aby przeczytać szczegóły.

Najpierw sprawdzamy, co już jest, i znajdujemy rozbieżności: różne przyciski, fonty i odstępy na różnych stronach. Potem składamy paletę, elementy i typowe ekrany, uzgadniamy je z Tobą i przygotowujemy dokumentację. Na końcu przekazujemy programiście pliki i instrukcje. Przeniesienie do kodu robi Twój zespół albo osobny projekt.

  • Czego potrzebujemy od Ciebie. Dostępu do obecnej strony lub aplikacji, materiałów firmowych, jeśli są, oraz osoby, która zatwierdzi kierunek.

Jeśli identyfikacji wizualnej jeszcze nie ma, wygodnie zrobić ją przed systemem lub razem z nim. Dalej ekrany można złożyć w aplikacji webowej, panelu klienta lub platformie, a dla aplikacji w telefonie przygotować projekt interfejsu. Zobacz też: identyfikacja wizualna, projekt aplikacji mobilnej, aplikacja webowa i panele klienta.

1. Brief

Krótka ankieta na 15 minut: czym zajmuje się firma, dla kogo, co chcesz uzyskać i w jakim terminie. Można głosowo, tekstem albo na rozmowie.

  • Pytamy tylko o to, co wpływa na wynik i cenę
  • Materiały (logo, zdjęcia, teksty) można przesłać później
  • Tego samego dnia roboczego odpowiadamy: co proponujemy, ile kosztuje i ile zajmie

Zacznij brief →

Ile15 minut Twojego czasu
Wynikoferta z ceną i terminem
Pytania

Najczęstsze pytania

Ile kosztuje system projektowy produktu?

Od €1 990. Cena zależy od liczby ekranów i stanu obecnego projektu. Dokładną kwotę podajemy po krótkim przeglądzie.

Jak zapłacić za pracę?

Jeśli końcowa kwota jest niższa niż €2 000, płatność 100 % na starcie. Od €2 000 schemat 50 % na starcie, 25 % po mapie produktu i projekcie oraz 25 % po odbiorze.

Czy system projektowy jest potrzebny małemu projektowi?

Często wystarcza identyfikacja wizualna. Podpowiemy, jeśli system warto zrobić później.

Czym system projektowy różni się od identyfikacji wizualnej?

Identyfikacja wizualna nadaje markę rozpoznawalność: logo, kolory, fonty, nośniki. System projektowy opisuje, jak składać interfejsy: przyciski, formularze, ekrany i stany.

Czy to wiąże się z Waszym tworzeniem produktów?

Tak, ale wynik przekazujemy w formie zrozumiałej dla każdego zespołu. Nie musisz zamawiać u nas programowania.

Czy przeniesienie ekranów do kodu jest w cenie?

Nie. Przekazujemy pliki i instrukcje, a przeniesienie do kodu robi Twój zespół albo osobny projekt.

Czy można zrobić system dla gotowej strony?

Tak. Zaczynamy od audytu obecnego wyglądu, składamy zasady z tego, co już jest, i usuwamy rozbieżności.

Kto aktualizuje system po odbiorze?

Ty lub Twój zespół według dokumentacji. Jeśli potrzebne są nowe ekrany lub elementy, to osobna praca według wyceny.

Pasuje do tej usługi

Co zwykle zamawia się razem z tym — kliknij, aby otworzyć stronę usługi z przykładem.