While other entries showcase beautiful design, Veer proves that @Squarespace + Finish Layer can b...While other entries showcase beautiful design, Veer proves that @Squarespace + Finish Layer can b...
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
While other entries showcase beautiful design, Veer proves that @Squarespace + Finish Layer can build emotional experiences that drive real outcomes — not just impressions, but income
Veer — Your AI Career Partner
Veer is an AI-powered career companion designed to help people escape paycheck-to-paycheck living by building marketable digital skills and sustainable online income streams. The platform targets three audiences: limited-income earners seeking financial freedom, skill seekers looking for structured learning paths, and businesses wanting to upskill their teams without expensive consultants.
Design Vision:
The brand identity revolves around a futuristic yet approachable aesthetic. The floating robot mascot, Veer, serves as a friendly AI guide — making artificial intelligence feel personal and accessible rather than cold and intimidating. The deep purple-cobalt gradient palette creates an immersive, premium atmosphere while maintaining warmth through soft glow effects and smooth animations.
Key Features Built with Squarespace & Finish Layer:
Immersive Hero Section — A full-screen introduction featuring Veer floating in space with continuous glow animations, establishing immediate emotional connection.
Dynamic Services Showcase — Four skill paths (Digital Marketing, Freelancing, Content Creation, E-Commerce) presented in glass-morphism cards with hover-triggered scale transforms and color shifts.
Live Stats Ticker — A seamless marquee animation displaying real-time credibility markers (3K+ Students, 12+ Countries, $2.0M+ Revenue, 4.9 Rating) using Block Transforms for continuous horizontal motion.
Interactive Income Simulator — A custom-built calculator that lets visitors slide their available hours, select their skill path, and see their projected monthly income animate in real-time. This transforms passive browsing into active engagement.
Smart Audience Segmentation — Three distinct user pathways (Limited Income Earners, Skill Seekers, Business) each with tailored messaging and clear value propositions.
Floating Chat Button — A persistent "Chat with Veer" widget that reinforces the AI companion concept and invites immediate interaction.
FAQ Accordion — Smooth expand/collapse animations with Stack grouping for perfect mobile responsiveness.
Finish Layer Tools Used:
• Block Animations: On Hover + Squish for all CTA buttons; Loop + subtle Jitter for Veer's idle state; On Appear + Jump for section titles
• Block Transforms: Continuous translateX for the stats marquee; Scale 1.05 on button hover; Dynamic offset for card interactions
• Stacks: Grouped service cards maintaining alignment across all breakpoints
• Custom Font Integration: Typography selected to reinforce the futuristic yet friendly brand voice
Writing unique code for animations makes iterating on reactive micro-interactions so much smoother. It completely transforms how a brand narrative feels in the browser.
ChatGPT just added a new sketch feature to its new Images 2.5 model, so I tried it with extremely simple sketches and short prompts to see how well it could understand my intention.
And honestly, I actually like it!
This can be helpful especially when you already have a specific pose or composition in mind and want to quickly turn that rough idea into something more refined.
If you’re curious, I included a quick process video in the comments.
Do you think this new feature could be useful in your workflow?
AERO-7 — Drone Website Design & Brand Identity
A cinematic brand identity and e-commerce website experience for AERO-7, a sub-250g drone built for filmmakers capturing 8K cinema footage in some of the harshest conditions.
I created a bold visual direction centered around cinematic storytelling, combining a dark atmospheric interface, cold glacier tones, and an electric-lime accent to give the brand a distinctive and high-performance feel.
The experience was designed to put the product and its capabilities at the center, using immersive visuals, strong typography, layered compositions, and focused product storytelling to create a premium digital presence.