Zpět na portfolio

Alexander Kovačka.

Minimalistický web pro fotografa a k němu operační systém pro jeho byznys: správa galerií, klientský výběr fotek a fakturace na jednom místě. Postavil jsem ho pro kamaráda Alexe.

Klient
Alexander Kovačka, fotograf
Moje role
Design a vývoj
Stack
Next.js, Supabase, Tailwind
Stav
Běží na alexanderkovacka.com
Úvodní stránka alexanderkovacka.com: bílý panel s logem a menu vlevo, vpravo fotka zarostlé zdi s dveřmi
Úvodní stránka alexanderkovacka.com. Fotka má celé místo, web kolem ní je schválně prázdný.

Společná vize

Alex je můj dobrý kamarád a zároveň velmi šikovný fotograf. Společně jsme začali řešit, jak by měl jeho web vypadat1. Chtěl čistokrevný minimalismus.

Žádné rušivé prvky, žádné zbytečnosti. Web musel dýchat: hodně prázdného místa, jednoduchá typografie a veškerá pozornost na to nejdůležitější, jeho fotky.

CMS pro nahrávání

S přibývajícími projekty rostla potřeba obsah snadno spravovat. Složité úpravy přes kód nepřipadaly v úvahu2, proto jsme jako první krok postavili vlastní administrační panel.

Alex si teď sám nahrává celé sady fotek, zakládá projekty a během pár vteřin je pouští k divákům.

Client proofing

Skutečný gamechanger přišel s klientskou zónou. Posílání fotek přes cizí služby bylo krkolomné a Alex chtěl, aby klient dostal zážitek přímo pod jeho značkou.

Nahrání
Alex nahraje fotky z focení do privátní klientské galerie a pošle klientovi odkaz.
Výběr
Klient prochází náhledy a jedním kliknutím označí favority.
Komentáře
U vybraných fotek může zanechat poznámku k požadované úpravě.
Ukázková fotka z klientské galerie
Funkční ukázka klientské zóny. Označ fotku nebo napiš poznámku, přesně tak to vidí Alexův klient.

Most do Lightroomu. Každá nahraná fotka drží svůj původní název, třeba DSC_1234. Jakmile klient dokončí výběr, Alex si vygeneruje seznam zvolených názvů a vloží ho do hledání v Lightroomu3. Program pak ze stovek fotek na SD kartě vytáhne jen ty k úpravě.

Chytřejší struktura

S hromadou zakázek hrozilo, že se úvodní strana stane seznamem o stovce položek. Nad fotky jsme proto přidali další organizační vrstvu.

Projekty
Malé samostatné jednotky, třeba konkrétní event nebo festival. Kliknutím se dostaneš rovnou do galerie.
Kolekce
Zastřešující kategorie jako Festivaly, Eventy nebo Studio. Sdružují projekty, aby byl web přehledný.

V administraci má Alex plnou kontrolu nad tím, které kolekce se na úvodní straně ukážou, které skryje a v jakém pořadí.

Generátor faktur

Posledním dílkem byla fakturace. Přepisování údajů z e-mailů do šablon4 stálo drahocenný čas, a tak jsme do administrace přidali generátor faktur.

Systém si z dat zákazníka a vybraného balíčku sám načte všechny informace, vytvoří formálně správný doklad a pošle ho klientovi. Nudná administrativa tak ubývá na úkor samotného focení.

Pod kapotou

Stavět systém pro fotografa znamenalo myslet hlavně na rychlost a bezproblémové načítání gigabytů dat. Tři věci, které mě tahle zakázka naučila:

Sharp

Fotky se zmenší dřív, než se uloží.

Alex nahrává fotky v tiskové kvalitě, 10 až 20 MB na kus. Server je nejdřív protáhne knihovnou Sharp, která je zkomprimuje a převede do .webp. Do cloudu tak jde jen zlomek původní velikosti, což šetří místo i měsíční náklady za úložiště.

Hash v URL

Zabezpečení bez registrace.

Klienti nechtějí zakládat účty a pamatovat si hesla. Klientská zóna proto běží na odkazu s dynamickým kryptografickým hashem. Je unikátní pro daného klienta, bezpečný a otevře se jedním klikem.

Real-time

Alex vidí výběr živě.

Když klient doma srdíčkuje fotky, Alex to v administraci vidí hned. Real-time spojení s databází místo neustálých REST dotazů výrazně ulevilo serveru a dalo klientské zóně plynulý pocit.

Potřebuješ vlastní systém?

Jestli řešíš podobný custom systém pro svůj byznys nebo tě zajímá, jak platforma funguje pod pokličkou, napiš mi pár vět a probereme to.