Hubert

Junior UX/UI Designer AI-native

I design and build websites and clickable prototypes. I work with AI tools and make the design decisions myself.

View work Contact

Selected work

Client websites, a 3D model and video. Drag the wheel, use the arrow keys or pick a card to open the case study.

Case studies

Basko Clean

Website, visual system and a motion ad for an industrial cleaning company from Szczecin.

Client
Basko Clean, B2B industrial cleaning
Role
Design, code, video, social media
Status
Live, I maintain it

What I did

  • I designed and built the company website, and I keep it up to date.
  • I created a visual system for marketing: colours, a vectorised logo with the cleaner figure, light and dark profile pictures, ready-to-use materials.
  • I made a motion-graphic ad for Instagram: flat 2D, kinetic type, the cleaner figure as the hero.
  • I film on job sites and edit the reels for Instagram, LinkedIn and TikTok.
Basko Clean home page: headline about professional B2B cleaning, a free quote form with service, phone and postcode fields, and two cards linking to the process and the offer.
Home page. You see the quote form without scrolling.
A before-and-after slider showing a roof drain covered in dirt on the left and clean on the right, with three cards about experience, price and availability below.
Before-and-after slider
Four benefit cards with icons, a row of key figures, and a closing call to action to order a free quote.
Benefits and closing call to action

KSK Pretor

A shooting range and event venue in Racław near Gorzów. I work on its marketing, its growth in Germany and its digital tools.

Client
KSK Pretor, shooting range and events
Role
Strategy, marketing, video, 3D, AI agent

What I did

  • I prepared a marketing plan for growing the business in the German market.
  • I brought an event agency to the range.
  • I ran the range’s social media for a period.
  • I built AI agent prototypes in Botpress.
  • I created promotional films and graphics.

KSK Pretor · 3D model

Interactive 3D model of an AK-47

I built it in code from simple shapes in three.js, with no ready-made models. Visitors rotate it, take it apart step by step and export a photo for Instagram. Live version: hubbit005.github.io/ksk-ak47-3d (opens in a new tab).

  • Magazine highlighted in red with a tooltip showing its name and a short description. Part highlighted
  • The rifle taken apart: magazine, receiver cover, recoil spring, carrier with bolt and gas tube floating apart with numbered labels. Step 5 of 5, disassembled
  • Photo mode with a portrait crop frame, preset shot buttons on top and format and export buttons at the bottom. Photo mode, 1080×1350
  • The model on a phone screen with touch hints and the control panel at the bottom. Phone, reduced quality

KSK Pretor · Video

Promo film

I created a 35-second promo film that shows every side of the range: the lanes, the weapons, the instructors and the offer.

Promo film in German, 35 seconds, 16:9.
Film frame: 45+ Waffen, 14 Kaliber, with a rifle silhouette. Film frame: Bahnen bis 100 m with an aerial photo of the range. Film frame: a price comparison bar chart in red and grey. Film frame: one instructor with every shooter, with a photo of an instructor at the range.

Livingroom

I designed and built a new website for the restaurant.

Client
Livingroom restaurant, Gorzów Wielkopolski
Role
Idea, design, build

What I did

  • I designed and built the site: home page, menu with allergens, dish carousel, Polish and English versions.
Livingroom home page on a black background: italic serif headline welcoming guests, an illustrated arched storefront with warm lit windows, and two gold-outlined buttons to book a table and see the menu.
Home page
Menu page with six large serif categories, each numbered, offset in a staggered layout.
Menu categories
Burger section of the menu with dish names, ingredients, allergens and prices in gold.
Dish list with allergens
An illustrated burger in the centre of a dish carousel with a drink and a steak on the sides and arrow buttons below.
Dish carousel

Website for Agata Patelka In progress

A website for a psychologist with session packages, a cart and appointment booking. Client project in progress; the copy is still a draft.

Client
Agata Patelka, psychologist
Role
Design and build
Status
In progress

What I did

  • I designed the full purchase path: package, cart, payment step, thank-you page. You can click through it before the payment gateway is connected.
  • I set up booking on an embedded Cal.com calendar, so the client manages her own time slots.
  • I am building the site in Claude Code with Astro and Tailwind.

Purchase path, clickable end to end before the gateway exists

  1. 1Choose a package
  2. 2Cart
  3. 3Payment mockStripe comes in the next stage. I built the payment badges and switched them off until then.
  4. 4Thank you
+ Book a time Embedded Cal.com. The client manages her own slots.

Smaller projects

Training plans for clients.

Client work, anonymised

Training plans as web pages

I build web pages for clients’ personal 8-week training plans, all from one template I designed.

  • Plan variants, progress tracking and day-by-day workouts.
  • A calendar where the client picks the date of each workout.
  • I hid names and body data in the screenshots.
Training plan on a phone: client shown as Client A, goal, level, 8-week duration, a progress ring and day cards for the first workouts.
Plan overview
A workout day on a phone: a monthly calendar where the client picks the training date before the exercises appear.
Workout day with calendar

How I work with AI

I use AI tools in every project to research and build faster.

  1. Start on site

    I start where the client works: on a job site or as a guest in the restaurant.

  2. Research

    I use Perplexity for sources, Gemini for comparisons, ChatGPT to structure strategy and Manifold for marketing and social data.

  3. Flow and states

    I list the steps and the states before the build. Example: my brief for this portfolio.

  4. Build

    I build the page or prototype from that list in Claude Code. I make animations in GSAP and HyperFrames, render them to MP4 with Playwright and build 3D in three.js.

  5. Visuals

    I generate images and video in Higgsfield and Leonardo AI, and make posts and materials in Canva.

  6. Review

    Before anything goes to the client, I check it against the brief and the brand.

Where AI speeds me up

  • Code for pages, prototypes and animations.
  • Market and competitor data with sources.
  • Drafts of long documents and their structure.
  • Image and video variants to compare.
  • Dictation instead of typing.

What I decide

  • What the problem is and who the user is.
  • Which states and edge cases the product must handle.
  • Whether a visual fits the brand. Basko's realistic 3D ad did not, so I dropped it.
  • What a client's material may show: no client logos without consent, no personal data.
  • Whether the result is ready for the client.

Tools I use

  • Claude, Claude Code
  • ChatGPT
  • Google Gemini
  • Perplexity
  • Higgsfield
  • Leonardo AI
  • Manifold
  • Botpress
  • Canva
  • Wispr Flow
  • GSAP
  • HyperFrames
  • Playwright
  • three.js

This portfolio

I designed and built this site from scratch in Claude Code: the layout, the motion, the interactive 3D lettering with the roulette and two language versions.

About

I design and build websites and prototypes for companies, and I make their marketing and visual content: video, graphics, motion.

The most satisfying part of my work is building something that works and looks good. I follow new AI tools and want to get better at using them in design work.

I am looking for a team I can stay with for the long term and grow in. I am ready to put in long hours on work that shows results.

CV

Experience

  1. Freelance

    Web designer, marketing and visual content

    • Basko Clean: website design and code, motion-graphic ad, social media on three platforms, profile identity.
    • KSK Pretor: marketing plan for the German market, an event agency brought to the range, social media, AI agent prototypes, an interactive 3D model, a promo film.
    • Livingroom: new restaurant website, designed and built.
    • Psychologist website: full purchase path (Astro, Tailwind, Cal.com).
    • Training plans: personal plan pages from one template.

  2. Earlier

    Personal trainer (certified)

    One-to-one work with people.

Skills

UX
User flows, states and edge cases, personas, customer journeys, drop-off analysis
UI
Hierarchy, spacing, typography, motion
Front-end
HTML, CSS, JavaScript, React, Astro, Tailwind, three.js, GSAP (built with Claude Code)
Visual
Video editing, motion graphics, graphics, social content
AI tools
Claude Code, Claude, ChatGPT, Gemini, Perplexity, Higgsfield, Leonardo AI, Botpress, Manifold, Wispr Flow
Languages
Polish (native), English

Contact

Write or call.

hubert.austria2025@gmail.com +48 696 471 878