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
𝐃𝐚𝐲 𝟑𝟎 𝐨𝐟 𝐫𝐞-𝐥𝐞𝐚𝐫𝐧𝐢𝐧𝐠 𝐟𝐫𝐚𝐦𝐞𝐫 𝐮𝐧𝐭𝐢𝐥 𝐢 𝐠𝐞𝐭 𝐦𝐲 𝐟𝐢𝐫𝐬𝐭 𝐠𝐢𝐠
Today I created a smooth horizontal scroll slider interaction to present content in a more engaging way.
This pattern helps:
• Highlight featured content
• Improve storytelling on long pages
• Add a premium interactive feel
Exploring how motion and layout can work together to create better web experiences.
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
Team Light or Team Dark? ☀️🌙
I created two versions of the same experience, and now I need your vote.
Watch both videos and comment:
☀️ LIGHT
🌙 DARK
No long explanations — just choose the one you would actually use.
Let the theme battle begin. 👇
Also, if you have a project involving Next.js, Framer, custom software, AI solutions, automations, or web applications, feel free to reach out:
📩 panicvaskrsije@gmail.com
🌐 panicdigital.com/contact
18 voted
41%
26 voted
59%
44 votes
Closed
Voted Light! Both versions look incredibly clean, but what really stands out is the handling of the accent typography in the light UI—specifically how the vibrant blue numbers and highlights contrast perfectly against the deep navy background without losing readability or...
I decided to participate in the @GiveItAGlow challenge by @Base44 on Contra with a project focused on giving a real local business the digital presence it deserves.
For this challenge, I chose Strafrutta, a fresh fruit business that sells high-quality products directly to customers.
The before:
Their website didn’t communicate the quality, freshness, or green identity of the brand. The homepage mainly showed the location, with little storytelling or emotional connection. The shop experience felt outdated, difficult to use, and had a poor UX that created friction during the buying process.
The after:
I redesigned the entire experience into a modern, vibrant, and user-friendly platform.
The homepage combines Base44’s clean and structured design language with interactive 3D elements, bringing fruit products to life while maintaining excellent responsiveness across desktop, tablet, and mobile. I introduced warmer colors, premium product photography, and a more welcoming visual identity to reflect the quality of Strafrutta’s products.
The shop experience was rebuilt with a focus on usability, allowing customers to easily browse products, use filters, and complete their purchase journey smoothly.
But the goal wasn’t only a better-looking website — it was creating a tool that helps the business operate better.
I added:
🍌 AI chatbot assistant “Mimmo”
A lead-generation assistant that collects customer requests, understands their needs, and sends qualified messages directly to the admin team for follow-up.
📦 Admin management system
A dedicated dashboard where Strafrutta can:
Manage orders
Track customer requests from the chatbot
Update, add, or remove products
Manage stock availability
⭐ Digital loyalty card
Customers can track their purchases, monitor their progress, and see how close they are to unlocking their next reward.
The result is a platform that connects customers directly with Strafrutta while giving the business modern tools for sales, customer support, inventory management, and retention.
The main pages include:
Home
Shop
Loyalty program
Order management
Stock management
Lead management from the AI chatbot
The project is live:
https://strafrutta.base44.app/
I hope this challenge goes well because my next step would be presenting this solution directly to Strafrutta and helping them bring this experience into their real business.
Before & after screenshots and platform walkthrough included.
#GiveItAGlow @Base44
Great transformation. The redesign is strong, but the real value is in the operational layer, chatbot, stock management, orders, and loyalty all working together. Really solid project 👏. Good luck
For the Base44 challenge, we chose a sweet little coffee roastery in our city, that has been supplying the city with coffee for 54 years: Kumardhara Coffee.
As iconic and essential as this business has been to fuelling the city's coffee demand, its online presence didn't do justice to its expertise, its rich selection of the finest beans, or the incredible story of the people behind it. A 54-year legacy this rich deserved to be discovered, not stumbled upon. Which is precisely why we chose Kumardhara Coffee.
Current website: https://www.kumaradharacoffee.com/
What we built using Base44: https://kumardhara-coffee-experience.base44.app
Check out our video below! 👇
Our build approach🔨
• We designed the landing page to unravel the full Kumardhara experience through micro-animations and added small moments of delight that mirror the care that goes into every roast.
• The layout, visual style, and image composition were crafted in Base44 through a detailed PRD alongside the finalized assets.
• Framer Motion, built directly within Base44, powered the subtle interactions woven throughout the site.
How we used Agents in Base44🤓
Coffee can be intimidating for newcomers, so we built an experience to guide them in. Our "Coffee Brewmaster" agent helps people discover their taste, then points them toward the right beans and brew method, thus turning a moment of hesitation into a confident first cup.
The automation we included⚙️
We also opened a window into the roastery's community. Through the new site, users can discover upcoming coffee experiences, events, and workshops hosted at the micro-roastery and also book to attend them, all directly through the site!
The result💡
An online home that finally matches the craft in the cup: a landing page that carries Kumardhara's 54 years of expertise, welcomes newcomers as warmly as regulars, and gives a beloved local roastery the digital presence it has always deserved.
Our next step🚀
From here, we want to bring the work full circle and present the site to the Kumardhara team, turning this challenge build into a lasting home for their brand online.
Creative and professional as always
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?