// web design · UX/UI · 2026

Skarbonka
.online

Świeży i elegancki landing page o finansach. Prosta droga od edukacji do narzędzi, oparta na przyjaznych ilustracjach 3D i czytelnej hierarchii.

RolaUX/UI Designer
ZakresLanding page
WidokiDesktop + mobile
CelProściej i skuteczniej
Trójwymiarowa skarbonka z monetą
// przed zmianą

Poprawny szkic bez własnego charakteru

Pierwszy widok przekazywał podstawowe informacje, ale przypominał generyczny serwis finansowy. Niespójne CTA, przypadkowa fotografia i płaska prezentacja kategorii nie budowały rozpoznawalnej marki ani wyraźnej ścieżki do narzędzi.
Poprzedni projekt Skarbonka Online
WIDOK PRZED - funkcjonalna baza wymagająca spójnego systemu wizualnego i mocniejszej hierarchii.
// kierunek

Finanse bez wizualnego ciężaru

Nowa wersja łączy granat budujący wiarygodność z lekkim błękitem, dużą ilością przestrzeni i miękkimi formami. Trójwymiarowa skarbonka stała się motywem przewodnim, dzięki czemu produkt jest ekspercki, ale nie wygląda bankowo ani korporacyjnie.
Ikona oszczędzania01 · NAWIGACJA

Trzy jasne obszary

Oszczędzanie, inwestowanie i pożyczki porządkują wejście do treści oraz narzędzi.

Ikona inwestowania02 · KONWERSJA

Narzędzia na pierwszym planie

Kalkulatory otrzymały własną sekcję, hierarchię i wyraźne przyciski prowadzące do działania.

Ikona pożyczek03 · ZAUFANIE

Treść i social proof

FAQ, poradniki oraz liczba użytkowników wspierają decyzję bez agresywnej sprzedaży.

// landing page

Jedna długa, spójna historia

Hero prowadzi do misji, kategorie do bezpłatnych narzędzi, FAQ rozbraja obawy, a poradniki rozwijają temat. Sekcje mają różny rytm, ale korzystają z jednego języka form, kolorów i ilustracji.
Pełny projekt strony głównej Skarbonka Online
FINALNY WIDOK DESKTOP - landing page od hero po stopkę.
// mobile

Ten sam system w małej szerokości

Na telefonie priorytetem jest skanowanie, duże obszary klikalne i szybkie przejście do kalkulatorów. Rozbudowane menu pozwala pokazać narzędzia i poradniki bez przeładowania głównego widoku.
Mobilna strona główna Skarbonka Online
Mobilne menu Skarbonka Online

Mobile first w praktyce

CTA pozostają widoczne, karty przechodzą w prostą kolumnę, FAQ działa jak akordeon, a menu daje kontekst zamiast samej listy linków.

// system wizualny

Motyw, który składa stronę w całość

Skarbonka pojawia się w hero, ikonach kategorii, tle kart i dowodzie społecznym. Dzięki temu nawet rozbudowany landing zachowuje rozpoznawalność bez powtarzania tego samego układu.
Skarbonka z motywem chmur
Subtelne tło sekcji i kart - dekoracyjne, ale podporządkowane czytelności.
Sekcja 300 użytkowników Skarbonka Online
Social proof wykorzystuje ten sam błękit, miękką formę i wizerunki użytkowników.
// rezultat

Prosty landing, który wygląda lekko i prowadzi do działania

Efektem jest kompletny, responsywny projekt: wyraźny hero, uporządkowane kategorie, narzędzia, FAQ, treści poradnikowe i dowody zaufania - spięte jednym eleganckim motywem.

Masz projekt? Napisz →