Eventos Demonstration project
ENCONTRO 2027 — tech conference site
A poster-loud conference site with a live countdown, a filterable two-day schedule and a working ticket picker — proof that bold art direction and flawless mobile UX can share the same page.
feitura.pt/demo/encontro — Live
A Lisbon tech conference needs a launch site that sells tickets months before the full line-up exists. It has to feel like a festival poster — loud type, clashing colours — while the schedule, speaker grid and ticket flow stay effortless on a phone, where most attendees will buy.
What's inside
- Live countdown to the opening keynote (static under reduced motion)
- Two-day schedule with track filters driven by client-side state
- Typographic speaker grid with monogram cards — no photography needed
- Three ticket tiers with quantity picker and running EUR total
- Poster-grade display typography with mixed variable weights
- Deliberate broken-grid layout that recomposes cleanly at every breakpoint
- Custom SVG line-art of the Lisbon riverside venue
- Fully self-hosted fonts, zero external requests
- AA contrast and 44px touch targets across a maximalist palette
Build log
- Art direction: palette clash tests, type scale, poster references
- Design system + hero with mixed-weight display type and countdown
- Speaker grid with monogram cards and track colour coding
- Schedule timetable: day tabs, track filters, slot layout
- Ticket tiers, quantity picker and totals logic
- Venue section, SVG skyline, footer and newsletter flow
- Responsive pass at three breakpoints, reduced-motion and contrast audit
Stack
- Laravel
- Vue.js
- Inertia
- Tailwind CSS
- TypeScript
Lighthouse
95
Performance
100
Accessibility
100
Best practices
100
SEO