How Codestro Designed Growelly — A Modern Freelance Platform with Scalable Web UI in Figma

Client: Growelly
Industry: Freelance Marketplace / Gig Economy
Service Provided: Web UI/UX Design in Figma
Agency: Codestro (USA)
Project Status: Design Completed and Delivered for Development

About the Client – Growelly

Growelly is a new and creative freelance job marketplace focused on connecting talented freelancers to clients from around the world – all with speed, trust, and clarity in mind. They will target an audience that has been molded by Upwork and Freelancer.com, with a notably improved user experience, secured contracts, and a modern layer of logic.

Growelly is looking to compete with these global giants while providing a seamless digital experience, by partnering with Codestro, a USA-based full-service software development and UI/UX design agency. Codestro’s position as an agency is unique: their core competency is web development, mobile applications, CRM, and custom software, but the Growelly project was set up in a way to launch a flexible MVP via Figma-based design workshops.

The Challenge

In a crowded market with endless options, Growelly required:

• A clean, responsive, modern interface that worked across all platforms
• Intuitive navigation and workflows for both freelancers and clients 
• End-to-end design coverage from posting a job to milestone payments
• A scalable design system that would support future product offerings: mobile app, SaaS, subscriptions, and team-based collaboration

They needed a partner that would look beyond UI, and begin to lay the groundwork for components that would be engineering-ready for a fast and willing hand-off to the development team. This is where Codestro’s product-thinking design team

Our Solution – Modular Web Figma Design for a Scalable Gig Platform

Codestro approached the project with a system thinking mentality using Figma to create flexible modular UI that was visually pleasing while functioning as intended under real life usage. Our design sprint included UX research and interface prototyping, structured to make for smooth development.

Core User Journeys Mapped:

• Freelancers: Browse jobs → Submit proposals → Manage contracts → Get paid
• Clients: Post a job → Review proposals → Hire → Pay per milestone

supported iterative development sprints and continuity of the UX experience throughout the platform.

Key Features Designed in Figma

For Freelancers:

• Dashboard: Ability to see active proposals, chat, and earnings
• Job Feed: Filterable and searchable gigs broken out by category
• Profile Page: Portfolio, rating, hourly rate, and availability
• Proposal Submission: Milestone breakdowns, cover letter field, and attachments (file upload)
• Contract Tracker: Visual representation of milestones, revisions, and approval statuses

For Clients:

• Job Posting Wizard: Multi-step with UX on how to define their scope, budget, and timelines
• Freelancer Search Page: Filtered by skill set, price, rating, and availability
• Client Dashboard: Active projects, hiring stage, team management
• Messaging & File Sharing: In-platform communication
• Payment Flow: Secure milestone-based payment transactions, including invoicing

Common Platform Pages:

• Homepage: Dual-CTA page for “Hire” vs. “Get Hired”
• Signup / Login: Smooth onboarding experience with password visibility, and account verification
• About / Contact: Brand storytelling and user support
• Legal Pages: Designed with outcome in mind—Privacy Policy and Terms 

Figma Design System Highlights

Codestro fully delivered a design system in Figma, incorporating: 

• Typography Tokens – to maintain visual consistency across headings, subtexts, and UI labels 
• Color Palette – for brand identity and user experience state indicators (alerts, errors, success)
• Components Library – buttons, input fields, tabs, modals, badges, charts
• Templates – jobs cards, user dashboards, profile modules 
• Responsive Grids – for fluid design across mobile, tablet and desktop 
• Developer Notes – for spacing, hierarchy, asset grouping, and exportable SVGs

Results & Business Impact

Growelly’s final design system is now the groundwork for MVP development. Codestro did not just provide a pretty UI, they helped outline a design-led engineering pipeline. The outcome speaks for its self:

1. 45+ responsive screens delivered
2. Modular components enabled 35% faster frontend dev time
3. 30% decrease in onboarding drop-off by simplifying flows
4. Stakeholder satisfaction score of 95%+
5. Ready for future build outs in React, Flutter, or Vue.

Why Growelly Chose Codestro

Growelly partnered with us because of our:

• Productite thinking — not just merging things together that look pretty.
• Developer-first thinking — down the line, developers want to only need to read the specs for a new enhancement and we have that smooth Figma-to-code process in mind.
• Experience with freelance platforms, Saas products, CRMs, and custom software.
• Reliability and stable communications and agile workflows with clients located across the globe.

If you’re building a platform for jobs, a marketplace on demand, or a SaaS product that integrates with your CRM — Codestro is your design + development partner.

Final Thoughts

At Codestro, our philosophy is designing products is not about the pixels, but is about creating scalable systems that perform in a live environment. For Growelly, we designed and developed their Figma-powered freelance platform, which is clean, trustworthy, and conversion driven—and we ensured the technology and architecture was in place for seamless scaling.

💬 Need help launching your freelance marketplace or SaaS product?

Let Codestro design and develop your next big idea. Contact us today.