Passionate Fullstack Engineer, 3yrs experience
Passionate Fullstack Engineer, 3yrs experience
Code the stack. Add the intelligence
Marocana - Shopify Custom Theme Development
A custom Shopify theme I developed for Marocana, built to deliver a unique, high-converting online store tailored to the brand's identity. The theme features a clean, responsive design with custom product, collection, and checkout layouts optimized for a smooth shopping experience. Built with fast load times, SEO best practices, and seamless integration of Shopify apps and payment gateways. Delivered a polished, easy-to-manage store that stands out and is ready to sell.
Tags: Shopify, Custom Theme Development, E-commerce Development, Liquid, Responsive Design, Frontend Development, Store Customization, SEO Optimization, UI/UX Design
1
119
🎨 Talent Marketplace Platform — UI Design Exploration
Hi everyone! 👋
Sharing some insights from a recent marketplace design exploration — a talent marketplace platform built to connect businesses, startups, and individuals with skilled UI/UX designers. 🚀
🎯 The Concept
The idea was to make finding the right design talent feel effortless. Whether you're a startup hunting for your first designer or a business scaling your team, the platform bridges that gap with a smooth, intuitive experience. 🤝
🎨 The Design Direction
✨ Clean, modern style — clarity and focus in every screen
🌈 Bright accent colors — fresh, energetic, and inviting
📐 Strong visual hierarchy — easy browsing from search to hire
💼 Purpose-built layouts — designed around real user needs
The result is a fresh, welcoming marketplace experience that feels professional yet approachable. 🔥
What do you think? Let me know in the comments! 💬
Feel free to leave feedback, press (L) if you like it ❤️, and don't forget to follow our Contra account for more!
UI Designer: Mudassir 🎨
0
97
🎩 Mystic Dreams — Cigar Band Brand Identity & Packaging Design
Design isn't decoration. It's expectation.
A cigar band has only a few square inches to communicate quality, heritage, and value. Every line, ornament, texture, and finish shapes that perception — there's no room for anything that doesn't earn its place. ✨
The Concept
For Mystic Dreams, we developed an identity inspired by classical engraving, ancient symbolism, and luxury packaging — creating a brand that feels timeless rather than trendy. 🕰️
The goal was simple but demanding: design something collectors would want to keep — not just remove and discard.
The Details
✒️ Classical engraving — intricate linework that signals craftsmanship
🔮 Ancient symbolism — meaning and mystique woven into the mark
💎 Luxury packaging sensibility — premium finishes that feel collectible
🏛️ Timeless over trendy — built to age with grace, not fade with fashion
Mystic Dreams — White Label Edition.
Naming, brand identity, creative direction, illustration, and presentation by DH Solutions. 🖋️
0
99
🚗 Autonomous Mobility App — Smart City Transportation UI Concept
About the Project
A futuristic mobility application designed for autonomous transportation and smart city experiences. The interface reimagines how we move through the city — making commuting seamless, intelligent, and completely stress-free. 🌆
🎯 The Experience
Every screen is built around one goal: effortless, next-generation travel. From booking to arrival, the app guides users with clarity and confidence.
🚕 Seamless Ride Booking — request a ride in just a few taps
🧭 AI-Powered Navigation — smart routing for faster, smoother trips
📍 Real-Time Tracking — always know exactly where your ride is
🧘 Stress-Free Commuting — a calm, intuitive experience end to end
🎨 The Design Direction
Built with a minimal UI approach, immersive vehicle presentation, and high-contrast layouts, the design delivers a premium, next-generation feel. Clean typography and a modern visual system make advanced technology feel simple, sleek, and human. ✨
Perfect for: autonomous mobility startups, ride-hailing platforms, smart city apps, EV and transportation brands, and future-focused tech products. 🌐
0
127
Full-Stack web applications developer
Full-Stack web applications developer
All-in-one .Net & React expert
All-in-one .Net & React expert
Wordpress / Shopify Developer
🌐 Versatile PHP & WordPress Expert 🚀
🌐 Versatile PHP & WordPress Expert 🚀
Full Stack Developer building scalable web apps & AI feature
New to Contra
Full Stack Developer building scalable web apps & AI feature
A few days ago I hit a familiar wall on a project. I had the feature ideas (order tracking, request tabs, live timers, a few approval flows), but I needed to see how each one would look and work before writing any code.
Normally that means a designer, a Figma file, and a lot of back and forth. This time I tried something different and sat down with Claude.
I described the feature, shared a screenshot of the current screen, and asked for the UI. In minutes I had a proper mockup. Then I asked for the other states: pending, approved, rejected, late, empty.
Then the whole flow from the first tap to the final screen.
What surprised me:
→ It follows your existing look, so new screens match what you already have
→ It thinks through the edge cases (what happens when something fails?)
→ It gives you the flow, the screens and the written requirements together
→ I can hand it to the dev side and start building straight away It doesnt replace a designers eye.
But for going from I have an idea to heres exactly what it should look like and how it works, it saved me days.
If youre a developer who gets stuck at the design stage, give it a try. Describe it, iterate on it, ship it.
What are you building right now?
#Claude (https://www.linkedin.com/search/results/all/?keywords=%23claude&origin=HASH_TAG_FROM_FEED) #ClaudeAI (https://www.linkedin.com/search/results/all/?keywords=%23claudeai&origin=HASH_TAG_FROM_FEED) #Anthropic (https://www.linkedin.com/search/results/all/?keywords=%23anthropic&origin=HASH_TAG_FROM_FEED) #UIUX (https://www.linkedin.com/search/results/all/?keywords=%23uiux&origin=HASH_TAG_FROM_FEED) #UXDesign (https://www.linkedin.com/search/results/all/?keywords=%23uxdesign&origin=HASH_TAG_FROM_FEED) #UIDesign (https://www.linkedin.com/search/results/all/?keywords=%23uidesign&origin=HASH_TAG_FROM_FEED) #Figma (https://www.linkedin.com/search/results/all/?keywords=%23figma&origin=HASH_TAG_FROM_FEED) #ProductDesign (https://www.linkedin.com/search/results/all/?keywords=%23productdesign&origin=HASH_TAG_FROM_FEED) #Prototyping (https://www.linkedin.com/search/results/all/?keywords=%23prototyping&origin=HASH_TAG_FROM_FEED) #AIDesign (https://www.linkedin.com/search/results/all/?keywords=%23aidesign&origin=HASH_TAG_FROM_FEED) #SoftwareDevelopment (https://www.linkedin.com/search/results/all/?keywords=%23softwaredevelopment&origin=HASH_TAG_FROM_FEED) #FullStackDeveloper (https://www.linkedin.com/search/results/all/?keywords=%23fullstackdeveloper&origin=HASH_TAG_FROM_FEED) #WebDevelopment (https://www.linkedin.com/search/results/all/?keywords=%23webdevelopment&origin=HASH_TAG_FROM_FEED) #BuildInPublic (https://www.linkedin.com/search/results/all/?keywords=%23buildinpublic&origin=HASH_TAG_FROM_FEED) #AITools (https://www.linkedin.com/search/results/all/?keywords=%23aitools&origin=HASH_TAG_FROM_FEED)
0
20
Full Stack Web Developer
Full Stack Web Developer
View more →