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
Atelier North
Creative Portfolio · Independent Concept Project
Atelier North is an independent portfolio concept designed for a creative professional who needs their website to communicate both the quality of their work and the character behind it.
The experience treats the portfolio itself as part of the creative identity, combining editorial presentation with a focused and responsive browsing experience.
The Approach
The design was built around three priorities:
Visual Identity
Create a distinctive digital environment that feels considered from the first interaction rather than relying on a conventional portfolio template.
Work Presentation
Give selected projects enough space and hierarchy to communicate their visual quality without overwhelming the visitor.
Focused Navigation
Keep the experience simple and intuitive so visitors can move naturally between the introduction, selected work, and supporting information.
My Role
I handled the visual direction, website design, responsive interface design, interaction design, and front-end development.
What I Built
Responsive portfolio structure
Custom visual direction
Project presentation system
Responsive desktop and mobile layouts
Interactive navigation
Motion and micro-interactions
Front-end implementation
Result
The finished concept positions the portfolio as more than a collection of projects: it becomes part of the creative identity itself, giving the work a structured, distinctive, and immersive digital presentation.
Live project → https://atelier-north-portfolio-concept.netlify.app/
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
Parley is now available as a free Astro template.
It's a warm, editorial site for AI startups and SaaS products, and the code version of our most remixed Framer template. You get all 22 pages: home, workflows with three detail pages, pricing with a full comparison table, a blog with ten posts, contact, waitlist and legal pages. The blog is written in Markdown, and there's an optional CMS for editing it. It's MIT licensed, so you can use it for client work.
wow this is amazing and thanks for sharing
SERVE — Tennis Courtwear Landing Page 🎾
SERVE is a bold landing page concept for a contemporary tennis and courtwear brand built around performance, style, and attitude.
The goal was to move away from the traditional clean, minimal sportswear aesthetic and create something with more energy and personality. Deep court blue, electric tennis yellow, oversized typography, and layered photography give the experience a strong editorial feel.
Special attention was given to:
• a hero composition built around the tennis racket and athlete
• oversized typography that feels energetic and campaign-driven
• electric yellow accents inspired by the tennis ball 🎾
• layered photography and graphic elements that create depth
• a strong CTA for the SS/26 collection
• social and community elements that make the brand feel active
• a simplified mobile composition that keeps the same visual impact
• a clean mobile menu that contrasts with the expressive hero
The result is a high-energy digital experience that blends sports performance with fashion-forward art direction.
Looking to create a bold website for your sports, fashion, or lifestyle brand? Let’s build something people remember ⚡
The real cost of bad UX:
Cluttered layouts, and slow load times quietly push people toward competitors before they even read your value prop. Good design isn't decoration. It's retention.
If you're not sure how your product's UX is performing, that uncertainty is usually the first sign it needs a look.
Send me a message - happy to share quick audit on your existing design!
#UXDesign #UIUX #WebDesign #UserExperience #WebsiteDesign #ConversionFocusedDesign
Good design isn't decoration, it's retention is a line every founder should tape to their monitor. People bounce over clutter and slow loads before they ever reach the value prop, and that lost revenue is invisible so it never gets fixed. Framing UX as retention is exactly right.