Awna.
A cinematic redesign of awna.cl, the growth marketing consultancy where I work: a site that feels like a film and that the team edits without asking me for anything.
Role
Frontend design and development
Year
2026
Live
awna.cl ↗
The problem
The site was static, every copy change went through a developer, and the brand didn't live up to the consultancy.
The solution
Cinematic site
A hero video that advances frame by frame with the scroll, a spotlight that follows the cursor and clip-path reveals. With motion on phones too.
AI visuals
Each section was designed with AI, and its visuals (the molecule, the liquid glass, the bubbles) were generated and animated for the scroll.
Everything editable
Copy, case studies, blog and services live in Sanity, with visual editing; publishing triggers a new build. Contact requests arrive by email and Slack.
Stack
Frontend
CMS
Backend
Infra
Architecture
How a visit flows: from the browser to the CDN, from the CMS to the site, and from the form to the team's inbox.
Visit
Browser
React SPA with scroll-driven GSAP animations.
Delivery
Amplify + CloudFront
Per-branch builds and edge caching.
S3
Videos re-encoded to scrub with the scroll.
Content
Sanity
GROQ queries with a local fallback if they fail.
Webhook
Publishing in Sanity triggers the Amplify build.
Leads
Lambda
Receives the forms and the 360 analysis.
Resend · Slack
The team is notified within seconds.
Screens
01 / 04
Next project · 02
Tótem Independencia→