The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
Stay in Comfort : A creative post for a Resort
Description:
A creative visual designed with a focus on strong composition, impactful typography, and meaningful visual storytelling. Every element is thoughtfully crafted to create a visually engaging and memorable design.
My Role: Concept Development & Graphic Design
Tools: Adobe Photoshop
Guests ask the same questions about every tour: what time do we leave, where do we meet, how many people, how much?
Arunika answers them before anyone has to write in. Each experience has its own page with the start time, meeting point, group size and price, followed by the day hour by hour and what's included. That means fewer emails for the front desk, and guests who already know what they're asking for.
Try it at https://arunika-resort.framer.website/experiences
Concept project: Larkhour is a fictional sunrise lamp I created to show my full landing page workflow, from visual direction to a production-ready, responsive build.
What I did
• Defined the visual direction: a palette that moves from night to morning sky, a type scale (Anybody for headlines, Atkinson Hyperlegible Next for text) and written motion principles
• Built a fully responsive page, tested at 375, 768, 1024 and 1440 px, with Next.js, TypeScript and Tailwind CSS
• Connected Sanity as a headless CMS, so copy, pricing and section order can be edited without touching code. Publishing updates the live site in seconds, with no redeploy
• Designed a scroll-driven hero with GSAP where the page and the lamp light up together, plus interactions with a purpose: a wake-up configurator, an alarm-vs-sunrise comparison and a reservation form. Reduced-motion is supported
• Optimized for performance and accessibility: Lighthouse mobile on the live site scores 98–99 in performance and 100 in accessibility, best practices and SEO. Full keyboard navigation, checked with axe and VoiceOver
Design decisions
Instead of a stock photo and three identical feature cards, the page itself wakes up as you scroll: the lamp and the background share one light value, so visitors feel the product in the first seconds. I also replaced the feature list with a configurator where visitors set their wake time and see the sunrise, and their choices carry into the reservation form.
Live site: https://larkhour-landing.vercel.app
Code: https://github.com/EstebanBautista/larkhour-landing
CMS walkthrough (60 s): https://youtu.be/zJhk7mnq--8
