<
Square Circle Animation


 ––––– UX|UI case study  · 7 min read

Information Architecture 

Art Auction

WebApp

→ DEMO


 –––––  My Role: Product designer

User Researcher, Interaction Designer, UX Designer, UI Designer

–––––  Deliverables

Information Architecture , Vibe coded prototype

–––––  Tools

- FigJam 
- Vibe coding tool -Lovable.
-  LLMs

Mockup-1

Laptop View 

––––– Description

Art Auction App - Online bidding companion for in-person art auctions ( Polish auction houses)

Key decisions made:

The core MVP is an online bidding companion for in-person Polish art auctions. The primary loop is: register account → register for auction → pre-bid or bid live → receive results. Everything else is secondary.

The biggest architectural challenge is the live bidding room. It requires real-time sync (WebSocket/SSE) and server-side race condition protection on the bids table. 

What I cut and why:

  • Collaborative collections require invitation flows, permission models, and notification hooks - too much overhead for MVP value
  • Payments are explicitly out of scope (paid at the auction house or by transfer
  • Artist/category follow feeds require a recommendation/notification engine that adds significant backend complexity


Mockup
Mockup

Tablet and Mobile Views

––––– Included in MVP


  •  Account registration (email, phone, address, age verification, T&C)
  • Browse upcoming & past auctions
  • Search objects by collection, artist, category
  • Auction registration (address confirm + rules accept)
  • Pre-bid (submit offer before live auction starts)
  • Live bidding - real-time room, current price, countdown
  • Notifications: upcoming auction reminders, outbid alerts, winner notice
  • Auction finalization - display result + instructions
  • Basic collection (save objects/artists to watchlist)
  • Account settings - edit profile, delivery address, billing
  • Auction history - past & won items



––––– Not Included in MVP


  •  Collaborative collections (shared with other users)
  • Invite collaborators / manage permissions
  • Follow specific artists or categories (push notification feeds)
  • Catalog presentation mode
  • Social sharing of collections
  • Age/identity document upload
  • Online payment integration (payment is in-house or bank transfer)
  • Multi-language / international expansion features
  • Admin/auctioneer dashboard (use existing backend)



––––– Information                             Architecture


  • Content models
  • Data organization structures (sitemap)
  • User flows



Mockup

User persona, jobs to be done & user story mapping

Screenshot 2026-06-14 at 20.33.02
Struktura 2.0 _ Projekt główny_ Aplikacja do licytowania dzieł sztuki (Copy) (4)

Content Models

Mockup

Sitemap

Struktura 2.0 _ Projekt główny_ Aplikacja do licytowania dzieł sztuki (Copy)

User Flow (registration)

Struktura 2.0 _ Projekt główny_ Aplikacja do licytowania dzieł sztuki (Copy) (1)

User Flow (new collection creation -2 ways)

Selected Works

One-on-one TherapyAI Vibe Coding
Dementia WebAppAI Vibe Coding
Bookmark PublishingBrand Identity