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
AI vs My Design — The Simple Homestead Formula 🌿
Client wanted a clean, trustworthy, and warm e-commerce product page for their "Grow Your Own Pharmacy Starter Kit" a herbal + homesteading starter bundle.
I ran the same experiment again:
Image 1 (Lef) → My Custom Design
Image 2 (Right) → AI Generated Design
My Take:
The AI version (Image 2) is decent — it has nice imagery and a simple layout, but it feels very basic. Just a hero section with a button. It lacks depth, structure, and selling power.
In my design (Image 1), I focused on:
Proper information hierarchy
Clear “What’s Included” section with icons for better readability
Stronger product presentation (box with books + herbs)
Better use of space and visual balance
Premium yet approachable natural aesthetic that matches the brand’s values
Challenges I faced in this project:
Making the page feel educational and trustworthy (not just salesy).
Organizing product details in a clean, scannable way without making it look cluttered.
Choosing the right image
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
Finally got around to publishing a case study I worked on back in February.
Riki AI is an AI-powered platform, and I had the opportunity to design its marketing website from the ground up focusing on clarity, trust, and communicating complex features in a simple way.
The product has now been launched, and it's great to see it live. I'll also be collaborating with the team to refine the website implementation.
Feel free to check out the case study and the live product. I'd love to hear your thoughts.
Great Work
11k followers, beautiful pastries, and 4.5 hours wasted in DMs daily. Here is how I fixed a local bakery's operations in 3 hours. 🥐✨
For the #GiveItAGlow challenge, I wanted to find a business where design could solve a real operational bottleneck. I chose "Holidays treat" — a visually stunning local bakery in Thailand.
The Problem:
Visually, their brand is flawless. Digitally, it was a nightmare. Every single custom cake order, tart reservation, and FAQ was handled manually through Instagram DMs. The owner was losing over 4.5 hours a day just typing out the same allergen information and stock updates.
The Process (How it was built):
Using Base44, I went from a blank canvas to a fully functioning digital ecosystem in exactly 3 hours. Here is the exact breakdown of the build:
Phase 1: The Figma Benchmark & Asset Generation
Every high-end product starts with strict visual discipline. Before touching the builder, I opened Figma to define the rules of "quiet luxury" for this brand. I established a rigorous grid, editorial typography, and terracotta accents. I used Midjourney to generate high-end asset concepts to set the perfect mood. I didn't design every screen—I designed one flawless Root Index to serve as my absolute source of truth.
Phase 2: Architectural Foundation
Inside Base44, I prioritized architecture over aesthetics. My initial prompts focused purely on database generation and routing. Within minutes, the AI spun up the core infrastructure: a Products database, an Orders table, and dynamic routing for the entire B2C catalog.
Phase 3: The Design Translation
This is where I am usually skeptical of builders, but Base44 delivered. I fed my Figma benchmark into the Base44 agent and instructed it to overwrite the global design system. It adopted my strict visual parameters and replicated them across the entire app with 100% accuracy. When we hit minor component bugs, like routing issues in the Global Header, I used precise system directives to re-bind the events without touching the code.
Phase 4: Automation Depth & State Management
A beautiful site means nothing if the business operations are still manual.
The Backend:
I built a B2B Kitchen Dashboard with a live Kanban board tied directly to the front-end checkout.
The CMS:
I converted static footer galleries into dynamic databases so the owners can update their digital storefront seamlessly.
The Superagent:
I integrated a 24/7 AI Superagent and wired it directly to the live inventory database. It now handles all FAQs, consults on bespoke cakes, and routes users to checkout. To ensure a seamless UX, I prompted the system to utilize a Global Session State, ensuring cart persistence across all page navigations.
The Verdict on Base44:
As a UI/UX Designer who is fiercely protective of visual layouts, my stack has strictly been Figma and Framer. But building this project completely shifted my perspective. Base44 is the first platform I’ve used that handles deep backend logic and AI automations without sacrificing an inch of front-end aesthetic control. It is officially part of my permanent freelance toolkit.
The Handoff:
I handed the fully live ecosystem over to the bakery—no setup fees, no friction. Just real utility.
Watch the full Before/After transformation and my process breakdown
Demo: https://holiday-treat-studio.base44.app
Figma (all step): https://www.figma.com/design/8uKK1dv5q5jX5O3pSFkSxQ/Challenge-base44?node-id=0-1&t=BXoMyOdu87ld3IyX-1
Before in comment. Base44 you BEST!!! Realy.
Great work for a 3-hour build. Quick question about the checkout how do customers actually pay for their orders? Is there an easy, built-in way to connect local payment methods through the platform?
Design Comparison #2
- I picked two Framer templates.
- Same niche. AI automation.
- But different design direction.
Template A: Minimal, animated hero
Template B: Modern, grid layout
If you needed an AI automation website today, which would you choose and why?
2 voted
33%
4 voted
67%
6 votes
Closed
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?
