Tomáš Lištiak

Tvořím webové projekty s absolutní precizností. Výkonné, vizuálně dotažené a postavené tak, aby obstály v tvrdém konkurenčním boji.

Sídlím v Praze. Pomáhám týmům dostat produkty k uživatelům — od nápadu a designu přes programování až po hotový produkt. Kompletní zkušenost od A do Z.

Napište mi
Tomáš Lištiak

Co dělám

Služby na míru vaší digitální vizi

Fullstack vývoj

Stavím webové aplikace — design, frontend i backend. Propojuji programátorské řemeslo s citem pro design a dobrý uživatelský zážitek.

  • Single page aplikace (SPA)
  • Server-Side Rendering (SSR)
  • REST a GraphQL API
  • Optimalizace výkonu
  • Progresivní webové aplikace (PWA)
  • Responzivní design
Vue Nuxt React NextJS TypeScript Node.js Astro
Fullstack vývoj

Grafika a UI design

Navrhuji uživatelská rozhraní postavená na robustních design systémech i vizuální identity včetně logo a brand manuálu — pro web i tisk.

  • User interface design
  • Vizuální identita a loga
  • Wireframy a prototypování
  • Jazyk vizuálního designu
  • Tiskové i digitální podklady
  • Ikonografie
Figma Adobe Suite Affinity Sketch
Grafika a UI design

Design systémy

Navrhuji a implementuji design systémy, které drží vizuální i funkční konzistenci napříč digitálními produkty.

  • Knihovny komponent
  • Dokumentace a guidelines
  • Token-based design
  • Přístupnost (a11y)
  • Konzistence napříč platformami
  • Strategie pro týmové nasazení
Storybook Tailwind CSS Variables Design Tokens
Design systémy

Chcete svou digitální přítomnost posunout dál?

Silný vývoj a krásný design dohromady — to je cesta k výjimečnému výsledku.

Začít

HTML / CSS

Ovládám čisté HTML a CSS, ale denně pracuji i s Tailwindem, Ant Design, Material UI, Base Web a dalšími design systémy.

  • Sémantické HTML
  • CSS Grid a Flexbox layouty
  • CSS animace a transitions
  • Responzivní vzory
  • CSS architektura (Atomic Design, BEM)
  • Integrace frameworků
Tailwind CSS Sass/SCSS Ant Design Material UI Base Web
HTML / CSS

TypeScript / JavaScript

TypeScript je můj hlavní jazyk — píšu v něm většinu kódu. JavaScript a typová bezpečnost TypeScriptu je prostě skvělá kombinace.

  • Typově bezpečný vývoj
  • Moderní ECMAScript
  • Návrhové vzory
  • Modulární systémy
  • Testování a ladění
  • Optimalizace výkonu
TypeScript JavaScript Node.js Bun.js
TypeScript / JavaScript

Vue.js / Nuxt.js

V současnosti moje primární volba pro většinu webových projektů — od malých prezentačních webů po velké fullstack aplikace se server-side renderingem.

  • Composition API
  • Nuxt.js SSR a SSG
  • State management (Pinia)
  • Vue Router navigace
  • Architektura komponent
  • Optimalizace výkonu
Vue Nuxt Pinia Vue Router VueUse
Vue.js / Nuxt.js

Přeměňme nápad ve skutečnost

Od konceptu po nasazení — pomůžu vám vytvořit řešení, které vynikne.

Zavolejme si

React / TanStack Start

React a TanStack Start jsou nástroje, ve kterých jsem za roky praxe napsal nejvíc projektů — od dynamických prezentací po rozsáhlé korporátní aplikace.

  • React hooks a vzory
  • TanStack Start
  • Server Components
  • React Query
  • State management (Redux, Zustand)
  • Automatizované testování (Jest, Vitest)
React Next.js TanStack Zustand Redux
React / TanStack Start

Figma

Původně jsem pracoval ve Sketchi, ale jakmile Figma ovládla svět UI designu, přesedlal jsem na ni pro veškerou designovou práci.

  • UI/UX design
  • Interaktivní prototypování
  • Správa design systému
  • Auto-layout
  • Varianty komponent
  • Příprava podkladů pro vývoj
Figma Design systems Design tokens
Figma

Adobe + Affinity

Mám rozsáhlé zkušenosti s Adobe Suite, ale podstatnou část grafických projektů dnes dělám v Affinity.

  • Úprava a retušování fotek
  • Vektorová ilustrace
  • Tiskový design a sazba
  • Základy motion graphics
  • Optimalizace assetů
  • Tvorba brandových podkladů
Photoshop Illustrator InDesign Affinity
Adobe + Affinity

Rozjeďte svůj projekt

Napište mi a probereme, jak společně dosáhnout vašich cílů.

Kontaktovat

Technické znalosti

Kompletní výbava pro moderní webové projekty

TypeScript

Vue.js

React

Nuxt.js

Next.js

Tailwind CSS

Node.js

Figma

Další zkušenosti

HTML5 CSS3 Sass Git REST API GraphQL Webpack Vite Jest Cypress Storybook Docker

a mnoho dalšího

Jak pracuji

Ověřený postup, který přináší výsledky

1

Poznávání

Pochopím vaše cíle, poznám uživatele a zmapuji technické požadavky.

2

Plánování

Sestavím plán s jasnými milníky, výběrem technologií a směrem designu.

3

Design

Vytvořím wireframy a vizuální návrhy — iteruji na základě vaší zpětné vazby.

4

Vývoj

Doručím čistý, udržitelný kód podle osvědčených postupů a moderních vzorů.

5

Testování

Důkladné projekt otestuji na různých zařízeních, prohlížečích, všechno na základě reálných scénářů.

6

Spuštění a podpora

Hladké nasazení a průběžná podpora včetně monitoringu výkonu.

Chcete rozjet projekt?

Probereme vaše nápady a vymyslíme, jak z nich udělat něco výjimečného.

Napište mi

Klienti, kteří ve mě vložili svou důvěru

Microsoft Gen Digital Avast Trezor Foodora Emplifi

Pojďme spolupracovat

Máte projekt v hlavě? Rád si o něm poslechnu.

Napište mi