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
When working with heavy industrial niches, your digital strategy can’t just look flashy—it has to establish deep corporate trust, map perfectly to technical specifications, and make complex catalogs instantly accessible. I recently wrapped up the full development, theme installation, and deep customization of MBD Copper, a premier B2B distributor of dual-coated copper winding wires and strips.
The Challenge
The heavy electrical sector depends heavily on raw numbers: wire gauges, thermal classes, insulation limits, and brand partnerships (like Rational, Vidya, and SEPL). We set out to take an extensible WordPress framework and completely re-engineer it as an intuitive high performance product indexing platform for manufacturers, motor rewinders and transformer builders.
What I Delivered
1.Customization & Schema Mapping: Re-architected standard post-types to build clear, data-heavy presentation layouts for highly technical products (like Glass Fiber Covered Strips and Class-H Hermetic wires).
2.Corporate Polish & Brand Alignment: Re-mapped elements to reflect a trusted, clean B2B footprint while integrating real industrial asset resources (Brochure downloads, Technical Chart directories).
3.Responsive Optimization: Ensured lightning-fast loading speeds and responsive mobile rendering for on-site engineers and procurement managers searching for spec charts on the go.
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
Every new Figma file starts the same way.
Variables. Page structure. Base frames. Annotation components. Cover slide.
Twenty minutes of setup before a single design decision gets made. If you're a product designer, you'll know exactly what I mean.
𝗦𝗼 𝗜 𝗯𝘂𝗶𝗹𝘁 𝗮 𝗽𝗹𝘂𝗴𝗶𝗻. Meet Starter, one click, and your entire foundation is ready.
→ Core variables: Typography, grids, spacing, and colours
→ Page structure: A clean, organised file hierarchy
→ Base frames: Pre-configured frames hooked up to your grids
→ Helper components: Sticky notes and status labels for quicker documentation
→ Base cover: A customisable project thumbnail
https://www.figma.com/community/plugin/1616860142658349536/starter?q_id=1e2ab7fb-d8fc-40f5-a2db-72164930f2df
Brilliant work! I'm testing it now!
🏁 New case study: Carfidant — an e-commerce redesign for a car-care brand
Great detailing products deserve a storefront that performs just as hard. So I designed a bold, high-octane e-commerce experience for Carfidant – from research and strategy all the way to a polished, conversion-focused interface.
What's inside:
🔧 A build-your-own-kit configurator
📦 Bundle-based pricing with a quantity slider – more bottles, lower price per unit
🔁 Subscribe & Save with clear membership perks
⭐ A content-rich product page: social proof, comparison tables, step-by-step how-tos
🔎 A filterable catalogue with category controls and search
Visual language: bold display typography (Boldonse + Anton), a punchy yellow-black-red palette, and a consistent red accent driving every key action. Designed in Figma with responsive design in mind.
My hypothesis: combining strong visual hierarchy, intuitive UI, and flexible bundle and subscription options would help customers choose with more confidence – and lift both purchase intent and repeat orders.
I felt this driving energy scrolling your work! Cool work 🔥 🔥🔥
As part of Base44's #GiveItAGlow challenge x Contra, I reached out to Skellefteå Discgolf and asked if I could use their website for this design case. They immediately said yes, and here's the result of an intense two-day build.
Their current website requires quite a bit of scrolling below the fold before visitors get to the key information, more than I felt was necessary. Those who know me know that I deeeespiiiiise scrolling when nothing exciting is happening on screen, which made this a PERFECT candidate for a full viewport design approach! My idea isn't for users to spend hours on the website, but rather at the facility playing disc golf which is why I wanted it to be a quick and easy experience to find information + current weather temperature at their location. I also included a language switcher with English translations, since Skellefteå is a popular destination for tourism. 😊
I wanted to give the brand a little sportier impression and the black and white color palette felt like a natural fit. Since I'm a sucker for color, I couldn't resist adding just a tiny bit of green though. The traditional logotype has been replaced with an animated illustration resembling a spinning disc because.. why not?
They also have an INCREDIBLE shop with discs and gear, but none of it is promoted on their website so I completely reworked that part as well by introducing a 360-degree product view for their products. Visitors can reserve products online and collect at the shop.
Everything can be managed through an admin panel and I also implemented a useful automation. Since disc golf is dependent on good weather, whenever an event is scheduled, an in-app agent automatically checks the forecast the same morning. If the prognosis looks bad, a warning e-mail is sent out automatically!
(Video shows my design first, then their current design)
My design: https://discgolf.base44.app
Their current website: https://www.sdg.nu
Lilly - genuinely no words! This is amazing - I love the UX, the twist on replacing scrolling with just viewport sections. Its bursting with creativity!
Challenges
View all
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?