Arial / Helvetica — 800
Serious work. A little spark.
Body / Arial / Helvetica
YOKAI
An atmospheric portfolio and service website for Zagreb event photographer Ivana Radić, built around the energy of live rooms.
YOKAI turns the feeling of being inside a concert, club night or cultural event into a focused digital identity — cinematic enough to carry the work and practical enough to support real client decisions.
Challenge
The website needed to preserve the tension, colour and movement of low-light photography while making services, selected work and the inquiry path immediately understandable. Image-heavy pages also had to stay fast and accessible across devices.
Approach
Full-bleed imagery and restrained typography establish the visual voice. Dedicated paths for events, music and nightlife, and brands and culture add commercial clarity around the portfolio. Selected works, about and contact pages complete the experience, supported by optimised responsive media, descriptive alt text, static Astro delivery and a local content admin.
Outcome
The result balances atmosphere with utility: a coherent, fast and search-readable website that presents Ivana's authorship while showing clients exactly how the work can serve press, social, campaigns, recaps and image libraries.
Deliverables
- Positioning and content architecture
- Art direction and UI system
- Portfolio and service journeys
- Astro development
- Responsive image pipeline
- SEO, AEO and structured data
- Inquiry flow
- Local content admin and deployment workflow
Brand system(02)
YOKAI brand system
YOKAI
The room is alive. Keep it that way.
YOKAI red#ff3b30
Ink#0a0909
Paper#f1eee7
Paper soft#e5e0d5
Digital experience(03)
Atmosphere first, commercial clarity underneath.
Full-bleed photography carries the emotional impact while a restrained information system makes services, selected work and the inquiry path easy to understand.
Project system(04)
Atmosphere supported by a serious technical system.
The identity remains expressive while the underlying platform handles portfolio structure, responsive media, organic discovery and client inquiries.
Portfolio architecture
Selected works · services · about · contactClear project and service journeys give photography room to breathe while helping clients understand fit and next steps.
Media performance
640 / 1280 / 1920 WebP · srcset · lazy loadingA responsive image pipeline delivers the appropriate file size without compromising the visual impact of event photography.
Search foundation
Canonical URLs · schema · sitemap · semantic metadataStructured data for the photographer and her services, descriptive image information and static pages make the work easier to find and understand.
Admin and delivery
Structured content · local admin · Cloudflare deploymentContent and media remain maintainable after launch through a controlled local editing workflow and repeatable quality checks.
See it in context
