Realizacje / 10 · Usługi · marketing i wideo
Natalia Rajska
Portfolio wideo, które właścicielka sama układa w panelu
Strona główna
Natalia Rajska tworzy filmy dla marek i prowadzi ich media społecznościowe. Przebudowałem jej stronę, a filmy z portfolio odtwarzają się w każdej popularnej przeglądarce.
Okno usługi z formularzem
Każda usługa otwiera się w oknie z opisem zakresu prac i formularzem „Zapytaj o współpracę”, więc zapytanie od razu dotyczy konkretnej usługi.
Formularz bazowego cennika
Odwiedzający podaje adres e-mail i dostaje bazowy cennik usług, a właścicielka zyskuje kontakt do osoby zainteresowanej współpracą.
Sekcja „O mnie”
Sekcja ze zdjęciem i opisem doświadczenia zachowała dawny wygląd, a po optymalizacji jest prawie 38 razy lżejsza, więc szybciej się wczytuje.
Natalia Rajska prowadzi media społecznościowe marek, tworzy zdjęcia i filmy, koordynuje kampanie reklamowe i współpracę z influencerami. Przeniosłem jej stronę na nowy kod bez zmiany wyglądu, porównując wysokości wszystkich sekcji, a potem zaprojektowałem panel, w którym właścicielka sama zmienia treści i układa portfolio. Filmy ważą cztery razy mniej i odtwarzają się w każdej popularnej przeglądarce, a strona osiąga 99/100 w teście szybkości Google na telefonie.
- Branża
- Usługi · marketing i wideo
- Rok
- 2026
- Zakres
- Przeniesienie strony, Programowanie, Portfolio wideo, Panel dla klientki, Statystyki, Formularze, Wersje językowe, Wydajność
- Technologie
- WordPress, Autorski motyw, Tailwind CSS v4, JavaScript, Redis, Cloudflare Turnstile, Google Tag Manager, JSON-LD
- Strona
- nataliarajska.pl ↗
01Wyzwanie
Strona nie miała panelu, a właścicielka chciała sama zmieniać treści i portfolio bez zmiany wyglądu. Portfolio opiera się na filmach zapisanych w bardzo dużych plikach, a część z nich nie odtwarzała się w niektórych przeglądarkach, więc odwiedzający mogli nie zobaczyć części realizacji.
02Rozwiązanie
- Porównałem wysokości wszystkich sekcji i nagłówków starej i nowej strony, żeby po przeniesieniu na nowy kod wygląd pozostał bez zmian.
- Zaprojektowałem panel portfolio, w którym właścicielka wybiera kategorie, układ siatki z podglądem, kadr kafla i okładkę z klatki filmu.
- Opracowałem nowe, cztery razy lżejsze wersje ośmiu filmów w formacie, który odtwarzają wszystkie popularne przeglądarki, więc każdy film można obejrzeć.
- Przygotowałem dla każdej usługi osobne okno z opisem i formularzem, więc zapytanie od razu wskazuje, czego dotyczy.
03Najważniejsze elementy strony
- 01
Okno usługi z formularzem
Każda usługa otwiera się w oknie z opisem zakresu prac i formularzem „Zapytaj o współpracę”, więc zapytanie od razu dotyczy konkretnej usługi.
- 02
Formularz bazowego cennika
Odwiedzający podaje adres e-mail i dostaje bazowy cennik usług, a właścicielka zyskuje kontakt do osoby zainteresowanej współpracą.
- 03
Sekcja „O mnie”
Sekcja ze zdjęciem i opisem doświadczenia zachowała dawny wygląd, a po optymalizacji jest prawie 38 razy lżejsza, więc szybciej się wczytuje.
04Efekty
Strona z portfolio wideo osiąga 99/100 w teście szybkości Google na telefonie.
Teofilów →
Sklep z dzianinami, szybki i stabilny także przy dużym ruchu
