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
check it out
Outspox Marketing - Website Design
https://outspox.com/
Designed and developed a modern digital marketing agency website with a bold, creative, and conversion-focused experience that helps businesses explore branding, advertising, content creation, and web development...
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
Trending
Claude
Claude has entered the design space. How are you using it?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
Brand Design
The best brand designers are on Contra. Scroll to see what's trending in brand design. What are you building?
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?
Related posts
Recently, I designed this modern Creative Agency Website concept with a clean, bold, and professional layout focused on showcasing digital services and building trust from the first interaction. The design combines a dark interface with vibrant green accents, strong typography, and structured content to create a premium visual experience.
This concept is ideal for creative agencies, branding studios, marketing firms, startups, freelancers, and digital businesses looking to establish a strong online presence. Every section is carefully crafted to improve readability, highlight services, and guide visitors toward taking action.
Second Framer template for B2B SaaS companies dropping soon.
Very excited for this one, wanted to take my time and build a comprehensive website, featuring CMS collections for case studies, articles, career and changelog. Here's a snippet.
Cloudy Galaxy — luxury wearables landing page (Framer).
Design process — Cloudy Galaxy (Framer)
1. Brief
Luxury wearables brand. Two products: Orbit (smartwatch) and Nova (headphones). Palette locked early: gold + graphite. Goal was a product landing page that felt premium and still converted.
2. Direction
Dual-product hero (both SKUs visible up front). Standard page depth: hero → products → features → stories → CTA. Built reusable pieces first — buttons, nav/footer layout — so the page stayed consistent.
3. System
Set color tokens and type before layout. Bodoni Moda for headlines, Satoshi for UI/body. Gold for accents and CTAs, charcoal for the page, muted grey for secondary text.
4. Structure
Mapped the page as one scroll story:
Hero with both products
Collection detail cards
Three craft features
Testimonials
Final CTA + email capture
Nav links jump to each section so it feels usable, not just pretty.
5. Hero polish
First pass had black products disappearing into the dark background. Fixed that by putting products on light cream–gold stages, gold borders, and soft glow so the cards actually read on the page. Added float/tilt motion so they feel a bit more 3D without overdoing it.
6. Build in Framer
Designed and built directly in Framer: layout template for nav/footer, button components, desktop + tablet + phone breakpoints, form on the CTA. Kept client-safe editing in mind — layout locked, content editable later if needed.
7. Check
Reviewed contrast, mobile stacking, and scroll targets. Tweaked card elevation and product framing until the hero felt clear at a glance.
