Malik A.
Software Engineer and Product designer
Ready for work
Malik is ready for their next project!
๐๏ธ ๐ง๐ต๐ฒ ๐ ๐๐๐ฒ๐๐บ ๐ผ๐ณ ๐๐ต๐ฒ ๐ฅ๐ฒ๐ท๐ฒ๐ฐ๐๐ฒ๐ฑ
What if the most beautiful creations were never chosen?
For this challenge, I wanted to explore the part of creativity that AI can't automate: judgment.
Using Envato's AI tools, stock assets, VideoGen, music generation, and creative resources, I created a fictional museum where every exhibit is visually stunningโฆ yet rejected. Not because it wasn't beautifulโbut because it needed something only a human could provide: taste, intuition, emotion, context, and the courage to choose.
Rather than showcasing prompts and outputs, I wanted to tell a story about the invisible decisions behind every creative process. Every gallery, every artwork, every camera movement, every soundtrack, and every final edit was intentionally curated to answer one question:
What makes great creative work truly human?
This project is my interpretation of Human by Designโwhere AI expands what's possible, but human creativity gives it meaning.
Huge thanks to @envato for the inspiring challenge and for providing such an incredible creative toolkit.
Instagram: Instagram Link (https://www.instagram.com/reel/Da-kF2MtaHS/?utm_source=ig_web_copy_link&igsh=MzRlODBiNWFlZA==)
Twitter/X: X Link (https://x.com/Localhost_5000/status/2078858319477854534?s=20)
3
91
โจ ๐
๐ซ๐จ๐ฆ ๐๐ฎ๐ญ๐๐๐ญ๐๐ ๐ญ๐จ ๐๐ฎ๐ญ๐ฌ๐ญ๐๐ง๐๐ข๐ง๐ โ ๐๐ข๐ฏ๐ข๐ง๐ ๐ ๐๐๐๐ฅ ๐๐จ๐ฎ๐ญ๐ข๐ช๐ฎ๐ ๐๐จ๐ญ๐๐ฅ ๐ญ๐ก๐ ๐๐ฅ๐จ๐ฐ-๐๐ฉ ๐๐ญ ๐๐๐ฌ๐๐ซ๐ฏ๐๐
Sometimes, the biggest opportunity isn't creating something entirely newโit's recognizing the hidden potential in something that already exists.
For this challenge, I chose Locanda Boutique Hotel, a real boutique hotel in Germany. The hotel itself offers a warm, premium hospitality experience, but after exploring its online presence, I felt its website wasn't telling the same story. It worked, but it didn't inspire. It informed, but it didn't immerse. Most importantly, it missed opportunities to simplify operations and elevate the guest experience through modern automation.
So I asked myself:
What if booking a boutique hotel felt as premium as staying in one?
That question became the foundation of this project.
Rather than redesigning a few pages, I reimagined the entire digital journeyโfrom the moment a guest discovers the hotel to long after they've checked out.
โจ ๐๐ก๐๐ญ ๐ ๐๐ฎ๐ข๐ฅ๐ญ
I created a modern, fully responsive hotel platform powered by Base44 that transforms the hotel's online presence into a complete guest experience.
Guests can:
โข Discover and compare rooms
โข Book their stay seamlessly
โข Reserve airport transfers
โข Schedule spa treatments
โข Reserve restaurant tables
โข Book local experiences and attractions
โข Manage their reservations through a personalized guest dashboard
โข Interact with an AI Concierge that recommends rooms, answers questions, plans itineraries, and assists with bookings
Behind the scenes, I also introduced meaningful automations that save staff time while improving the guest experience.
โ๏ธ ๐๐ฎ๐ญ๐จ๐ฆ๐๐ญ๐ข๐จ๐ง ๐๐ข๐ ๐ก๐ฅ๐ข๐ ๐ก๐ญ๐ฌ
โ Instant booking confirmation
โ Automated check-in reminders
โ Smart upsell recommendations for breakfast, spa treatments, airport transfers, and experiences
โ Reservation management
โ Post-stay review requests
โ Guest engagement workflows
These aren't just convenience featuresโthey're practical tools that help increase operational efficiency, improve customer satisfaction, and unlock additional revenue opportunities.
๐ก ๐๐ก๐ฒ ๐๐ก๐ข๐ฌ ๐๐๐ญ๐ญ๐๐ซ๐ฌ
Because a hotel's website shouldn't simply display information, It should welcome guests before they even arrive and should answer questions before they're asked.
Thank you, Base44, for making it possible to turn this idea into a fully functional product.
I'd love to hear your thoughts!
Live demo: Link to Locanda Demo (http://locanda-stay-luxe.base44.app/)
#GiveItAGlow #Automation #ProductDesign #BuiltWithBase44
7
7
219
โโโโโโโโโโโโโโ โฆ ATLAS โฆ โโโโโโโโโโโโโโ
The Living Memory of Humanity
โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ
Atlas is an immersive experience that transforms the way we explore history. Instead of reading about the past, users travel through it.
Starting from a living globe, Atlas lets you select any location and begin a Memory Flightโa cinematic journey where the world rewinds around you. Cities transform across centuries, civilizations emerge, cultures evolve, and every place reveals the stories that shaped it.
Built with Wonder, I used its design capabilities to rapidly prototype the product, create a scalable design system, explore multiple historical experiences, and develop a complete storyboard that guided the final interactive experience. From the global navigation to each Memory Flight, Wonder made it possible to iterate quickly while maintaining a polished, cohesive vision.
Atlas is built around one simple belief:
Every place remembers. Every memory tells a story.
Live Demo: Click here to test the Live Demo Link (https://atlas-ma.netlify.app/)
Wonder Design File: Click here to see Wonder Design source (https://app.wonder.so/user-623bcf/files/019f1e87-2457-7975-ac66-067908dd5d95)
8
13
377
โโโโโโโโโโโโโโโโโโโโโโ
๐ GRIDSCORE - The Trust Layer for Freelancers
โโโโโโโโโโโโโโโโโโโโโโ
๐ CATEGORY
Dashboard + Social/Community
โโโโโโโโโโโโโโโโโโโโโโ
๐ก WHAT IS GRIDSCORE?
โโโโโโโโโโโโโโโโโโโโโโ
GridScore is a client intelligence platform built for freelancers, consultants, agencies, and independent professionals.
It helps freelancers evaluate client quality, monitor relationship health, identify risks early, and make smarter business decisions using analytics, AI-powered insights, and community intelligence.
Think of it as a credit score system for freelance clients.
โโโโโโโโโโโโโโโโโโโโโโ
โ ๏ธ THE PROBLEM
โโโโโโโโโโโโโโโโโโโโโโ
Freelancers frequently face challenges such as:
โข Late payments
โข Poor communication
โข Scope creep
โข Unpredictable client behavior
โข Limited information before accepting projects
Unlike banks that use credit scores to assess risk, freelancers typically make decisions with little or no data.
โโโโโโโโโโโโโโโโโโโโโโ
โ
THE SOLUTION
โโโโโโโโโโโโโโโโโโโโโโ
GridScore provides a centralized platform where Freelancers can:
โข Track client relationships
โข Measure client health through a scoring system.
โข Identify engagement risks
โข Monitor payment behavior
โข Access community-driven intelligence
โข Make data-informed decisions
โโโโโโโโโโโโโโโโโโโโโโ
โญ KEY FEATURES
โโโโโโโโโโโโโโโโโโโโโโ
๐ Client Health Scoring
Each client receives a GridScore (0โ100) calculated using:
โข Payment Speed
โข Communication Responsiveness
โข Scope Creep Incidents
โข Repeat Projects
Scores are automatically translated into letter grades and risk levels.
โโโโโโโโโโโโโโโโโโโโโโ
๐ Analytics Dashboard
A centralized dashboard featuring:
โข Total Clients
โข Average Health Score
โข Revenue Metrics
โข On-Time Payment Rates
โข Repeat Project Counts
โข Risk Indicators
Interactive charts help users quickly identify trends and opportunities.
โโโโโโโโโโโโโโโโโโโโโโ
๐ฅ Client Management
Users can:
โข Create client profiles
โข Track project history
โข Monitor engagement metrics
โข Manage client records
โข Analyze relationship performance
โโโโโโโโโโโโโโโโโโโโโโ
๐ค AI-Powered Insights
GridScore generates intelligent recommendations including:
โข Late payment warnings
โข Communication trend analysis
โข Scope creep alerts
โข Client health summaries
โข High-value client identification
โโโโโโโโโโโโโโโโโโโโโโ
๐ Community Intelligence
Freelancers can anonymously contribute:
โข Client Reviews
โข Payment Reliability Ratings
โข Communication Ratings
โข Scope Creep Experiences
โข Work-Again Recommendations
Submissions are aggregated into company reputation scores while preserving contributor anonymity.
โโโโโโโโโโโโโโโโโโโโโโ
๐ ๏ธ HOW IT WAS BUILT
โโโโโโโโโโโโโโโโโโโโโโ
GridScore was built using Bubble and started from a Bubble AI-generated foundation.
The initial AI-generated application established the core structure of the platform.
From that foundation, the application was expanded with:
โ Custom Client Health Scoring
โ Analytics Dashboards & Visualizations
โ AI Insight Features
โ Community Intelligence System
โ Client Management Workflows
โ Modern SaaS User Experience
The final product evolved significantly beyond the initial AI-generated baseline while retaining Bubble AI as the starting point.
โโโโโโโโโโโโโโโโโโโโโโ
๐ WHY IT MATTERS
โโโโโโโโโโโโโโโโโโโโโโ
Freelancers are businesses, yet many lack tools for evaluating client risk and relationship quality.
GridScore provides a data-driven approach to client management, helping freelancers reduce uncertainty, protect their income, and make more informed decisions.
The long-term vision is to become the trust and reputation layer for freelance work worldwide.
โโโโโโโโโโโโโโโโโโโโโโ
Live Demo Link: Link to the Demo on Bubble (https://malikabdulazeez27-81330.bubbleapps.io/version-test?debug_mode=true)
โโโโโโโโโโโโโโโโโโโโโโ
20
35
1.1K
Aura - The World's First Emotion-Adaptive Interface System
Designed with Google Stitch.
As a developer, I've used plenty of AI tools that can generate screens, but I was curious about something different with Stitch:
Could I use it to create an experience-first interface that felt alive rather than just another website?
That question became AURA โ an experimental emotion-adaptive interface that transforms its visual environment based on how users want to feel.
Instead of approaching the challenge as a traditional landing page, I wanted to explore a more immersive direction. What if an interface could behave like a living environment? What if changing an emotional state could alter the atmosphere, motion, lighting, color palette, and overall experience?
To test that idea, I designed AURA as a digital experience where users can explore emotional worlds such as Joy, Peace, Wonder, Creativity, Ambition, and Reflection.
How Stitch fit into the workflow
I didn't start with prompts, I started with ideas.
The first step was sketching rough wireframes and visual concepts to establish the structure and flow of the experience. I then created a custom design.md (http://design.md) document containing the creative direction, emotional worlds, visual principles, motion goals, typography, color systems, and overall artistic vision for the project.
After importing those references into Stitch, the process became incredibly fluid. The streaming generation experience was one of the most impressive parts of the workflow. Instead of waiting for a final output, I could literally watch the interface take shape directly on the canvas and react to ideas in real time.
Once the foundation was generated, I spent most of my time using in-place AI edits.
I'd select sections, experiment with different visual treatments, adjust atmosphere, refine layouts, introduce new interactions, and push the experience closer to the vision I had in mind without having to restart from scratch.
That iterative loop felt much closer to actual design work than traditional prompting.
Motion was another area where Stitch stood out.
Since the challenge theme was "Build interfaces that feel alive," I focused heavily on creating smooth transitions, hover interactions, atmospheric movement, environmental effects, and immersive visual storytelling.
The result feels less like a conventional website and more like a digital art installation.
New Stitch features I leaned on
๐ Imported custom design.md (http://design.md) creative direction document
๐ Imported rough wireframe concepts and visual references
๐ Streaming generations directly to the canvas
โฉ In-place AI edits using prompts and point-and-click interactions
๐ฅ Motion-rich interactions, hover states, and immersive transitions
๐จ Rapid visual experimentation and iteration
๐ Export-ready workflow for deployment
Feedback on Stitch
Most AI workflows involve repeatedly prompting, waiting, evaluating, and starting over. Stitch felt different, The streaming canvas made the process feel much more collaborative and interactive. Watching designs appear in real time created a stronger sense of momentum and made iteration feel natural.
The ability to import references and then refine sections through in-place edits was probably my favorite part of the experience. Rather than constantly rewriting long prompts, I could focus on improving specific parts of the design while preserving everything that was already working.
As someone who enjoys experimenting with interface concepts, that workflow felt significantly closer to how designers and developers naturally think.
One feature I'd love to see expanded further is even more granular visual control directly within the canvas, allowing creators to tweak generated elements while maintaining the speed of the AI workflow.
Overall, Stitch helped shorten the distance between a rough idea and a polished interactive experience.
Live Prototype: https://8d2a7837-aura-living-interface-system.netlify.app/
Link to Stitch: https://stitch.withgoogle.com/projects/6682479894200923414 (https://stitch.withgoogle.com/projects/6682479894200923414?pli=1)
61
74
2.6K
Arizona In home caregivers
0
29
Paylink
0
27
Esceloman
0
31
Emptycarafes
0
34
Hays Woodwork
0
29
My official submission for the #Bloom With Bubble (https://contra.com/company/bubble)x Contra (https://contra.com/contra) Challenge
App Name - OppRadar( Opportunity Radar )
Category โ Business
1. Concept
OppRadar is a personalized opportunity discovery platform designed to help users never miss life-changing opportunities.
Ironically, many people who would benefit most from opportunities like this Bubble x Contra challenge may never discover them simply because they didnโt know they existed, found out too late, or were overwhelmed by scattered information online. OppRadar exists to solve exactly that problem โ making opportunities visible, personalized, and actionable before deadlines are missed.
The vision for OppRadar goes beyond a hackathon prototype. With the right support, it can become a trusted platform helping students, builders, creators, and professionals consistently discover opportunities that change careers and lives. Winning this challenge would help kickstart that vision โ improving discovery systems, expanding opportunity coverage, and making personalized access to life-changing opportunities more accessible globally.
The app intelligently curates opportunities such as:
Hackathons
Scholarships
Remote jobs
Startup funding
Fellowships
Grants
Open-source programs
Users select their interests during onboarding, and OppRadar creates a personalized feed tailored to what matters most to them.
Unlike many prototype-only experiences, monetization in OppRadar is implemented with an actual fully working payment infrastructure(Stripe), making the business model immediately testable and scalable. This creates a believable path to revenue while keeping the free experience useful and accessible.
2. Core Features
1. Personalized onboarding and interest-based recommendations
2. Fully functional Stripe-powered premium subscription flow(Video accompanied below)
3. Intelligent opportunity feed powered by selected interests
4. AI-inspired match scoring system for opportunity relevance
5. Deadline urgency indicators to prevent missed opportunities
6. Opportunity bookmarking and saved opportunities system
7. Detailed opportunity pages with direct application links
Monetization Strategy:-
OppRadar includes a real premium monetization system, powered by fully working integrated Stripe payments.
Premium members unlock:
1. Unlimited saved opportunities
2. Exclusive premium opportunities
3. Advanced opportunity access
4. Better personalized recommendations
Built fully using Bubbleโs Native Mobile Editor as a polished, mobile-first experience for the Bubble Spring Hackathon.
The app was designed with scalability, personalization, and real monetization in mind from day one.
Branch Version ID: version-test
Preview Link: https://oppradar-21563.bubbleapps.io/version-test/api/1.1/mobile/preview?debug_mode=true&preview_view=Home
35
93
3.3K
Portfolio Projects
0
5