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
Envato Challenge: Designing a Modern SaaS Dashboard from Concept to Completion
I am so excited to share my entry for the #EnvatoChallenge!
This project demonstrates my design process from initial concept and planning to wireframing and UI design to the finished polished SaaS dashboard. I was more interested in showing the creative process, the design decisions, and how the product went from idea to finished product instead of just the final product.
Thank you, Envato, for creating a challenge that celebrates not just the work but also the people and process behind the work.
Hey @Waqar Basit this is great. It looks like you're missing the human explanation in your video. Make sure to add either captions on screen explaining what you did or voiceover and then resubmit. Cheers
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
Every new Figma file starts the same way.
Variables. Page structure. Base frames. Annotation components. Cover slide.
Twenty minutes of setup before a single design decision gets made. If you're a product designer, you'll know exactly what I mean.
𝗦𝗼 𝗜 𝗯𝘂𝗶𝗹𝘁 𝗮 𝗽𝗹𝘂𝗴𝗶𝗻. Meet Starter, one click, and your entire foundation is ready.
→ Core variables: Typography, grids, spacing, and colours
→ Page structure: A clean, organised file hierarchy
→ Base frames: Pre-configured frames hooked up to your grids
→ Helper components: Sticky notes and status labels for quicker documentation
→ Base cover: A customisable project thumbnail
https://www.figma.com/community/plugin/1616860142658349536/starter?q_id=1e2ab7fb-d8fc-40f5-a2db-72164930f2df
Brilliant work! I'm testing it now!
Startfrom is live.
a small library of @framer templates made to feel like real websites, not placeholder layouts
as framer template market gets noisier, we’re taking the opposite route: fewer templates, higher standards, more polish
live now: startfrom.co
Nice work👏
What can you create with Figma Motion?
Figma recently introduced Figma Motion, a new way to add animations directly inside your design file.
Of course, I had to try it myself.
I created this scene to test how it handles simple looping animations.
It’s still in beta, so there are a few limitations, but it’s already quite intuitive and beginner-friendly.
Sharing my process walkthrough in the comments.
Have you tried it yet?
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.
fifaworldcup2026
The World Cup is here and the whole world's watching. How are you designing for the world stage?
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?