Framework dla Webflow
4 godz. 22 min · Webflow · UI, UX i Webdesign
Grzegorz RógIdea ArchitectDuża część naszej pracy sprowadza się do projektowania prostych stron - wydarzeń, małych sklepów, ofert, landing page'y. SystemFlow znacznie upraszcza i przyspiesza naszą pracę w tym zakresie, oferując szereg gotowych komponentów, sekcji i template'ów, które możesz wykorzystać do poskładania takiej strony w kilka minut.
SystemFlow jest w całości zmapowany na Figmę, co znaczy, że otrzymujesz kompletny UI Kit dla Figmy, z pomocą którego możesz projektować. Następnie, stworzone w ten sposób projekty w prosty sposób przeniesiesz do Webflow, korzystając z tych samych nazw komponentów, tworząc z tego gotowy, działający projekt strony.
W SystemFlow masz możliwość zdefiniowania własnej stylistyki całego systemu - globalne zmiany do typografii oraz swatchy kolorystycznych sprawią, że fonty i kolory zmienią się na przestrzeni całego Twojego projektu! W ten sposób łatwo przygotujesz strony, które stylistycznie znacznie odbiegają od pierwotnej koncepcji framework'u i są dopasowane do identyfikacji Twojego klienta.
Plik Webflow, na którym pracujesz z Frameworkiem, zawiera pełną dokumentację, która zmienia się na żywo, w trakcie projektowania. Oznacza to, że po publikacji samej strony w Webflow, otrzymujesz kompletną referencję z design tokenami, wyglądem formularzy, przycisków, komponentów i innych elementów, którą możesz przekazać klientowi. Przykład dokumentacji wygląda tak: https://systemflow-v-1-1-51e1ee81-49590199e0f65.webflow.io/style-guide/about/overview
SystemFlow powstał w jednym celu - aby pomóc nam tworzyć projekty dla siebie i naszych klientów znacznie szybciej, wydajniej, w sposób zorganizowany. Ponadto, aby wykorzystać Webflow jako najlepszy edytor, dający nam łatwy dostęp do zmian w ramach uporządkowanej struktury, obsługę CMS, E-Commerce, a klientowi możliwość edycji elementów strony z przeglądarki. Z drugiej strony, wykorzystaliśmy Figmę czyli najlepsze narzędzie do projektowania UI z masą dodatków i pluginów, które usprawnią Twoją pracę!
Ten kurs przygotowany jest z myślą o osobach, które w swoich firmach tworzą wiele stron, na przykład marketingowych i chcą czy to do tworzenia finalnych stron czy prototypów, wykorzystać Webflow i ewentualnie Figmę. Kurs nadaje się też doskonale dla Freelancerów którzy oferują swoje usługi tworzenia stron w Webflow, a także agencji kreatywnych, które mogą znacznie przyspieszyć swoją pracę dzięki SystemFlow!
SystemFlow 1.0+
Chciałbym powiedzieć Ci trochę o tym, jak możesz uzyskiwać nowe wersje System Flow,
jak możesz w ogóle otrzymać system Flow lub przypisać dla swojego pracownika.
Jeśli posiadasz licencję Team, jak również
jak możesz otrzymywać zaktualizowane pliki, jeśli masz licencję z upgrade.
Mamy kilka formularzy, do których linki są wysyłane w mailach po zakupie.
Po zakupie otrzymasz link do formularza,
który należy wypełnić po to, aby otrzymać swoją kopię System Flow.
W tym formularzu podajesz swoje imię.
Podajesz również
e-mail, na który został zakupiona licencja, czyli ten e-mail, który podałeś
w koszyku przy kupowaniu licencji System Flow.
Natomiast drugi email, który jest potrzebny to jest email Twojego konta na
web Flow, ponieważ oczywiście na to konto wyślemy system Flow.
Z pomocą transferu wyślemy Ci na to konto gotowy plik frameworku.
I tutaj ważne, abyś na tym koncie mógł
przyjmować pliki, czyli nie było ono pełne.
Konto darmowe ma tylko dwa projekty, które można mieć.
Konta płatne też mają ograniczenia w liczbie projektów, więc proszę upewnij się
przed wysłaniem tego formularza, że Twoje konto na web może przyjąć kolejny
projekt i możesz tam też coś oczywiście dopisać wysłać ten formularz w ciągu 48
godzin w dni robocze prześlemy na Twoje konto Na Twoim koncie
Web Flow Dashboard pojawi się system Flow z odpowiednią licencją.
Jeśli kupiłeś system Flow z licencją bez upgrade,
to wtedy oczywiście framework w najnowszej wersji będzie na Twoim koncie, ale my nie
będziemy wysyłać Ci już nowych powiadomień o aktualizacjach.
Jeśli kupiłeś system Flow z
aktualizacjami, wtedy dostaniesz od nas informację o kolejnym updacie.
Mailowo poinformujemy Cię o tym, że nowa wersja System Flow jest dostępna
i będziesz mógł wypełnić taki system Flow First Request, czyli
formularz, który umożliwi Ci uzyskanie tej najnowszej wersji.
System Flow tutaj również podajesz swój email oraz Twoje Twoje imię i nazwisko,
które sprawdzamy właśnie z tymi z tym zakupem.
Czy masz odpowiednią licencję na upgrade?
No i wybierasz plik, który request dajesz.
Stąd będzie można inwestować wiele plików
i będzie to zawsze system flow w najnowszej wersji lub w wersjach
poprzednich, jeśli będziesz go potrzebę potrzebował.
No i oczywiście też pliki dodatkowe, które
mamy dla osób, które posiadają wariant upgrade takie jak darmowe szablony, które
tworzymy i masa innych ciekawych rzeczy, które można tutaj sobie zainwestować.
Gdybyś z jakiegoś powodu np.
utracił swoją wersję system flow, albo
gdybyś przez przypadek napisał ją jakimś projektem, czyli nie sklonować najpierw
frameworku i pracował po prostu na nim robiąc jakiś projekt,
a co za tym idzie stracił byś tą czystą podstawową wersję System flow to z pomocą
tego formularza możesz też zainwestować po to żebyśmy przesłali Ci czystą kopię i to
niezależnie czy posiadasz ten plik z ratami czy bez upgrade ów.
Jeśli po prostu posiadasz bez upgrade ów, to prześlemy Ci system flow w tej wersji,
czyli inwestujesz system w tej wersji, którą kupiłeś.
Jeśli posiadasz za kratami, możesz tutaj zainwestować dowolną wersję.
Pamiętaj jednak proszę, że tak czy inaczej musisz posiadać też
miejsce po to, żeby przyjąć ten projekt i jeśli chodzi o robienie nowych projektów,
żeby uniknąć takiej sytuacji i request owania.
Pamiętaj, żeby zawsze klonować sobie ten
podstawowy plik frameworku System Flow po to, żeby mieć jego bezpieczną kopię i móc
ją później klonować znowu na kolejne projekty.
Czyli zawsze jeden czysty system powinieneś mieć w swoim koncie.
Możesz go gdzieś tam kupować i wtedy nie będą konieczne takie request.
Jeszcze jedna rzecz, o której chciałbym wspomnieć to licencja dla firm.
Jeżeli posiadasz trzeci typ licencji,
czyli licencję dla firmy, to jesteś uprawniony do tego, aby zamordować system
Flow i udostępnić go swoim kolegom pod warunkiem, że są oni posiadają konta
Web Flow w tej samej domenie firmowej co Ty.
Wpisujesz wtedy tutaj Twój email wybierasz
informację o tym czy chcesz dodać taką osobę do teamu czy ją usunąć.
Oczywiście możesz też usunąć pracowników, którzy już nie pracują w Twojej firmie
i w tym momencie utracą oni dostęp do system Flow.
Tutaj wpisujesz imię i nazwisko pracownika, a tutaj jest jego email.
To jest imię, które jest używane do komunikacji.
UPDATE Ponieważ licencje firmowe mają też
update to będziemy wysyłać informacje o update ach do wszystkich pracowników i oni
będą mogli request stawiać sobie, czyli zażądać kolejnej wersji System Flow z tego
formularza, który przed chwilą pokazywałem.
Tutaj jest potrzebne Team Mate Web Flow Email.
Może to być ten sam email, ale generalnie
chodzi o to, żeby to był mail, który jest rejestrowany.
Web flow Znów ta osoba musi mieć miejsce na przyjęcie projektów.
No i jeśli chodzi o ten
we flow email to też będziemy na niego wysyłać transferować ten projekt
i będziemy również transferować na niego zainwestowane wersje.
Dodatkowe komentarze możesz też tutaj wpisać i po prostu wysłać taki formularz.
Ten email musi być w domenie firmowej. Tak.
W której Ty masz swoje konto.
System Flow, czyli tą licencję wykupioną na tę konkretną domenę firmową i w tej
domenie nieograniczona ilość maili może zostać tam importowane.
System Flow, czyli wszyscy Twoi koledzy i koleżanki.
W wariancie Team jeśli posiadasz licencję
System Flow mogą tutaj dostać wersję swojego frameworku.
No i jeszcze jeśli chcesz się upgrade ować pomiędzy wersjami jest to możliwe.
Trzeba dopisać napisać do nas email.
Jeśli przykładowo masz kupioną wersję z
update ami albo wersję bez update i chcesz ładować w górę w górę.
My będziemy
wystawiali kupon na równowartość tego co zapłaciłeś i będziesz mógł wykorzystać go
na zakup wyższej wersji, również na gradowa Cię do tej wersji także.
To wszystko o wersjach System Flow, ale ja na koniec chciałbym wspomnieć jeszcze o
specjalnej zakładce Shox, którą mamy na stronie.
Są to strony wykonane czy projekty wykonane z pomocą System Flow
i jest to kolejny formularz, przez który możesz zgłosić swój projekt,
wysłać nam jego screen, wysłać informację o autorze, swój Twitter,
a my będziemy promować taki projekt przygotowany w system Flow zarówno właśnie
na tej stronie, jak i wrzucimy to w nasze kanały, w media społecznościowe.
Także gorąco Cię zachęcam do pochwalenie
się jakimś projektem, który zrobiłeś z pomocą System Flow.
A na teraz dzięki za uwagę. Do usłyszenia.