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
Hey everyone! 👋
It's been a while since I shared one of my recent projects, but this one definitely deserves some attention.
I had the opportunity to design and develop a website for Matt Formston, an incredible athlete, keynote speaker, and someone who continues to inspire people around the world. Since the client has visual impairments, accessibility played a major role throughout the entire project, ensuring the website is easy to use not only for Matt but for people with similar needs as well.
Another thing I'd like to highlight is the website's performance.
There's often a misconception that websites packed with animations, videos, and interactive elements have to sacrifice performance. This project proves otherwise. With the right planning, development approach, and optimization techniques, it's possible to achieve PageSpeed scores above 90 on both mobile and desktop without hacks, shortcuts, or relying on third-party optimization services.
The project was built in Webflow and features a fully CMS-driven architecture, reusable components, Shopify integrations, custom forms, and custom animations, while still maintaining excellent performance and accessibility standards.
You can check out the full case study below, and I'd love to hear your thoughts! 🚀
super impressive, not to mention unique & visually captivating. great work!
Thanks a lot! To be honest, the design was even more balanced initially, but we had to make some compromises with the client’s broader team. 😄
this is amazing
Thank you Akinkunmi!
The accessibility angle makes this project stand out. Building for a client with visual impairments and still hitting 90+ PageSpeed on both platforms is a tough combination to pull off in Webflow. The CMS-driven architecture with Shopify integration sounds like a solid setup too.
Thanks man, appreciate it. Glad you like the approach and execution!
Looks amazing but there aren't that many colors the bright green looks odd
Thanks! The design was based on the client’s branding, and they wanted nothing changed there. Honestly, it would probably have been better if I had been allowed to expand the accent color into a full palette and adapt it more, but it is what it is 😄
Nice work!
Thanks Bernice!
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
Hey Contra — new here but figured I’d share what I’ve been building.
I’ve been posting progress on Twitter, but quick look at where Desk Doodles is at.
It’s basically a canvas that takes any drawing, SVG, or image and pushes it through different hand-drawn treatments — rough sketch, bold ink, stipple, charcoal, etc.
The fun part is that every mark-making modifier is controllable. Wobble, multi-stroke, shading, pen tips, texture, all that stuff.
The fun part is its going to become a live canvas people around the world can put thier own object. Think of it like a desk as a public space!
The bigger goal is an intelligent design system that can look at the source and pick the right treatment per region automatically. So it’s not just “slap a filter on it.” It’s more like the system understanding what kind of marks should go where.
Where it’s at right now:
/audit — 197 reference shapes rendering through every style in real time. This is mostly the engine testbed.
/playground — pick items, place them, tweak modifiers live.
SVG upload is working too.
Still need to ship drawing → 3D, complex SVG → 3D, public canvas, and mode switching.
But yeah, that’s where I’m at right now.
I'm excited to see the final project!
🔗 Try Live:
https://oculus-last-45120554.figma.site
🔗 Figma Community: https://www.figma.com/community/file/1646335128776764074
━━━━━━━━━━━━━━━━━━━━
Introducing Rangoli Studio 🌸
Every morning my mother draws Rangoli
on our doorstep in Bengaluru.
I always watched but could never
recreate her art.
So I built Rangoli Studio —
where anyone can create traditional
Indian Rangoli patterns dot by dot.
THE PROBLEM:
Traditional Rangoli art is disappearing
in the digital world. No tool existed
to experience this 5000 year old tradition.
Until now.
HOW IT WORKS:
✨ Choose your favorite festival
✨ Follow the dot guide
✨ Connect dots to build your pattern
✨ Pour the Powder to celebrate
✨ Download and share your creation
BUILT WITH:
🛠 Figma Make
🛠 Figma Weave
🛠 Prompt engineering — zero coding
#ConfigMakeathon #RangoliStudio @figma
I built a social network that tells you to touch grass. 🌱
It's called Touch Grass.
Try it yourself ↓
https://buffet-crayon-23938188.figma.site/
Technology keeps moving us forward, but it also keeps us glued to screens. So I wanted to build something that gently pushes in the opposite direction.
Every user gets their own planet.
Upload photos you've taken in nature and watch your world come back to life. Miss a few days and it slowly starts fading again.
Every planet belongs to a real person. Explore the galaxy and discover worlds that other people are growing through their own photos and memories.
Built the entire thing in @Figma Make.
Made for the @contra x @Figma #ConfigMakeathon
X Link: https://x.com/russ_seid/status/2064573470357500338?s=20
Linkedin Link: https://www.linkedin.com/posts/rustem-seidametov_configmakeathon-contra-makeathon-ugcPost-7470339571613040641-vVp0/?utm_source=share&utm_medium=member_desktop&rcm=ACoAADKBObkBHA2DOG2-JkJBzSGYJVlLfkAV4B4
Project Link: https://www.figma.com/make/0WW9byuQ0tDSPy4RY19p00/Touch-Grass?t=GS2PE7diSOrtYCW4-1
Niceeeee
Challenges
View all
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.
MagicPath
The canvas is infinite, and exploration is becoming the workflow. How are you using MagicPath?
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?