O mně 01 Práce 02 Postup 03 Kontakt 04
EN UA CZ
Přijímám projekty

Vytvářím webya píšu kóda dělám designa rozhýbu jea ladím SEOa spouštím jea píšu kód

Jsem Andrej, UX/UI designér v Praze. Výzkum, scénáře a rozhraní jsou moje práce. Výsledek dovedu sám od první skici až k hotovému webu, bez předávání v půli cesty.

Andrej Kovalov

O mně

Ručím za výsledekne jen za design

Úklidové firmy, geodeti, notářské služby, účetní. Malé firmy, pro které je web zdrojem poptávek, ne výlohou. Takový projekt vedu celý: od první schůzky po doménu, která už běží.

Zkušenosti
čtyři roky: nejdřív agentura, pak samostatně
Rozsah
výzkum, UX, rozhraní, front-end, SEO, spuštění
Klienti
malé firmy v Česku, Polsku a Německu
Jazyky
čeština, angličtina, ruština, ukrajinština
Fluxo, koncept finanční aplikace pro freelancery: onboarding, přehled, statistiky a fakturace
Obchod s repasovanou Apple technikou: úvodní stránka se stupni stavu a detail produktu s protokolem kontroly
Aplikace na hledání práce: karty pozic s filtry, sazbou a uloženými
Voltra, koncept platební infrastruktury: tmavý landing s kartou a platebním terminálem
Rozhraní vyhledávání letenek: filtry, řazení podle tarifu a karty letů s trasami a cenami
Bankovní aplikace: karty, kategorie výdajů a seznam plateb
Koncept krypto peněženky: zůstatek portfolia, graf Etherea a směna — tři tmavé obrazovky

Práce

Co jsem udělala co to změnilo

Mopiko
100SEO
3Pole ve formuláři
2Jazyky

Úklidová firma v Poznani, která řekne cenu ještě před telefonátem — bez manažera a bez čekání na pondělí.

Kalkulačka ceny PL / UA
Just Magic
227Stránek živých
71Koťat
2Jazyky

Chovatelská stanice prodávající do zahraničí: rodokmen, testy, podmínky dopravy — všechno, na co se lidé ptají před koupí. Nové vrhy jdou na web bez vývojáře.

CMS pro majitele Anglický trh
Geo Vzor
98Rychlost
11Stránek
6Služeb s cenou

Geodézie pro soukromé vlastníky, ne pro developery. Pevné ceny, vyřešený katastr a odhad přímo na stránce.

Vlastní iniciativa B2B → B2C Animace na míru
NotaDocs
30%Víc poptávek
100SEO
2Jazyky

Notářská pomoc Ukrajincům v Německu. Ceny i postup stojí hned na první obrazovce.

Objednání v messengeru UA / RU

Služby

  • Webdesign01
  • Front-end02
  • Aplikace03
  • Motion04
  • SEO a analytika05

Proč já

Obě poloviny prácev jedněch rukou

Většinu webů kreslí jeden člověk a staví druhý — a při předávání se vždycky něco ztratí. Tady jsou obě práce moje, takže návrh, který schválíte, je přesně ta stránka, kterou dostanete.

Tlačítka kreslím jako poslední

Nejdřív přijde to, proč návštěvník dorazil a co mu stojí v cestě. Hierarchie, scénáře i pořadí čtení vyplývají z té odpovědi. Obrazovka je posloupnost stavů, ne obrázek — takže i to, co udělá, když táhnete, přecházíte mezi poli nebo se přepíšete, se rozhoduje tady, a nezáplatuje se potom.

Logika UXPrototypWireframyDesign systémMotion

Design dojde do prohlížeče beze změny

Obyčejné HTML, CSS a JavaScript. O kódu nerozhoduje žádný konstruktor, takže mezi designem a obrazovkou není vrstva vygenerovaných obalů. Hlavně proto se tyhle weby načítají tak, jak se načítají. Odstupy, plynulost i rámeček fokusu jsou přesně ty, které jsem nakreslil.

0

Přístupnost a best practices

Lighthouse dává 100 na mobilu i na počítači. Kontrast je spočítaný z tokenů, ne od oka, a rámeček fokusu je nakreslený, ne ponechaný prohlížeči.

0 roky

Zkušenosti v designu

Nejdřív agentura, od roku 2022 na volné noze — a vždycky celá cesta od výzkumu po spuštění.

Stack

Nástroje, které opravdu otvírámpůlka je otevřená právě teď

  • Figma
  • Photoshop
  • Krea AI
  • Final Cut
  • Claude
  • Cursor
  • GitHub
  • Vercel
  • Notion
  • Meta Ads

Proces

Každé rozhodnutí je mojeAI ho jen urychlí

Nejdřív si ujasním skutečný problém a skutečnou potřebu — ne výstup, o který si někdo řekl. Pak přijde hloubkový průzkum: trh a konkurence. S AI si zvolený směr ověřím v praxi za hodiny, ne za týdny.

Potom poskládám strukturu, scénáře a priority a najdu nejkratší cestu k prvnímu hmatatelnému pokroku.

Nástroje
  • Claude
  • Figma
  • Notion
  • Google Drive
  • Google Docs
  • Google Sheets

Výstupy

  • Směr projektu
  • Průzkum trhu a konkurence
  • Audit UX a webu
  • Pro koho stránka je
  • Uživatelské scénáře
  • Plán a milníky
  • Kritéria úspěchu

Místo statických wireframů postavím funkční prototyp střední věrnosti rovnou v kódu. Dostanete něco, co se dá proklikat, ne plochý obrázek.

Klient si ho prokliká dřív, než padne první vizuální rozhodnutí, takže se bavíme o chování, ne o vkusu. Na webu o pěti stranách je to poctivý rozsah testování. Zbytek ověření dodá po spuštění analytika.

Nástroje
  • Figma
  • Claude
  • Cursor

Výstupy

  • Funkční prototyp
  • Demo s klientem
  • Schválená struktura

Tady přebírá vládu vkus. AI mi pomáhá rychle projít směry a připravit podklady, ale řemeslo je ruční: hierarchie, rytmus a vzhled, který patří vám, a ne výchozím nastavením modelu.

Procházím varianty, dokud v designu nezbude nic náhodného a dokud každý stav není rozhodnutý předem, ne objevený potom: prázdný, načítání, chyba, přetečení.

Nástroje
  • Claude
  • Figma
  • Photoshop
  • Krea AI
  • Final Cut

Výstupy

  • Design ve vysoké věrnosti
  • Vizuální směr
  • Základ design systému
  • Motion

Pak to postavím sám: obyčejné HTML, CSS a JavaScript, psané s Claudem řádek po řádku. V cestě nestojí žádný konstruktor ani framework a na konci žádný build — ven jde přesně to, co bylo navrženo, až po rámeček fokusu.

Spuštění je taky moje: hosting, nasměrovaná doména, tagy, analytika a souhlasy s cookies — zapojené před prvním návštěvníkem, ne po něm. Web předávám změřený, se zdrojáky a všemi přístupy.

Nástroje
  • Claude
  • Cursor
  • GitHub
  • Vercel

Výstupy

  • Front-end psaný řádek po řádku
  • SEO a strukturovaná data
  • GTM / GA4 a souhlasy s cookies
  • Hosting, doména a spuštění
  • Zdrojáky a přístupy předány

Začněmehovorem

20 minut hovoru