Strona wizytówkowa

dr Sławomir Kryszkowski

Custom HTML/CSS/JS Custom PHP SMTP
dr Sławomir Kryszkowski

O projekcie

dr Sławomir Kryszkowski to doradca strategiczny i restrukturyzacyjny z ponad 30-letnim doświadczeniem na najwyższych stanowiskach: Prezes Zarządu spółki farmaceutycznej notowanej na GPW, wojewoda jeleniogórski, prezes spółek komunalnych, wykładowca akademicki. Potrzebował strony, która przełoży ten dorobek na wiarygodny materiał dla zarządów firm i samorządów, a jednocześnie będzie działać błyskawicznie i nie wymagać obsługi CMS-a.

Wyzwanie

Klient potrzebował strony, która udźwignie dużą ilość merytorycznej treści bez efektu rozbudowanego CV:

  • Wiarygodnego przedstawienia 30 lat kariery wraz z twardymi dowodami skuteczności (wzrost kursu akcji, wycena spółki w transakcji)
  • Rozdzielenia komunikacji na dwie różne grupy odbiorców: biznes oraz samorządy i spółki komunalne
  • Uporządkowania osi czasu kariery, 15 nagród i wyróżnień, dorobku naukowego i publikacji
  • Formularza kontaktowego, po którym nadawca od razu dostaje potwierdzenie, że wiadomość dotarła
  • Osobnej podstrony z propozycją wykładów i warsztatów dla uczelni wyższych, wraz ze szczegółowymi treściami programowymi
  • Bardzo krótkiego czasu ładowania i pełnej responsywności na każdym urządzeniu
  • Zgodności z RODO oraz kontroli zgód na analitykę

Rozwiązanie

Zbudowałem stronę jako statyczną witrynę bez frameworków i bez CMS-a, z autorską warstwą PHP obsługującą kontakt:

  • Autorski system wizualny: typografia Fraunces i Inter, paleta granatu, złota i kości słoniowej, spójne komponenty sekcji
  • Struktura one page z osobną podstroną „Propozycja dla uczelni wyższych” i siedmioma modułami dydaktycznymi
  • Animowane liczniki wyników finansowych, oś czasu kariery i karuzela nagród z automatycznym przewijaniem
  • Podświetlanie aktywnej sekcji w menu podczas przewijania (scrollspy) oraz animacje wejścia sekcji na IntersectionObserver
  • Formularz kontaktowy w PHP: walidacja po stronie serwera, antyspam (honeypot i pułapka czasowa), zabezpieczenie przed header injection
  • Wysyłka przez SMTP z awaryjnym fallbackiem na funkcję mail(), z kopią DW dla zespołu
  • Ostylowane wiadomości HTML w identyfikacji wizualnej strony, z logo osadzonym jako załącznik inline (multipart/related), czytelne także w Outlooku
  • Automatyczne potwierdzenie dla osoby wypełniającej formularz, z kopią jej wiadomości i numerem telefonu na pilny kontakt
  • Baner cookies z zarządzaniem zgodą na Google Analytics, polityka prywatności i zgoda RODO w formularzu
  • SEO: dane strukturalne Schema.org (Person, ProfessionalService, WebSite, BreadcrumbList), Open Graph, adresy kanoniczne, sitemap i robots.txt
  • Konfiguracja Apache: wymuszony HTTPS, jedna wersja adresu, adresy bez rozszerzenia .html, nagłówki bezpieczeństwa, kompresja i cache przeglądarki
  • Dostępność: pominięcie nawigacji, opisy ARIA, widoczny focus, obsługa prefers-reduced-motion
  • Wydajność: obrazy WebP z fallbackiem, lazy loading, preload kluczowej grafiki, zero zewnętrznych bibliotek
  • Pełna responsywność z dedykowanymi punktami granicznymi dla nawigacji, siatek i typografii

Rezultaty

Klient otrzymał stronę, która porządkuje trzy dekady doświadczenia w czytelną narrację sprzedażową i buduje wiarygodność już w pierwszym ekranie, a przy tym ładuje się natychmiast, bo nie wczytujr za sobą żadnego frameworka ani bazy danych. Każde zapytanie z formularza trafia do klienta i do zespołu, a nadawca dostaje natychmiastowe, ostylowane potwierdzenie, co skraca dystans jeszcze przed pierwszą rozmową. Strona jest gotowa na rozbudowę o kolejne podstrony ofertowe według wzorca przygotowanego dla oferty akademickiej.

Zakres prac

Projekt graficzny
Autorski system wizualny
Kodowanie HTML/CSS/JS
Formularz kontaktowy w PHP
Wysyłka SMTP
Ostylowane wiadomości e-mail
Automatyczne potwierdzenie dla nadawcy
Podstrona oferty dla uczelni
Optymalizacja SEO i dane strukturalne
Konfiguracja RODO i baner cookies
Optymalizacja wydajności
Dostępność
Pełna responsywność

Potrzebujesz podobnego projektu?

Porozmawiajmy o Twoich potrzebach. Bezpłatna konsultacja, konkretne rozwiązania.

Umów bezpłatną konsultację