DeMenso Sverige
Menu
Realizacje

Nowy interfejs i lżejsza technologia dla NajlepszeLowisko.

Klient prowadzi komercyjne łowisko blisko Bydgoszczy. Poprzednia strona miała CMS, z którego klient nie korzystał, przestarzałą formę, problemy z kontrastem i błędy w danych strukturalnych. Przeprojektowaliśmy doświadczenie i zbudowaliśmy stronę o czytelnym przepływie informacji.

NajlepszeLowisko — strona na monitorze i w telefonie
Powiększ obraz
01 / Realizacje

Dlaczego zrezygnowaliśmy z CMS?

Klient potrzebował pokazać łowisko, ofertę i kontakt, ale nie edytował regularnie treści w istniejącym CMS. Statyczna strona lepiej odpowiadała temu sposobowi pracy. To był wybór dla tego projektu; inne strony mogą wymagać systemu do samodzielnej edycji.

02 / Realizacje

Co zrobiliśmy?

Nowa struktura i projekt.

Matte przygotował układ i interfejs dla odbiorców, dla których czytelność była szczególnie ważna. Najważniejsze informacje, oferta i kontakt znalazły się na jednej uporządkowanej stronie.

Nowy kod i trzy języki.

Adrian wybrał rozwiązanie techniczne, napisał stronę w Astro i TypeScript oraz pracował nad testami i optymalizacją. Powstały wersje polska, angielska i niemiecka.

Konkretne poprawki dostępności.

Poprawiliśmy kontrast kolorów i strukturę nagłówków HTML, usunęliśmy bariery dla nawigacji klawiaturą i sprawdziliśmy widoczność fokusu. Zmiany sprawdziliśmy narzędziami automatycznymi oraz ręcznie, przechodząc stronę klawiaturą.

03 / Realizacje

Co wiemy o rezultacie?

Nowa strona jest opublikowana i można zobaczyć jej aktualną wersję. Po uruchomieniu klient zauważył większe zainteresowanie ofertą i więcej zapytań telefonicznych. To jego obserwacja; projekt można też ocenić przez widoczną strukturę strony, treść i działanie nawigacji.

Projekt od rozpoczęcia do uruchomienia zajął trzy dni robocze przy ustalonym zakresie prac.

04 / Realizacje

Kiedy podobne rozwiązanie może mieć sens?

Gdy treści zmieniają się rzadko, a klient nie potrzebuje samodzielnego zarządzania podstronami w CMS, strona statyczna może być trafnym wyborem. Trzeba jednak rozważyć przyszłą edycję, funkcje i odpowiedzialność za aktualizacje.

05 / Realizacje

Twoja obecna strona nie pasuje już do sposobu pracy?

Przejdź do obrazu klawiszem Tab. Klawisze strzałek przewijają powiększony obraz. Escape zamyka podgląd.

Ustawienia czytania

Dostosuj stronę do siebie.

Zmień tekst, kolory i ruch, aby wygodniej czytać. Zmiany są widoczne od razu.

Aktywne zmiany: 0

Pomoc w czytaniu

Proste wyjaśnienie

Tutaj opisano projekt: zadanie i pracę pokazaną w portfolio. Obrazy możesz powiększyć.

To prosty wstęp. Przeczytaj całą stronę, aby poznać szczegóły, warunki i wyjątki.

Pojęcia i skróty

CTA
Call to Action: zachęta do działania, np. przycisk kontaktu.
CV
Curriculum Vitae: opis doświadczenia, wykształcenia i umiejętności.
PHP
PHP: Hypertext Preprocessor. Język programowania używany m.in. przez WordPress.
IMY
Integritetsskyddsmyndigheten: szwedzki organ nadzorujący ochronę danych.
PTS
Post- och telestyrelsen: szwedzki urząd nadzorujący komunikację elektroniczną i usługi pocztowe.
HB
Handelsbolag: szwedzka forma spółki osobowej.
EEA / EES / EOG
Europejski Obszar Gospodarczy: kraje UE oraz Islandia, Liechtenstein i Norwegia.
EU / UE
Unia Europejska.
BYOD
Bring Your Own Device: używanie własnego urządzenia do pracy.
WCAG AA / AAA
Poziomy WCAG określają wymagania dostępności. AA obejmuje wymagania A i AA; AAA obejmuje wymagania A, AA i AAA.
CMS
Content Management System: system zarządzania treścią, w którym dodajesz i zmieniasz zawartość strony.
PR
Public Relations: działania dotyczące relacji i komunikacji organizacji z otoczeniem.
IT
Information Technology: technologia informacyjna, służąca do zapisu, przetwarzania i przekazywania informacji.
SEO
Search Engine Optimisation: działania ułatwiające wyszukiwarkom zrozumienie i znalezienie strony.
AI
Artificial Intelligence, sztuczna inteligencja: programy, które mogą tworzyć tekst lub obrazy albo rozpoznawać wzorce.
WCAG
Web Content Accessibility Guidelines: wytyczne dotyczące dostępności treści internetowych.
UX
User Experience: doświadczenie osoby korzystającej z produktu lub usługi.
UI
User Interface: interfejs użytkownika, czyli elementy obsługi, np. przyciski i formularze.
API
Application Programming Interface: sposób wymiany danych między programami.
HTML
HyperText Markup Language: język opisujący treść i strukturę strony internetowej.
CSS
Cascading Style Sheets: reguły określające wygląd strony internetowej.
GDPR / RODO
RODO: Rozporządzenie o ochronie danych osobowych. GDPR to angielski skrót nazwy tych samych przepisów UE.
GA4
Google Analytics 4: narzędzie do pomiaru sposobu korzystania ze strony.
GTM
Google Tag Manager: narzędzie do zarządzania kodem pomiarowym i innymi tagami na stronie.
B2B
Business to Business: sprzedaż lub współpraca między firmami.
PDF
Portable Document Format: format pliku dokumentu.
CRM
Customer Relationship Management: system zarządzania kontaktami i informacjami o klientach.
CSP
Content Security Policy: reguły ograniczające kod i zasoby wczytywane przez przeglądarkę.
IP
Internet Protocol: zasady komunikacji w sieci. Adres IP identyfikuje połączenie lub urządzenie w sieci.
Brief
Opis celu, potrzeb i ram projektu.
Branding
Praca nad rozpoznawalnością i sposobem wyrażania marki, np. przez nazwę, obraz i język.
Hosting
Usługa przechowywania plików strony, dzięki której jest ona dostępna w internecie.
Integration
Połączenie umożliwiające współpracę różnych systemów.
Pixel
Tutaj: kod służący do pomiaru wizyt lub działań na stronie.
Retention
Czas przechowywania danych przed ich usunięciem.
Data controller
Administrator danych: osoba lub organizacja określająca cel i sposób przetwarzania danych osobowych.
Data processor
Podmiot przetwarzający: osoba lub organizacja przetwarzająca dane na zlecenie administratora.
Semantics
Tutaj: znaczenie elementów kodu, dzięki któremu przeglądarka rozpoznaje nagłówek, link lub przycisk.
Responsive
Strona dostosowująca układ do różnych rozmiarów ekranu.
Conversion
Działanie, w którym strona pomaga odbiorcy, np. wysłanie zapytania.
Prototype
Wczesny model służący do sprawdzenia, jak rozwiązanie może działać.
Accessibility
Dostępność: możliwość korzystania z treści i funkcji przez osoby o różnych potrzebach i możliwościach.

Potrzebujesz pomocy? Napisz do nas: hej@demenso.se

Tekst i czytanie
Kolory i orientacja

Wybierz kolor tekstu i tła. Drugi kolor dostosuje się w razie potrzeby, aby tekst pozostał czytelny.

Ruch

Systemowe ustawienie ograniczenia ruchu jest zawsze respektowane.

Wybory są zapisywane tylko w tej przeglądarce. Żadne informacje nie są wysyłane.