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
This is a mobile UI design for "Mercy's Cookies Store", a fictional bakery app.
Goal: Create a warm, appetizing shopping experience that makes people crave cookies and order instantly.
Design Choices:
Soft sage green + cream palette to feel fresh and homemade
Large hero image with "Freshly Baked Happiness" to grab attention
Product grid with high-quality food photos for easy browsing
Sticky "Order Now" button for quick checkout
Tools used: Figma + AI for image generation and copy ideas. I tested both AI-assisted and manual design to compare speed vs control.
This screen focuses on the home/product listing page to showcase the brand and drive conversions.
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
Trending
Claude
Claude has entered the design space. How are you using it?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
Brand Design
The best brand designers are on Contra. Scroll to see what's trending in brand design. What are you building?
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?
Related posts
Meridial — Wealth Management Platform
For Meridial, I designed a system where the one thing that matters — portfolio drift — always surfaces first, no matter how many clients an advisor is tracking.
Signal over noise, even at 200+ portfolios. ⚪
The challenge:
Advisors managing dozens of portfolios need to instantly spot what's drifted from target — without digging through spreadsheets or noisy dashboards that bury the signal in data.
A dark, grain-textured UI gives Meridial a private-banking feel instead of typical fintech blue. The landing page proves the product directly in the hero with live allocation and drift cards, while the dashboard extends the same card system into radar charts, composition breakdowns, and a weekly digest — built so advisors can scan hundreds of portfolios at a glance.
A case in making complex portfolio data resolve into one clear signal.
The dark grain-textured UI gives this a truly exclusive private-banking feel. Did you animate the allocation drift cards and radar charts using Jitter or native Figma prototypes?
I built the product my team and I actually needed: Contestify 🏆
I'm active in a community of contest hunters — we're always chasing the next hackathon, design contest, meme battle, or AI video challenge. But every contest lives somewhere different: Devpost, Contra, Superteam, Lablab ai, social media. Keeping track across all of them, as a team, was chaos.
So I built Contestify with @Flowstep — one dashboard where my team and I can discover every contest in one place, save the ones worth chasing, track our submissions, build a portfolio of wins and prize money earned, and coordinate entries together through a shared Team Hub.
From an idea born out of my own community's frustration,entirely prompted into existence. This is what "build the product you wish existed" looks like when it's something you genuinely need.
Flowstep prototype:
informative😊
A growing sales company struggled with managing customer information, tracking deals, and generating performance reports. Their existing workflow relied on spreadsheets and manual follow-ups, leading to missed opportunities and inefficient team collaboration.
The objective was to build a centralized CRM web application that streamlined customer management, automated repetitive tasks, and provided real-time business insights.
The Challenge
The client encountered several operational issues:
Customer records were scattered across multiple spreadsheets.
Sales representatives had no centralized dashboard to monitor leads.
Managers struggled to track team performance.
Follow-up reminders were handled manually.
Reporting required hours of manual data entry.
No integration existed between emails, customer data, and sales activities.
Limited visibility into sales pipeline progress.
My Solution
I designed and developed a scalable web-based CRM platform tailored to the client's workflow.
The solution included:
Customer Management
Centralized customer database
Customer profiles
Contact history
Company information
Sales Pipeline
Visual Kanban pipeline
Lead stages
Opportunity tracking
Deal progress
Dashboard & Analytics
Revenue overview
Active opportunities
Sales performance
Conversion rates
Monthly reports
Interactive charts
Automation
Automatic follow-up reminders
Email notifications
Lead assignment
Task scheduling
Activity logs
Security
Secure authentication
Role-based permissions
Data encryption
Session management
Responsive Design
Desktop
Tablet
Mobile
Technologies Used
Frontend
React
Next.js
TypeScript
Tailwind CSS
Backend
Node.js
NestJS
Database
PostgreSQL
Supabase
Authentication
Clerk Authentication
Cloud
Vercel
Integrations
REST API
Stripe
SendGrid
Key Features
✔ Customer Management
✔ Sales Pipeline
✔ Dashboard Analytics
✔ Role Management
✔ Email Automation
✔ Task Management
✔ Notifications
✔ Secure Login
✔ Mobile Responsive
✔ API Integration
Results
After deployment, the business experienced:
Faster customer onboarding
Improved team collaboration
Reduced manual administrative work
Better visibility into the sales pipeline
Real-time reporting and analytics
Increased productivity through workflow automation
Scalable architecture ready for future growth
Keywords
Use these for SEO and portfolio visibility:
Custom CRM Development
Web Application Development
Dashboard Design
React Developer
Next.js Developer
CRM Software
Business Automation
Sales Dashboard
SaaS Development
PostgreSQL
Node.js
TypeScript
API Integration
Workflow Automation
Supabase
Responsive Web Application
Why This Solution Worked
Instead of relying on disconnected spreadsheets and manual processes, the business gained a unified platform where customer data, sales activities, reporting, and automation worked together. This reduced administrative overhead, improved decision-making through real-time analytics, and created a scalable foundation that can support future business growth without disrupting existing workflows.
cool work😍