Web · E-shop · 2026
Online galerie
Vlastní dvojjazyčná galerie s e-shopem, kde se obraz čte jako příběh a web ustupuje do pozadí.
O projektu
Online galerie s e-shopem, kde se obraz čte jako příběh a web ustupuje do pozadí.
Tohle je můj vlastní projekt, bez klienta. Obrazy maluju přes deset let a potřeboval jsem pro ně nové místo, které nepůsobí jako obchod. Původně byly na doméně mishafryc.com, ale jelikož se teď více věnuji webů, chtěl jsem pro ně vlastní specifické místo.
Do portfolia ho dávám z jednoho důvodu: je to nejlepší důkaz toho, co nabízím. Jeden brand manuál, dva weby, každý s jiným úkolem. Hlavní web je dílna, tohle je muzeum.
Cíl: nechat návštěvníka obraz nejdřív prožít a teprve potom koupit.
Moje role
Celý web od nuly, sám.
- Koncept a struktura
- Design: paleta, písma, světlý a tmavý režim
- Vývoj vlastní šablony pro WordPress
- E-shop na WooCommerce: platby, doprava, tři měny, dvě jazykové verze
Výzva
Jak postavit e-shop, který:
- Působí jako galerie, ne jako e-shop, i když prodává
- Unese unikáty: každý obraz existuje jednou a prodaný zůstává na očích
- Funguje pro zákazníka odkudkoli: dvě jazykové verze, tři měny, doprava po celém světě
Největší překážka: běžná e-shopová šablona počítá se skladem, variantami a mřížkou karet. Já mám od každého kusu jeden unikát. Musel jsem rozhodnout, co z e-shopu nechat a co zahodit.
Proces
Nejdřív otázka: galerie, nebo obchod?
Na hlavní web přichází majitel firmy v pracovní náladě. Na art přichází člověk, který má čas se dívat. Proto sem patří jiný rytmus a jiné ticho.
Z toho vzešlo rozdělení: design zůstal na mishafryc.com, obrazy a e-shop se přestěhovaly na subdoménu a staré adresy produktů se přesměrovaly.
Jeden systém, dvě tváře
Art stojí na stejném brand manuálu jako hlavní web, ale vykládá si ho po svém. Stejná paleta, jiný úkol. Barvy, písma a rozestupy žijí v tokenech, takže světlý a tmavý režim (přepínač Tma v hlavičce) je jen jiná sada hodnot, ne druhá kopie stránky.
K Jostu a Ralewayi přibylo serifové písmo, a to jen u názvů obrazů. Název díla je tu jediné místo, kde má web hlas.
Zeď, ne mřížka karet
Strukturu nese vlasová linka a prázdný prostor, ne karty a rámečky. Obrazy se neořezávají na jednotný poměr, malý obraz smí být malý.
- Kurátorský výběr 13 obrazů
- Čtyři série: Freedom, Vlčí máky, Endearment, Shift
- Dalších 37 obrazů v nabídce
- Prodané obrazy nemažu. Rozhodl jsem se je zachovat i po prodeji, aby se neztratila část mého příběhu. Jsou tu s popiskem Prodáno a ukazují, že galerie žije
Ztlumené, dokud nejsou hlavní
Obraz a text spolu nesoutěží. Náhledy jsou ztlumené a rozsvítí se, až když se k nim návštěvník dostane. Ztlumení je číslo v tokenu, ne nálada, a přechod na plný jas trvá zhruba 700 ms. Je pomalejší než u prvků rozhraní, protože obraz je obsah, ne ovládání.
Háček: tichý web snadno propadne v kontrastu. Při auditu se ukázalo, že tlumený text nestačí, a musel jsem ho zvednout.
Detail obrazu: příběh, ne tabulka
Každý obraz má vlastní stránku. Je na ní obraz, jeho fotka na zdi, detailní snímky, někde video, příběh vzniku, rozměry, technika, rok a cena. U každého díla je signatura a certifikát pravosti.
Nákup bez tření
Košík se otevírá přímo na stránce a pokladna přijde až po něm. Platit jde kartou, přes Apple Pay a Google Pay nebo převodem, bránu zajišťuje WooPayments.
- Doprava: Česko a Slovensko zdarma, EU paušál 900 Kč, mimo Evropu 2 200 Kč
- Jazyky: čeština a angličtina
- Měny: Kč, € a $
- Osobní převzetí po domluvě, nebo obraz na míru
Důvěra místo efektů
Kdo kupuje originál přes internet, má otázky dřív, než je položí. Web na ně odpovídá předem: platba, doprava, vrácení do 14 dní, reprodukce, obraz na míru. Pod tím jsou reference od lidí, kteří obraz doma opravdu mají.
Klíčové prvky
- Kurátorský výběr místo skladu: nejdřív to nejlepší, zbytek až pod tím
- Prodané obrazy zůstávají: galerie, ne vyprázdněný katalog
- Ztlumení a rozsvícení řízené tokenem
- Dvě jazykové verze, tři měny, světlý a tmavý režim
- Uvítací clona s tlačítkem Vstoupit: v galerii je vstupem do výstavy
Háček: stejná clona by na hlavním webu byla chyba. Kdo zvažuje investici do webu, se nemá prokousávat předsíní. Proto ji má jen art.
Výsledek
Galerie běží jako plnohodnotný e-shop: prodej originálů, reprodukce i obrazy na míru, celé v češtině a angličtině.
Přestěhování obchodu mělo i vedlejší efekt. Hlavní web mishafryc.com se zbavil WooCommerce a knihovna médií se zmenšila z asi 3 GB na 59 MB. Každý web tak dělá jednu věc.
Co jsem se naučil
Tokeny se vyplatí podruhé. Z artu vznikl technický standard, podle kterého teď stavím další weby včetně toho, na kterém tohle čtete. Dvojjazyčnost a tři měny mají svou cenu: každá změna textu se dělá dvakrát. Ale jen jednou se musí vymyslet systém.
