Projekt i realizacja strony dla agencji marketingowej z wskaźnikiem online/offline

Kompletny projekt strony WordPress od podstaw: wersje PL/EN, animacje, wskaźnik online/offline w czasie rzeczywistym, SEO i perfekcyjna zgodność z Figma.

Klient

Proscore

Branża

Marketing

Usługi

Tworzenie Stron www

Strona internetowa

proscore.agency

Strona Marketing Agency | Pixel-perfect WordPress + animacje

Problem

Agencja Proscore potrzebowała nowoczesnej strony, która w pełni oddałaby jej charakter i profesjonalizm w świecie digital. Poprzednia wersja nie prezentowała jakości marki, brakowało jej animacji i obsługi wielu języków.

Zadanie

Zbudować stronę od podstaw według makiety Figma w standardzie pixel-perfect.
Zapewnić dwujęzyczną strukturę (polski i angielski).
Dodać wskaźnik Online/Offline działający w czasie rzeczywistym według stref czasowych Polski i USA.
Wdrożyć animacje ładowania i przewijania stron.
Opracować intuicyjny panel administracyjny w oparciu o ACF i metapola.
Zastosować schema.org dla lepszej widoczności w wyszukiwarce.

Wyniki

Strona idealnie odzwierciedla wizerunek marki Proscore.
Wskaźnik online/offline działa w czasie rzeczywistym.
Edytorzy mogą samodzielnie aktualizować treści.
Układ i typografia są w 100% zgodne z projektem Figma.
Projekt stał się przykładem doskonałej realizacji strony agencji digital.

Wykonana praca

Pełne kodowanie w standardzie pixel-perfect.
Dwujęzyczność (Polski / Angielski).
Dynamiczny wskaźnik Online/Offline.
Animacje ładowania i przewijania stron.
Własny panel WordPress z ACF i metapolami.
Pełna optymalizacja SEO i schema.org.

Najważniejsze elementy projektu

Strona główna

Efektowny ekran startowy z tłem wideo i hasłem „We are a marketing partner in the digital world”. Minimalizm i harmonia z brandem.

Sekcja z animowanym napisem

Pokazuje kreatywne podejście do projektowania. Efekt odbicia i ruch tekstu zrealizowany za pomocą GSAP.

Strona projektu

Karta case study z opisem projektu, czasem realizacji i zakresem usług. Całość zarządzana dynamicznie z panelu WordPress.

Treść w portfolio

Opis procesu rebrandingu z użyciem zdjęć i animacji przewijania. Zbalansowane połączenie tekstu i obrazu.

Tożsamość marki portfolio

Prezentacja materiałów firmowych: wizytówki, długopis, branding. Podkreślenie spójności wizerunku.

Opis projektu

O projekcie

Proscore to agencja digital specjalizująca się w brandingu, stronach internetowych i marketingu performance dla klientów z Europy i USA.

Proces realizacji

Strona wykonana od podstaw w WordPress z własnym motywem, animacjami i obsługą wielu języków.

Funkcjonalności

Wskaźnik Online/Offline w czasie rzeczywistym.
Elastyczna struktura treści oparta na ACF.
Obsługa dwóch języków przez Polylang.
Animacje GSAP i optymalizacja Core Web Vitals.

SEO i struktura

Dodano schema.org, OpenGraph, sitemap.xml i robots.txt. Strony usług, projektów i artykułów są w pełni indeksowalne.

Rezultaty

Nowa strona łączy estetykę i precyzję wykonania z doskonałą użytecznością.
Projekt stał się wzorem dla agencji marketingowych — nowoczesny, interaktywny i zoptymalizowany pod SEO.

Użyte technologie

WordPress

Swiper

Figma