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
🌿 WoodCrafts — from scattered inquiries to a unified lead system
WoodCrafts is a family-owned workshop building raised garden beds, pergolas, garden sheds, and fences for homeowners.
The problem.
The business ran almost entirely on Facebook. Inquiries came through comments, Messenger, Telegram, Viber, and phone calls, with no single place to track leads. Customers had no way to browse past projects, estimate pricing, or get quick answers — every question went straight to the owner, including the same pricing question asked repeatedly.
The solution.
I designed the experience in Figma and built a fully responsive, live website with Base44, including:
✔️ A project portfolio replacing scattered Facebook posts, showing real completed work
✔️ A pricing calculator that instantly estimates cost for standard raised garden beds by dimensions and materials
✔️ An AI assistant trained on real customer questions about materials, durability, delivery, and custom orders, which hands off to direct contact when a question needs a personal consultation
✔️ A consultation request form for custom projects
The automation.
Consultation requests submitted on the site are automatically delivered to Telegram with full customer and project details — replacing manual tracking across five separate channels with one organized stream of leads.
Why it matters.
This is a real, operating business with a real bottleneck: too many channels, too much repeated manual work. The new system gives the owner a single place to receive and act on leads, and gives customers a faster way to get the information they need before reaching out.
Built with Figma and Base44, designed and shipped as a live product for a real client.
Before. Facebook page:
https://www.facebook.com/woodcraftsua
After. Project Link:
https://wood-crafts-ua.base44.app/
🎥 Watch the demo video to see the full design process, tools used, and how the project was built from idea to interactive prototype
Demo Video (the same as attached): https://drive.google.com/file/d/1T4DTrNSOPLiorc8rzuOTLHkmG_WBciw_/view?usp=sharing
If you enjoyed this project, I would appreciate your support ❤️
———
#base44giveitaglowchallenge @Base44
It's really good Diana🔥
Thank you so much! ❤️
Wow, what an amazing project this is! I love that it’s contributing to such a meaningful cause and has the potential to genuinely help people. Wishing you the very best of luck, I hope you win! 🙌
Thank you! ❤️ I really appreciate that. It was a rewarding project to work on, and I’m glad its impact comes through. 🙌
😍😍😍 it’s absolutely amazing project
Hi Diana, this is amazing work! I impress with your process research, bold execution, and ability to simplify the messages. Congratulation and I wish you'd won the challenge!
Thank you so much for your kind words! ❤️ I’m really glad the research and thought process came through in the final result. It was a challenging but rewarding project, and comments like this make the effort feel worthwhile. Thank you for the support! 🙌
I love your work and impact so much, also these amazing colors and the layout and the idea that you created your own knowledge base inside the product, great job I wish you to win 😍
Thank you! ❤️ That means so much to me. I’m especially glad you noticed the custom knowledge base—it was designed to make the experience genuinely useful for customers. Thanks for the encouragement and support! 🙌😊
Amazing work! 👏 I really like how this project combines beautiful design with a solution to a real business problem. Every feature feels purposeful—from the pricing calculator to the AI assistant and lead automation. It's inspiring to see a product that's both visually polished...
Thank you so much for the thoughtful feedback! ❤️ That balance between great design and real business value was exactly what I was aiming for. Your support and encouragement truly mean a lot! 🙌🚀✨
A really great project!😍😍😍The presentation is incredibly detailed and interesting!
Thank you so much! ❤️😍 I’m really happy you enjoyed the presentation. I put a lot of effort into showing not just the final product, but also the thinking and decisions behind it. Your kind words mean a lot—thank you for the support! 🙌✨
Such a well executed project! Amazing job!
Thank you so much! ❤️ I’m glad you liked it! It was a challenging project, but also a very rewarding one to build. I really appreciate your support and kind words! 🙌✨
Excellent work! I like the idea and its implementation. The automation is very convenient and meets business needs.
Thank you so much! ❤️ I’m glad you found the automation useful. One of my main goals was to create something that not only looks good but also genuinely helps the business save time and handle customer inquiries more efficiently. I really appreciate your kind words and support! 🙌✨
I absolutely love your project! The design looks beautiful, polished, and very well thought out. I also really like the automation you implemented,it adds real value to the experience. Amazing work, and best of luck in the challenge!
Thank you so much! ❤️ I’m thrilled to hear that. I wanted the design to feel polished and approachable, while making sure the automation added genuine value rather than being just a nice extra. I’m so glad that came across in the final result 🙌✨🚀
Amazing 😍 good luck with the challenge 🚀
Thank you so much! ❤️ I really appreciate the support and encouragement ✨🙌
Amazing project!
Thank you so much! ❤️
This is a masterclass in problem-solving UX! It’s one thing to design a pretty interface, but actually fixing a real business bottleneck by consolidating 5 messy channels into a single automated Telegram stream is brilliant. The addition of the instant price estimator and the AI...
Thank you so much! ❤️ I really appreciate your support✨
The pricing calculator and AI assistant are perfect additions. Did you train the AI assistant on a specific set of standard answers the business already had or did you write the logic from scratch?
Thank you! 😊
The business didn’t have a documented knowledge base or a set of standard answers before this project, so the logic was built almost entirely from scratch.
I wrote a short post about the process here
on.contra.com
Streamline Customer Queries with AI for WoodCraft Businesses
Connect with next-gen talent and tools to get work underway. Hire more independents. Start more projects. Get more creative.
This is an amazing project! great job, i hope you do great in the challenge!
Thank you so much! ❤️ I really appreciate your support✨
Amazing work! ❤️ This is a really useful product with a well-thought-out user experience. Every detail feels carefully crafted, making the website both beautiful and practical 🙌
Thank you so much! ❤️ That means a lot to me. I spent a lot of time thinking through both the user experience and the business needs, so I’m really happy that attention to detail came through. Thanks for your kind words and support! 🙌✨😊
Such a great entry, fantastic video and explanation, and stunning website
Thank you so much! ❤️ I’m really glad you enjoyed both the website and the presentation.
Such an excellent showcase, your taste and skill in terms of the UI really stands out. And to be able to deliver and present with such clarity, and precision, and to be able to maintain that warmth too is truly exceptional. Well done. A brilliant entry
You rock!! You've also given them some publicity, since I was actually looking for a company that makes these wooden garden planters 👍 Btw was it difficult to figure out with Base44?
Thank you! 😊
Honestly, I found Base44 surprisingly easy to work with. It did a great job translating my design from Figma, and the targeted editing workflow was especially impressive.
Most of the time it understood exactly what I wanted from the very first prompt, so I spent much...
Thanks for your answer! I need to try Base44 too 🧠
Such a smart transition! Moving a family business from absolute chaos across five communication platforms to a single, automated workflow is a massive UX win. Building this live with Base44 is awesome 🔥
It looks so satisfying, clean and polished😍
I’m really curious about the AI...
Thank you so much! 😊
The AI assistant was actually built from the ground up. The client didn’t have a structured FAQ, knowledge base, or a large archive of customer conversations that could be used directly.
Instead, I started by generating hundreds of questions that customers...
Fantastic case study! 🌟 Absolutely love this, best of luck in the challenge! 🚀
Thank you so much for your kind words! ❤️
Excellent visual hierarchy. Everything feels well balanced.
Thank you so much! ❤️
Want to see how this project evolved after the challenge submission? 👀
I’ve been sharing the journey on my profile, including the improvements we made together with the client after launch.
Spoiler: it now has a secure admin panel that lets the owner manage projects, reviews, and...
Excellent case study! I really like that you focused on solving a real operational problem instead of just building a beautiful website. The combination of the pricing calculator, AI assistant, and automated lead collection creates a complete workflow that genuinely saves the...
This is a fantastic example of building with the client’s actual needs in mind. Replacing scattered communication channels with one streamlined system is a huge improvement, and I especially like how the AI assistant and automation complement each other instead of replacing the...
Thank you!
I really like this project 🙌
Thank you so much! I’m really happy you like it 💚
Love seeing a project continue to evolve after launch. 👏 Building for real users means listening, iterating, and improving and this is a great example of that. Great work! 🌿
Thank you so much! Listening, learning, and improving made this journey truly meaningful ❤️
I'm absolutely inspired by your work with AI and how you grasp these tools to create visually stunning products! Also, wonderful storytelling about your problem solving process, it's really interesting to read. P.S. Still cannot calm down regarding your journaling product haha,...
Outstanding work, Diana🔥
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
Built this landing page using Figma + Claude Fable 5.
https://novaabank.netlify.app
Wow , i mean now words still cannot belive ai did this
need your eyes on this one :)
two hero options for a private tutoring platform we're working on at @effekt_design
left or right?
4 voted
15%
23 voted
85%
27 votes
Closed
Went with the right aligned version. Left aligned text is easier to scan first and the CTA doesn't have to compete with the phone mockup for attention like it does in the centered one.
Hey everyone,
For the Envato Hackathon: Human by Design, I created a brand exploration for one of the most anticipated events for cricket fans, the Cricket World Cup 2027.
My process usually starts with the defining story first. I collect references, get a clear picture of the mood I'm going for, and then figure out how to actually bring it to life using stock assets, design tools, and AI as my execution partner. For this one, I wanted the whole thing to feel vibrant, dynamic, and bold, basically a visual system that captures the energy of the game.
I'll be adding a walkthrough video in comments showing how I arrived at certain creative decisions, and how @envato assets & AI tools helped shape the final look and feel.
Process Walkthrough