Strona internetowa · promocja

Akordeonista w drodze.

Strona i zaplecze promocji Krzysztofa Szymanowskiego: trzy oferty, jedna marka. Samodzielna realizacja w Astro, wdrożenie na Cloudflare Pages oraz integracja kanałów kontaktu i promocji.

Moja rola
Samodzielna realizacja strony, wdrożenie i promocja
Okres realizacji
03–09.09.2026 · 1 tydzień
Technologie
Astro · HTML · Cloudflare Pages · Formspree · Google Analytics 4
Zrzut strony Akordeonista w drodze: trzy obszary oferty muzycznej Krzysztofa Szymanowskiego.
Widok działającej strony projektu.

Problem

Krzysztof Szymanowski kieruje swoją ofertę do trzech różnych grup: organizatorów imprez, osób zainteresowanych edukacją muzyczną i odbiorców koncertów. Potrzebował spójnej obecności w sieci, która pozwoli każdej z tych grup szybko znaleźć właściwą ofertę i skontaktować się z nim.

Wyzwaniem było połączenie trzech charakterów komunikacji pod jedną marką: ciepłego i swobodnego dla imprez, inspirowanego muzycznym plakatem dla edukacji oraz bardziej eleganckiego dla koncertów.

Rozwiązanie

Zbudowałem w Astro lekką witrynę generującą gotowe strony HTML. Ma osobne podstrony trzech ofert, blog, zdjęcia, nagranie i kontakt. Nie wymaga działającego WordPressa ani bazy danych. Formularze obsługuje Formspree, a zapytania trafiają na pocztę WP.

Strona działa na Cloudflare Pages pod domeną akordeonistawdrodze.pl, z DNS w Cloudflare i zarządzanym HTTPS. Aktualizacja polega na zmianie plików projektu, zbudowaniu witryny i opublikowaniu kolejnego wydania.

Mój wkład

Projekt zrealizowałem w całości samodzielnie w ciągu tygodnia, od 3 do 9 września 2026 roku. Odpowiadałem za strukturę i wykonanie strony, treści, wdrożenie, integrację formularzy, migrację hostingu oraz przygotowanie kanałów promocji.

Opisy oparłem na informacjach Krzysztofa i jego zdjęciach. Nie dodawałem fikcyjnych opinii, osiągnięć ani relacji z wydarzeń.

Architektura

Warstwa strony jest statyczna. Astro generuje HTML, który Cloudflare Pages udostępnia odwiedzającym. Wysyłkę formularzy obsługuje zewnętrzna usługa Formspree, więc witryna nie potrzebuje własnego serwera aplikacyjnego do przyjmowania wiadomości.

Publikacja strony i przepływ zapytań
  1. Pliki projektuTreści i komponenty Astro
  2. BuildGotowe strony HTML i zasoby
  3. Cloudflare PagesDomena, DNS i HTTPS
  1. OdwiedzającyFormularz na stronie
  2. FormspreeObsługa wysyłki zapytania
  3. Poczta WPOdbiór wiadomości

Pomiar odwiedzin i działań kontaktowych zapewnia Google Analytics 4 po uzyskaniu zgody użytkownika. Google Search Console służy do kontroli odczytu strony przez Google i procesu indeksowania.

Decyzje techniczne

  • Astro i statyczny HTML: lekka witryna ofertowa, której utrzymanie nie wymaga WordPressa ani bazy danych.
  • Cloudflare Pages: hosting gotowych plików, DNS i HTTPS oraz poprawne udostępnianie strony robotom odczytującym metadane.
  • Formspree: obsługa formularzy i przekazywanie zapytań na pocztę WP bez własnego backendu formularzy.
  • Treści w plikach: zmiany trafiają do projektu, a następnie do nowego wydania strony.
  • Trzy ścieżki oferty: wspólna marka z odrębnym sposobem prezentacji imprez, edukacji i koncertów.

Trudności i ich rozwiązanie

Podglądy linków na Facebooku

Początkowo strona działała na InfinityFree. Zabezpieczenia tego hostingu blokowały robota Facebooka, przez co udostępniony link nie miał poprawnego podglądu. Przeniosłem witrynę na Cloudflare Pages. Po migracji potwierdziłem poprawny podgląd na publicznej domenie.

Migracja strony i integracji

Przeniesienie wymagało dopilnowania kopii, HTTPS, przekierowań starych adresów, formularzy i podglądów udostępniania. Kontrola tych elementów była częścią wdrożenia na docelowym hostingu.

Różni odbiorcy i ograniczone materiały

Każda oferta potrzebowała własnego charakteru wizualnego, a całość miała pozostać rozpoznawalną marką. Treści budowałem na dostępnych informacjach i zdjęciach muzyka, bez uzupełniania braków fikcyjnymi rekomendacjami.

Promocja i pomiar

  • SEO i blog: opisy ofert, tytuły stron, mapa witryny, przekierowania i artykuły odpowiadające na pytania klientów.
  • Google Search Console: kontrola odczytu strony i procesu indeksowania.
  • Profil Firmy w Google: uzupełnienie istniejącej wizytówki, materiałów i usług.
  • Facebook: trzy fanpage’e dla trzech ofert, odrębne identyfikacje wizualne, przypięte oferty i wzajemne odnośniki ze stroną.
  • Wesele z klasą: ogłoszenie imprezowe, opis, galeria i odpowiedzi na pytania klientów.
  • Google Analytics 4: pomiar odwiedzin i działań kontaktowych po zgodzie użytkownika.
  • Google Ads: rozpoczęte przygotowanie konta. W opisanym zakresie nie uruchomiłem płatnej kampanii.

Rezultaty

Powstała działająca strona z trzema ofertami, blogiem, materiałami muzyka i obsługą zapytań przez formularze. Migracja na Cloudflare Pages rozwiązała problem podglądów linków na Facebooku. Stronę połączyłem z kanałami promocji i narzędziami pomiaru.

Nie podaję wzrostów ruchu, liczby pozyskanych klientów ani efektów sprzedażowych bez potwierdzonych danych. Opisane rezultaty dotyczą wykonanej witryny, działających integracji i rozwiązanych problemów technicznych.

Projekt w sieci

← Wszystkie projekty