Nowa strona Afterweb 3.0 jest Online. Zobacz, jak się zmieniliśmy!

Od dzisiaj możecie przeglądać Afterweb.pl w świeżej odsłonie 3.0 Zobaczcie, z jakimi wyzwaniami projektu się zmierzyliśmy i co dokładnie zmieniliśmy. Oto serwis zaprojektowany z myślą o Was. Rebranding, opracowanie identyfikacji wizualnej, więcej funkcji i jeszcze lepsza nawigacja: to wszystko od dziś czeka na osoby, odwiedzające naszą stronę. Koniecznie dajcie znać, jak Wam się podoba Afterweb w zupełnie nowej wersji 3.0 – zapraszamy!

Rebranding – opracowanie nowego logo Afterweb 3.0

Nad opracowaniem nowego logo naszej Agencji pracowały aż 4 firmy. Zdecydowaliśmy się stworzyć logotyp od podstaw, kładąc nacisk na design i prostotę formy. Odrzuciliśmy 16 koncepcji projektowych. Wybór padł na intensywny odcień koloru pomarańczowego i nowoczesny font, sprzyjający wzmocnieniu rozpoznawalności firmy na rynku. W efekcie powstało logo w wersji 3.0, które oddaje charakter marki i emanuje znakomitą energią. Wisienką na torcie jest sygnet, który nawiązuje do wzrostu.

Afterweb.pl – od wstępnego projektu po realizację:

1. Nowy projekt strony głównej – Afterweb.pl

Przebudowa strony głównej miała na celu ułatwienie użytkownikom poznania naszej oferty. Aby dostosować serwis do potrzeb Klientów, zmieniliśmy strukturę menu nawigacyjnego i usunęliśmy część treści. Wdrożyliśmy skuteczne grafiki i przyciski Call To Action. Nowy layout jest intuicyjny, funkcjonalny oraz utrzymany w minimalistycznym, nowoczesnym stylu.

2. Podstrona Pozycjonowanie stron – co się zmieniło?

Nowa podstrona poświęcona naszej najważniejszej ofercie – pozycjonowaniu stron, została zaprojektowana tak, by służyć pozyskiwaniu nowych klientów. Poprawiliśmy prezentację wizualną, zadbaliśmy o stonowany design oraz łatwość nawigacji. Na stronie dominują nasze firmowe kolory: czerń, pomarańcz i odcienie szarości, które są spójne z odświeżonym layoutem.

3. Podstrona Google Ads i jej nowa odsłona

Nowa makieta podstrony Reklamy Google to połączenie minimalistycznego designu z animowanymi elementami. Zależało nam na nowoczesnej formie i spójności z resztą podstron. Harmonijny, prosty układ oznacza korzyści dla użytkownika, dlatego wiele uwagi poświęciliśmy czytelnej strukturze, sprzyjającej wysyłaniu zapytań ofertowych.

4. Podstrona O firmie – poznajmy się bliżej!

Na podstronie O firmie ulepszyliśmy wygląd i kolorystykę, a także uporządkowaliśmy hierarchię wyświetlanych elementów. Ograniczyliśmy treść na rzecz atrakcyjnych grafik. Skupiliśmy się na kreatywnym przedstawieniu naszych pracowników i wartości, jakimi kierujemy się w pracy. Szeregi afterwebowej brygady zaprezentowanej w tej zakładce powiększyły się o Specjalistę do spraw uszczęśliwiania – Bentleya – który ochoczo zapozował do zdjęcia biznesowego.

5. Podstrona Referencje po modyfikacjach

Podstrona z referencjami zyskała atrakcyjną formę dzięki zdjęciom naszych Klientów i przygotowanym przez nich opiniom na piśmie. Całość jest przyjazna w odbiorze za sprawą autorskiego layoutu. Na podstronie umieściliśmy listy referencyjne przygotowane przez kontrahentów oraz nasze podsumowania wybranych realizacji w zakresie pozycjonowania stron i kampanii Google Ads.

6. Blog firmowy z nowym, ulepszonym układem

Nasz firmowy blog w nowej odsłonie obejmuje wpisy poradnikowe oraz sprzedażowe. Uatrakcyjniliśmy formę przekazu wartościowych treści. Teksty zostały ustrukturyzowane, dzięki czemu całość stała się bardziej czytelna i utrzymana w nowoczesnym, a zarazem prostym stylu.

7. Wpis blogowy – zmiana z wersji 2.0 na 3.0

Wpisy blogowe zyskały odświeżony wygląd. Od teraz są prezentowane w nowym układzie 3.0, który znacząco poprawia odbiór tekstu.  Każdy artykuł wyróżnia tematyczna grafika, tzw. hero image. Usunęliśmy chaotyczne elementy i formularz kontaktowy, który rozpraszał uwagę. Aktualny layout sprzyja przeglądaniu wpisów i wydłuża czas, spędzony na blogu.

8. Zakładka Kontakt – porozmawiajmy o Waszych potrzebach

Podstrona Kontakt to miejsce, gdzie ma panować idealny porządek. Zdecydowaliśmy się na minimalistyczny układ formularza. Obok podaliśmy wyłącznie niezbędne informacje: godziny otwarcia firmy, adres, telefon i e-mail. Czytelna, przejrzysta forma zachęca do wypełnienia tabeli oraz wysłania wiadomości.

9. Formularz Pop-up w nowym wydaniu

Chcieliśmy stworzyć intuicyjny, przejrzysty pop-up, który nie będzie irytował użytkowników. Nowa tabela jest dopasowana do odświeżonego layoutu i stylu strony, a co za tym idzie, zachęca do wysłania zapytania ofertowego. Harmonijna, minimalistyczna forma pozbawiona rozpraszaczy koncentruje uwagę wyłącznie na wypełnieniu formularza.

10. Responsive Web Design, czyli jak projektując jedną stronę musieliśmy zrobić trzy

Kod naszej nowej strony został dostosowany dla 3 kluczowych wersji: mobile+, laptop, desktop Full HD. Od teraz każdy może wygodnie przeglądać afterweb.pl na urządzeniach stacjonarnych oraz mobilnych. Serwis responsywnie wykorzystuje informacje dotyczące wielkości ekranu użytkownika. W efekcie działa bez zarzutu na ekranach różnej wielkości i o różnych rozdzielczościach. Zadbaliśmy też o szybkość ładowania – dzięki wdrożonym działaniom strona jest wydajna, a treści czy obrazy płynnie się wczytują.

Nowa strona jest do Waszej dyspozycji! A my dzisiaj świętujemy całym zespołem na kolacji z szampanem

Uruchomienie Afterweb.pl w odsłonie 3.0 to dla nas wielki sukces, zwieńczenie wielomiesięcznych zmagań i początek wspaniałej podróży. Poświęciliśmy wiele uwagi każdemu szczegółowi: zaczynając od długich godzin spędzonych na projektowaniu i programowaniu, a kończąc na wprowadzaniu poprawek i nadawaniu stronie idealnego, ostatecznego kształtu. Dzięki nowej odsłonie serwisu możemy lepiej prezentować nasze usługi i docierać do większej liczby klientów.

Czekaliśmy na ten moment bardzo długo, a praca nad trzecią wersją strony Afterweb 3.0 była dla nas prawdziwym wyzwaniem. Finalnie udało nam się zrealizować projekt, który w 200% spełnia nasze oczekiwania. I choć nie było łatwo, bo mierzyliśmy się z różnymi wyzwaniami i problemami technicznymi, wspólnymi siłami daliśmy radę. Od dziś możemy z dumą prezentować stronę Afterweb 3.0 w Internecie. Jesteśmy pewni, że nasz nowy serwis przypadnie Wam do gustu!