Widziałeś już setki takich stron?

4 kolumny produktów
2 kolumny z opisem i zdjęciem
3 kolumny z danymi kontaktowymi
Białe tło i generyczne przyciski
Nudna czcionka Roboto
Projekty uszyte z dizajnerskim sznytem

Generujące zysk strony w szacie uszytej z dizajnerskim sznytem

W sekcji powitalnej powinienem nakreślić obraz pozytywnej przemiany do której aspirujesz, a którą ja mogę pomóc Ci osiągnąć. Powinienem tu dotknąć Twoich pragnień i aspiracji na najgłębszym poziomie i migawkę ich spełnienia - strona, którą ode mnie kupisz, przyczyni się do wielkiego przełomu w Twoim biznesie i wywinduje Cię na wyższy pułap socjo-ekonomiczny. Ale tego typu powitanie napiszemy na Twojej stronie, dla Twoich klientów.

Nazywam się Kuba i kocham tworzyć.

Tym właśnie oddycham i tym śnię. Projektuję i koduję strony, które są przemyślane na poziomie architektury danych i psychologii sprzedaży, ale moim konikiem jest ich estetyka i nietuzinkowość.

czas
czas

Jestem Webflow Developerem dowożącym agencyjną jakość

Kolejna sekcja strony służy do zaadresowania kluczowego problemu, jaki moja usługa rozwiązuje oraz do zbudowania więzi i pokazania, że jestem właściwą osobą do tej roboty. Powinienem wypisać w niej główne problemy z jakimi się mierzysz i z którymi mogę Ci pomóc.

Na przykład:  

  • Nie masz czasu robić researchu dotyczącego wyboru technologii, platformy i odpowiedniego wykonawcy, skoro masz ważniejsze sprawy na głowie, a i tak się na tych rzeczach nie znasz
  • Inni projektanci robią od szablonu albo nie kiwną palcem, żeby doradzić Ci jak napisać teksty na stronę lub jakich zdjęć użyć, a nie stać Cię na sztab specjalistów z agencji reklamowej

I podobną sekcję napiszemy na Twojej stronie, aby Twój klient poczuł, że Twój produkt lub usługa jest dla niego perfekcyjnym rozwiązaniem jego problemu lub potrzeby!

Piękno i funkcjonalność mają się do siebie, jak wolność i odpowiedzialność

Natomiast ja od siebie napomknę tylko, że aby przyciągnąć klienta z kasą, trzeba zasygnalizować wizualnie jakość Twojej marki. Ludzie z pieniędzmi kochają piękno. Kochają jeździć pięknymi autami, spać w pięknych hotelach i nie ma podstaw by przypuszczać, że nie ocenią dizajnu Twojej strony.

przestrzeń
przestrzeń

O mnie

Krótka sekcja przedstawiająca i ustanawiająca mnie jako autorytet oraz budująca więź z Tobą. Mogę to zrobić wspominając moje kwalifikacje, osiągnięcia lub jak wielu klientom pomogłem osiągnąć określony rezultat. Mogę też przedstawić zarys mojej własnej “podróży bohatera” - przemiany jakiej doświadczyłem rozwiązując określony problem i zasygnalizować jak mogę pomóc również Tobie go rozwiązać.

Na Twojej stronie również użyjemy czegoś w tym stylu:

Jestem [imponująca kwalifikacja] który pomógł ponad [X] klientom osiągnąć [dany rezultat]

Brzmi jak marketingowe czary-mary, ale coś w tym jest.

Zaczynałem lata temu jako blogger treści kulturowo-lajfstajlowych. Pamiętam poczucie bezradności wobec ogromu wiedzy, jaką musiałem przyswoić, by samemu zbudować sensowną stronę. Miałem do wyboru: gotowy szablonik na Wordpress, który zupełnie mnie nie satysfakcjonował, albo zbudowanie strony samemu, o czym nie miałem zielonego pojęcia. Życie finalnie skłoniło mnie do nauczenia się języków kodowania HTML i CSS i myślałem, że jestem panem świata, musiałem jednak odrobić gorzką lekcję - ładna stronka to za mało.

Treści muszą budować zaufanie i sprzedawać, powiem więcej - muszą sprawiać, że klient będzie zajarany klikając przycisk “napisz do nas” albo “kupuję”.

tekstura
tekstura

Portfolio

Sekcję Portfolio można też nazwać Studium Przypadków. Należy tutaj użyć przypadku któregoś z klientów, by pokazać rezultaty jakie im dowozisz.

Dobry szablon dla opisu projektu brzmi tak:

“Gdy [klient] przyszedł do mnie, zmagał się z [dany problem]. Więc pomogłem im [krótki opis projektu]. Teraz cieszą się [pozytywne rezultaty projektu].

Na Twojej stronie ubierzemy to w Twoje własne słowa, następnie użyjemy testimonials od Twoich klientów, by dodać tzw. społeczny dowód słuszności.

Pozycjonowanie na rynku: ten typ od eleganckiej czerni

Moje studium przypadków koncentrują się jednak mocno na aspektach czysto projektowych. Dark Mode Webflow – jak sama nazwa wskazuje – to wyraz tego, w jakiej niszy chcę się poruszać. Zawsze czułem się mocny w ciemniejszej stylistyce, ponadto uważam, że wyciąga ona pełne możliwości z przestrzeni kolorów RGB. Tutaj można "zaświecić" kolorem, w przeciwieństwie do druku i do stron z jasnym tłem (które są niejako imitacją druku).

Ponadto każdy, kto liznął co nieco marketingu wie, że marki premium często komunikują się kilkoma specyficznymi zabiegami, takimi jak: ciemne kolory, minimalizm, ornametyka, szalenie estetyczna typografia. Strony z ciemnym tłem są doskonałe również dla marek chcących uchodzić za artystyczne, kreatywne, eksperymentalne, ekspresywne.

Nie jestem jednak dogmatykiem i nie usłyszysz ode mnie tekstu a'la Henry Ford: „U nas można dostać samochód w każdym kolorze, pod warunkiem że jest to czarny”.

kolor

Drugi człon nazwy, słowo "Webflow", oznacza platformę, która służy do kreowania stron (na bazie prawdziwego kodu HTML i CSS) oraz ich hostowania. Jest ona na chwilę obecną jednym z najbardziej profesjonalnych narzędzi tego typu, używanym przez najbardziej uznane agencje na całym świecie.

Co ciekawe Webflow daje możliwość wyeksportowania kodu strony i wrzucenia jej na któryś z darmowych hostingów (jak ta strona którą właśnie czytasz).

Strony na Webflow są szybsze, mniej awaryjne i prostsze w obsłudze, niż strony na CMS Wordpressu.

Wykonuję też strony wg. czyjegoś projektu (jeżeli jest dobry) - za mniejszą stawkę.

Jak wygląda proces projektowy?

0
1
2
3
4
5
01

Badanie wizji i potrzeb

Telefon lub czat, na którym uzgodnimy strategię marketingową i wizję artystyczną dla Twojej strony, w oparciu o krótki formularz uprzednio wypełniony przez Ciebie. Następnie robię badanie specyfiki Twojej firmy i branży pod kątem możliwych stylów komunikacji.

02

Zaprojektowanie architektury strony

Zatwierdzenie dokumentu z treścią strony i jej mapą (architekturą informacji), a także przykładów i próbek estetyki, w ramach której będziemy się poruszać.

03

Faza projektowania szaty graficznej

Wpierw przedstawiam pewne iteracje projektu w postaci JPG lub PDF z makietą strony. Po wybraniu przez Ciebie najbardziej adekwatnego rozwiązania, przystępuję do kodowania strony na wysoce zautomatyzowanej platformie Webflow, dzięki czemu proces jest szybszy niż w tradycyjnym developingu.

04

Zatwierdzenie i ewentualne poprawki na stronie

Tutaj wyłapujemy ewentualne niedociągnięcia w funkcjonowaniu strony i doszlifowujemy do perfekcji.

05

Gratulacje!

Teraz będzie można kliknąć "publikuj stronę"!

Heading

goes here

Heading goes here

W kulturze informacji słowo i obraz są najlepszym orężem
(Zaprojektowany przeze mnie symbol polskiego złotego)

Ciemne Strony Mocy - strony które zarabiają mamonę

Ciemne Strony Mocy - strony które zarabiają mamonę

Ciemne Strony Mocy - strony które zarabiają mamonę

Ciemne Strony Mocy - strony które zarabiają mamonę

Chcesz postawić stronę samemu?
Przeczytaj wpierw uwagi poniżej!

Błędy których należy uniknąć, pisząc treść strony:

Bohaterem jest klient

Wbrew pozorom strona nie jest o Tobie, ani o Twoim produkcie lub działalności. Jest ona o Twoim kliencie i jego potrzebie. Jest ona o tym, jaką rolę odegra Twój produkt w życiu klienta, zaspakajając jego potrzebę. Oczywiście w działalności B2B tę, oraz resztę zasad, można nieco poluzować, odwołując się mniej do emocji, a bardziej do merytoryki. Choć nutka emocji nawet i tu nie zaszkodzi.

Satysfakcja nie parametry

Strona nie powinna być pisana językiem geeka. Treści czysto techniczne, szczegółowe, nie powinny być pierwszoplanowe. Ludzie nie pragną odżywki białkowej, ponieważ ma określony smak, taki a taki skład, takie a takie parametry. Nie sprzedajesz parametrów, lecz obietnicę rezultatów, obietnicę lepszego samopoczucia – w tym przypadku lepiej zbudowanego, piękniejszego ciała. Szczegóły zostaw na podstrony lub sekcje znajdujące się niżej strony.

Lekkostrawne teksty

Czytanie z monitora nie jest tak komfortowe, jak czytanie z papieru. Ponadto Internet ma wiele pokus i rozpraszaczy. Treść tekstów musi być zatem lekkostrawna. Oznacza to rozbicie tekstu na krótkie bloki (akapity), dużo śródtytułów, wypunktowań, wspomaganie się infografikami itp. Najważniejsze w danym tekście akcenty dobrze jest podawać na początku, żeby wciągnąć czytelnika i dopiero później doprecyzowywać temat.

Zbijanie oporu

Naciśnięciu przycisku „kontakt” lub „kupuję”, musi towarzyszyć jak najmniej oporu i wątpliwości u gościa Twojej strony. Uzyskujesz to, ustanawiając zaufanie do siebie i autorytet. Nie bądź skromny - pokaż dowody swojej ekspertyzy, lub screenshoty wiadomości Twoich zadowolonych klientów. Unikaj fotografii, które wyglądają zbyt "stockowo", nienaturalnie.  

Spójność wizerunku

Wybierając szatę graficzną (szablon strony, grafiki do postów) oraz pisząc treść, pamiętaj o trzymaniu pewnej spójności wizerunkowej. Bardzo przydatnym do tego narzędziem jest model tzw. archetypów marki.

"Źle zaprojektowany produkt, który sprawnie działa, jest tak samo nieetyczny jak piękny produkt, który nie działa. Pierwszy lekceważy konsumenta, a drugi go oszukuje."

Paul Rand

"Kuba jest developerem kontaktowym, otwartym na sugestie i potrafiącym zachować zimną krew - co pokazał na godzinę przed premierą naszej strony, gdy naprawił usterkę jednej z zewnętrznych funkcjonalności."

Julia Taranko

Fotograf i producent, Foodoo

"Wygląda na to, że Jakub jest nie tylko web dizajnerem, ale też projektantem w szerszym znaczeniu tego słowa. Dostaliśmy nie tylko stronę, ale całą identyfikacje wizualną dla mojej firmy"

Krzysztof Mańczak

Właściciel, Kolporacja

Dobry dizajn to sztuka uwodzenia

Stronę powinno się kończyć powracając do upragnionej wizji rezultatów i wezwaniem do działania - zachętą do tego, abyś teraz do mnie napisał.

A zatem moja szczera rada - stronę należy robić albo porządnie albo w ogóle. Serio. Rozwiązania na pół gwizdka mogą okazać się kiepską inwestycją, o bardzo niewielkim zwrocie. I dla mnie i dla Ciebie. Mając to z tyłu głowy, po prostu:

Ile to będzie kosztowało? Zmieścimy się w przedziale 2 - 8 tysięcy, w zależności od stopnia skomplikowania projektu.