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
Coffee Brand Website Transformation
I redesigned the online presence of a local coffee brand using Base44 to create a modern, premium experience that better reflects the quality of its products.
The previous online presence lacked a strong visual identity, clear navigation, and engaging user experience. My goal was to create a website that not only looks professional but also helps the business attract more customers and increase engagement.
What I Built
A fully responsive, modern website
Premium UI/UX with smooth animations
Product showcase for coffee beans and drinks
About Us and Brand Story sections
Contact and location information
Mobile-friendly design optimized for all devices
Automation
I implemented a customer automation that allows visitors to quickly connect with the business and streamline customer interactions. This reduces manual work for the owner while improving the customer experience.
Result
The new website gives the coffee brand a stronger online presence, improves usability, and provides a polished experience that better represents the business. It is designed to help the brand attract new customers while making it easier for existing customers to engage with the business.
nice work! make sure you share the original website so we can see the glow up!
This is Before.
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
I genuinely think Base44 is the most impressive AI app builder I've used so far.
I challenged myself to build something beyond a simple website, so I created a complete AI-powered veterinary platform for a real local clinic, focused on solving real operational problems through automation.
What you'll find in the demo:
🤖 AI Veterinary Superagent for symptom triage (without diagnosing)
🐾 Pet Passport with complete medical records and a health timeline
👤 Passwordless Pet Owner Portal
📅 AI-assisted appointment booking
👨⚕️ Staff Dashboard for managing appointments, patients and AI conversations
🚨 Emergency case prioritization
💉 Vaccination reminders
📧 Automated confirmations and follow-ups
⭐ Review request automation
📱 Fully responsive experience across desktop and mobile
Demo: Experience the platform from both the pet owner and clinic staff perspectives, following the complete workflow from AI-assisted triage and booking to appointment management and Pet Passport updates.
👨⚕️ Staff Dashboard
I designed a website and 3d animations for Ngen.
This is mesmerizin 🔥
Zero experience in the UI design industry.
But creativity, imagination, AI, and @Wonder made it possible.
🔥 Introducing "TourMe"
🧠 The idea:
A website for people who love to travel, explore, and discover different countries.
🙌 Problem:
People often have to jump between multiple websites to find travel information about a country they want to visit.
😊 Solution:
A website with multiple features for different countries:
• Weather
• Currency
• Best places to visit
• Popular restaurants
• Traditional foods
• Hotels and places to stay
• Activities
• sim cards
• and many more
💯 WORKFLOW:
• Explained my idea in ChatGPT and generated a prompt
• Used Wonder Chat to create UI concepts and website designs
• Refined everything manually using Wonder's tools and AI features
• Used Shader, Wonder Chat, Properties, and other tools
• Used Figma templates as references
• Explored different Wonder features and workflows
• Generated images using Wonder Chat
• Used Opus and Fable for generation
🙌 Others:
• Uploaded webpage screenshots and used Wonder Chat to recreate similar layouts
• Used Pinterest for inspiration and images
🎉 Wonder MCP:
• Connected Wonder MCP with Claude
• Claude helped create parts of the website
• Used GitHub to publish the website
TourMe Website:
https://aymdaking.github.io/TourMe1122/
Wonder File (Check page 1 and Page 2):
https://app.wonder.so/angelo-pacaanas/files/019f21e1-b614-7ae0-96ce-16e3fb4f1b80
🧠 UNEXPECTED:
• I didn't expect copying designs from Figma to Wonder to be so easy
• There are many Shader modes to choose from
• Prompt-to-UI worked even without UI design experience
• Wonder MCP worked smoothly with Claude
• Wonder Chat is more than a UI generator—it also helps answer questions and guide ideas
• Multiple image generation models are available (my favorite is Nano Banana)
• Easy to move, edit, and rearrange elements
• Lots of useful tools that are simple to learn and use
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?