RadekCech.cz
Případová studie // RadekCech.cz

RadekCech.cz

Osobní portfolio spojující dva odlišné světy

KlientVlastní osobní značka
Rok2024
RoleArchitektura, UX/UI Design, Full-Stack Vývoj
StatusAktivní
// EVOLUCE_STACKU

[01] Odchod z WordPressu po 6 letech

Můj původní osobní web běžel 6 let na WordPressu s vizuálním builderem Divi. Postupem času se z této kombinace stala nepřehledná, pomalá a technicky dluhová zátěž.

Protože jsem si na stacku Next.js + Supabase + Vercel už delší dobu stavěl svůj vlastní CRM systém pro správu zakázek, dalším logickým krokem bylo vzít to, co reálně ve WordPressu používám (články, fotogalerie, reference) a vytvořit si vlastní Headless CMS (Chameleon OS).

Tím jsem zrušil závislost na těžkopádných šablonách a celý vývojářský i fotografický workflow uzavřel do jednoho ekosystému.

// OSOBNÍ_BRAND

[02] Sjednocení pod jménem Radek Čech

Původně jsem veškeré vývojářské a digitální služby směřoval na samostatný projekt digitalnitvurce.cz. Postupně jsem ale zjistil, že chci stavět silnou a lidskou osobní značku napříč vším, co dělám.

Mým cílem bylo, aby byl nový web stejně tak osobní jako samotné fotografování. Chtěl jsem, aby mě lidé skrz web opravdu poznali, věděli, kdo jsem, jak přemýšlím a řekli si: „Jo, s tímhle člověkem chci spolupracovat.“

[03] Srdcem i duší fotograf // Live AF Camera Interface

Modul z Homepage

Srdcem mé identity je fotografie. Hned první sekce domovské stránky to musí dát jasně najevo. Uživatel nevidí klasické nudné menu, ale dostane se přímo do interaktivního hledáčku fotoaparátu s efektem zaostření, sledováním senzoru myši a bílým zábleskem závěrky:

AF_Lock // Zaostřeno

Jsem Radek Čech

Fotografem, otcem a digitálním tvůrcem.

Dilema dvojí identity

Jak oddělit svatby od logiky kódu

Řešil jsem zásadní dilema: Jak na jednom webu propojit emoční focení svateb a rodin se studenou logikou kódování a B2B vývoje? Svatby a kód jsou dvě diametrálně odlišné skupiny zákazníků. Nevěstu nezajímá, co kóduji přes týden, a firmy nezajímá, co fotím o víkendu.

SEO Architektura & Vyhledávače

Přímo na landing page vs. Homepage

Lidé z Organického vyhledávání (Google / Seznam) dopadají přímo na konkrétní landing pages – např. /svatebni-fotograf nebo /tvorba-webu. V tu chvíli vidí jen ten svůj svět a ani neví, že na webu existuje něco jiného.

Lidé z doporučení, kteří přijdou na kořenovou stránku radekcech.cz, se naopak potkají s jasným rozcestníkem, kde si zvolí cestu.

[04] Rozcestník pilířů // Live Split-Screen Component

Framer Motion Accordion

Pro rozcestník na homepage jsem vyvinul komponentu roztahovacích pilířů. Po kliknutí na pilíř se rozhraní plynule rozbalí přes celou obrazovku bez nutnosti načítat novou stránku:

RAW // 35MM F/1.4

Fotograf.

Zobrazit sekci
<CODE> // UI/UX

Tvůrce.

Zobrazit sekci
LIVE // STORY

O mně.

Zobrazit sekci

[05] Příběh, O mně & Evoluce

Propojení profilu s plynulým horizontálním scrollováním časové osy. Ukazuje celou mou cestu od roku 1988 až do současnosti:

Radek Čech - Profil
Live // Story

Když se zastavíte, začnete vidět.

Nevytvářím věci jen proto, aby existovaly. Tvořím je proto, aby něco vyvolaly.

Pocit. Důvěru. Vzpomínku.

Historie

Moje cesta.

REC: 1988

Bod nula

Narození. Rok, kdy se to celé nenápadně dalo do pohybu.

REC: 2008

První zrcadlovka

Nikon D60. Koupě, kterou jsem vlastně nikdy nechtěl udělat, ale nakonec mi definovala život.

REC: 2012

Součástí Nikonu

Nástup na pozici promotéra pro Nikon. Deset let spolupráce, která mě zásadně formovala.

REC: 2014

Vlastní studio

Sčítám ztráty z předchozích let, beru si půjčku a otevírám vlastní fotostudio RAWfoto v Brně.

REC: 2018

Změna kurzu

Dělám těžké rozhodnutí, zavírám brněnské studio a objevuji nový směr – marketing a tvorbu webů.

REC: 2021

Agenturní svět

Nástup do digitální agentury. Nasávám know-how z prostředí velkých kampaní a složitých procesů.

REC: 2026

Připravuji...

Evoluce Chameleon. Kruh se uzavírá. Obnovuji RAWfoto na nové technologické úrovni a chystám se spustit zcela nový ekosystém.

Klíčové přínosy

  • Kompletní eliminace závislosti na WordPressu a zrychlení LCP pod 0.8 sekundy.
  • Perfektní izolace dvou odlišných cílových skupin (nevěsty vs. B2B klienti).
  • Jednotná správcovská administrace Chameleon OS propojená s mým CRM.

Architektura & Stack

Framework:Next.js App Router (React Server Components)
Animace:Framer Motion (Layout, Sensor & Scroll Transforms)
Backend & Auth:Supabase PostgreSQL + Chameleon OS
Deployment:Vercel Edge Network