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
Website Redesign
Designed and built a premium landing page prototype for a UK legal-tech company offering legal advice, document creation, HR support and dispute resolution.
The brief was to move away from a generic, template-like website and create something that feels like an established, credible law firm — taking design cues from leading UK firms. The result is an editorial, conversion-focused single-page site that balances professionalism with modern usability.
Full responsive landing page with split hero layout, services overview, process explainer, testimonials, pricing tiers, about section, and CTA
Editorial design direction: serif typography (DM Serif Display), teal and navy colour palette, pill-shaped buttons, asymmetric layouts, and restrained scroll animations
Clean, component-based codebase built with React, Vite, Tailwind CSS, and Framer Motion
Mobile-responsive with hamburger navigation
Contact modal with form flow
Tech: React, TypeScript, Vite, Tailwind CSS, Framer Motion, Lucide Icons
This is seriously well done. The layout feels intentional and the overall experience looks very smooth.
Thanks!
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
Your career deserves better. (1/2)
Easy to say. Harder to feel.
On Stormi Capital, every micro-interaction turn the promise into a feeling.
Fire work
Fine-tuning is the hardest part of vibe coding. Spent way more time than expected on a small card hover experiment in Claude to prove it.
I really like your work.
This is what a website looks like before it becomes “design.”
No colors.
No animations.
No fancy UI.
Just structure.
Right now I’m building a new Framer template — and this is the phase most people rush through.
Wireframes.
Where decisions are made:
• what users see first
• how they move
• where they convert
If this isn’t right, nothing else matters.
Design doesn’t fix confusion.
It just decorates it.
Final version dropping in a few days.
If you want early access, comment “template” or DM me 👇
Awesome Design 🔥
Trending
Claude
Claude has entered the design space. How are you using Claude Design?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
portfolioreview
The best portfolios tell a story, not just show a grid. Share yours for feedback.
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?