Strony dla marek luksusowych, technologicznych, artystycznych.

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ść.

web design: czas
web design: czas

Jestem projektantem i web 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.

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.

web design: przestrzeń
web design: przestrzeń

O mnie

Krótka sekcja przedstawiająca mnie i ustanawiająca jako autorytet oraz budująca więź z Tobą. Mogę to zrobić wspominając moje kwalifikacje, osiągnięcia lub to, 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ć.

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, powiem więcej - muszą sprawiać, że klient będzie zajarany klikając przycisk “napisz do nas” albo “kupuję”.

web design: tekstura
web design: 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 Websites – 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.

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”.

web design: kolor

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ę

Kliknij obrazek, by przejść do projektu

Technologie i moje kwalifikacje

Strony wykonuję na dwóch platformach: Wordpressie (z jego WooCommerce) i Webflow. NIE używam page builderów typu Elementor, które zamulają stronę, zamykają Cię w ekosystemie jednej firmy, wymagają aktualizacji i za które często trzeba płacić (przy dodatkowych funkcjach). Nie po to uczyłem się kodowania, by obciążać Twoją stronę lub Twój portfel page builderami.

Strukturę strony buduję na Webflow i potem przerabiam ją narzędziem Pinegrow na szablon Wordpressa w 100% zgodny z jego specyfikacją. Owe narzędzia stworzone dla web profesjonalistów (w przeciwieństwie do page builderów, których prefabrykowane klocki reklamowane są amatorom), generują CAŁKOWICIE CZYSTY kod HTML/CSS/PHP i JavaScript.

Uważam się za front-endowca na całkiem wysokim poziomie. Potrafię animować elementy na stronie biblioteką GSAP. Jestem człowiekiem od przemyślanego i estetycznego projektu i wdrożenia go w kodzie.

NIE JESTEM back-endowcem - do zbudowania aplikacji webowej (przesył danych w tę i we wtę, portale z logowaniem użytkowników i możliwością publikowania) potrzebowałbym pomocy kogoś z doświadczeniem w tym zakresie. NIE ZAJMUJĘ się SEO - aczkolwiek tworzę strony zgodne z najlepszymi praktykami pozycjonowania w Google. Uczę się kodować tak, aby ułatwić odbiór strony osobom niewidomym z czytnikami.

Jak wygląda proces projektowy?

0
1
2
3
4
5
01

Konsultacje i badania

Na początku musimy ustalić styl komunikacji skierowanej do Twojego klienta, estetyczną stylistykę, architekturę informacji oraz treść strony. Ostatnie dwa bardzo mocno determinują projekt(!), projektowanie pod "lorem ipsum" to słaby pomysł. Gdy Ty pracujesz nad treścią, którą potem pomogę Ci doszlifować, ja w międzyczasie szukam różnych stron w rozmaitych stylach na Pintereście, abyś mógł wskazać mi w jakim kierunku mamy podążać.

02

Architektura informacji

Na tym etapie projektuję czarno-białą makietę (czasem szkic) strony z ikonkami zamiast zdjęć, aby mniej-więcej ustalić czy dany sposób rozmieszczenia i nawigacji po treściach ma sens. Na tym etapie powinny już istnieć (przynajmniej wstępne) treści na stronę.

03

Faza projektowania szaty graficznej

Teraz zabieram się za projektowanie, zgodnie z ustalonym wcześniej stylem. Realistyczną makietę strony przedstawiam Ci jako projekt w Figmie, JPG lub PDF. Czasem w różnych iteracjach, jeżeli będzie to miało uzasadnienie. Po akceptacji projektu, przystępuję do kodowania strony na wysoce profesjonalnej platformie Webflow, na której możemy hostować Twoją stronę lub przerobić ją na szablon Wordpressa. (Napisz do mnie, by dowiedzieć się więcej - najlepiej przed zakupem hostingu.)

04

Ewentualne poprawki na stronie

Tutaj wyłapujemy ewentualne niedociągnięcia w funkcjonowaniu strony i doszlifujemy ją do perfekcji - na ekranach monitorów, tabletów i komórek. Na różnych przeglądarkach i systemach operacyjnych (...gdybyś zastanawiał się, czemu ta usługa tyle kosztuje).

05

Gratulacje!

Teraz będziesz mógł uroczyście kliknąć "publikuj stronę"! Wierzę, że będzie ona godną reprezentacją Twojej firmy, marki osobistej lub ruchliwym sklepem przynoszącym zysk :)

Przed przystąpieniem do zlecenia pobieram 1/3 stawki, resztę po wykonaniu zlecenia. Do rozliczania się używam platformy dla freelancerów UseMe. Kalkulator cen na dole strony!

Heading

Kod, słowo i obraz.

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ę

goes here

Heading goes here

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

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ć porządnie albo w ogóle. Rozwiązania na pół gwizdka mogą okazać się kiepską inwestycją, o bardzo niewielkim zwrocie. I dla mnie i dla Ciebie. Mając to na uwadze, napisz do mnie: