Zpět na projekty

// CASE STUDY · 2024

Shufflekalafa

Shufflekalafa

Z pomalého WordPressu na moderní web, který prodává kurzy a buduje komunitu.

Služby

DesignDevelopmentCMSPerformanceAnimace

Doba realizace

8 týdnů

Období

Q1 2025

Navštívit web

// VÝZVA

Problém, který klient řešil

Shufflekalafa přišla s jasným problémem: jejich stávající web na WordPressu byl pomalý, vizuálně zastaralý a zahlcený desítkami pluginů, které se navzájem srážely. Výsledkem byl web, který se načítal průměrně 6–8 sekund, měl špatné Core Web Vitals a potenciální zákazníci ho opouštěli ještě před tím, než viděli nabídku kurzů.

Dalším kritickým bodem byl objednávkový systém kurzů — zákazníci museli procházet přes třetí strany s cizím brandingem, což narušovalo důvěru a snižovalo konverze. Správa obsahu byla technicky náročná, takže jakákoliv aktualizace kurzů vyžadovala zásah vývojáře.

// PŘÍSTUP

Jak jsme to uchopili

Naším prvním krokem byl hloubkový audit stávajícího webu — identifikovali jsme každý plugin, každý nezoptimalizovaný obrázek a každý zbytečný HTTP request. Zároveň jsme provedli rozhovory s uživateli kurzů, abychom pochopili, kde v procesu nákupu ztráceli zájem.

Rozhodli jsme se pro kombinaci Next.js jako frameworku a Frameru pro správu obsahu. Shufflekalafa tak dostala do rukou nástroj, se kterým může sama aktualizovat texty, kurzy i vizuály bez závislosti na nás. Nový objednávkový systém jsme integrovali přímo do webu — v jejich barvách, v jejich stylu.

// ŘEŠENÍ

Co jsme postavili

Postavili jsme kompletně nový web od základů. Žádné šablony, žádné page-buildery. Design vychází z vizuální identity Shufflekalafa — barevná, energická estetika s plynulými animacemi a scroll efekty, které odrážejí dynamiku jejich kurzů.

Co jsme doručili

Kurzy jsou přehledně rozděleny do kategorií s dynamickým filtrem. Každý kurz má vlastní stránku s ukázkovým videem, detailní osnovou a jasnými CTA. Objednávkový systém je integrovaný přímo na webu — žádné přesměrování, žádné cizí branding. Správa obsahu přes Framer zvládne sám klient bez technických znalostí.

// VÝSLEDKY

Co jsme dosáhli

4,2×

Rychlejší načítání

61 %

Více prodaných kurzů

98

Lighthouse skóre

34 %

Nižší bounce rate

Nový web se stal skutečným prodejním nástrojem. Shufflekalafa poprvé vidí, jak přesně jejich zákazníci procházejí webem a kde se rozhodují k nákupu. Správa obsahu jim nyní zabere minuty místo hodin.

Značka Shufflekalafa působí online stejně sebevědomě jako v reálu — moderně, přehledně a s přesahem. Přidávání nových kurzů, změna cen nebo update materiálů zvládá tým kompletně sám.

// TECH STACK

Použité technologie

Next.jsFramerVercelTailwind CSSTypeScript
"
"Konečně máme web, který nás reprezentuje tak, jak jsme chtěli od začátku. Rychlý, krásný a zvládáme ho sami. Prodeje kurzů šly nahoru hned v prvním měsíci po spuštění."
A

Aneta Kalafová

Zakladatelka, Shufflekalafa

Máš podobný projekt?

Pojďme to probrat. Reagujeme do 24 hodin.

Začít projekt