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
🚀 Just launched the new puregrubs.com!
I recently finished completely rebuilding and redesigning this Shopify store, taking it from a custom Figma design to a live, high-performing site.
Instead of using heavy page-builder apps that slow everything down, I built this natively on Shopify with clean, custom code.
What went into the upgrade:
🔹 Super Fast: Ditched the clunky apps so the site loads instantly.
🔹 Pixel-Perfect: Brought the Figma design to life exactly how it was imagined.
🔹 Mobile Friendly: Made sure the shopping experience is flawless on phones.
💼 Need a hand with your Shopify store?
Whether you need a complete redesign, want to turn a Figma mockup into a real website, or just need your current store to run faster, I can help.
📥 Drop me a DM and let’s chat about your project!
Contact Email: contact@enigmasystems.io
#Shopify #WebDesign #FigmaToShopify #WebDevelopment #ShopifyExpert #Freelance
This is such a strong project. Everything feels purposeful and well executed.
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
Bear Craft Supply Co. Shopify Store Design & Development
Project Overview
Designed and developed a fully responsive Shopify eCommerce store for Bear Craft Supply Co., a premium natural soap brand focused on high-quality grooming products for men. The objective was to create a clean, rugged, and nature-inspired shopping experience that reflects the brand's identity while driving product discovery and conversions.
Scope of Work
✅ Shopify Store Setup & Customization
✅ Homepage Design & Layout Structure
✅ Brand-Focused Visual Design
✅ Product Collection & Product Page Setup
✅ Mobile & Desktop Optimization
✅ Navigation & User Experience Enhancement
✅ Call-to-Action Strategy Implementation
✅ Newsletter Subscription Integration
✅ Social Media Integration
✅ Trust-Building & Conversion Elements
Key Features
Hero banner with strong brand messaging and product showcase.
Clean navigation structure for seamless browsing.
Dedicated product spotlight sections highlighting key soap collections.
Strategic call-to-action buttons encouraging purchases and customer engagement.
Instagram-inspired social proof section to strengthen brand credibility.
Featured products section designed to increase product visibility and sales.
Professional footer with policy pages, newsletter signup, and social links.
Fully responsive design optimized across desktop, tablet, and mobile devices.
Design Approach
The website was crafted using earthy visuals, natural imagery, and a masculine aesthetic to align with the brand's positioning. Product presentation was prioritized through a structured layout that balances storytelling, branding, and conversion-focused design.
Results Delivered
Professional and trustworthy online presence.
Improved customer navigation and shopping experience.
Strong visual branding consistency.
Conversion-focused homepage structure.
Mobile-friendly shopping experience.
Platform
Shopify
Industry
Beauty & Personal Care / Men's Grooming
Very proud to share my submission for Config Makeathon
Really think a lot of the design to my app to make it eye catching and look interesting.
The progress of the app went very smoothly with good planning.
- Brainstorming
- Interview
- Friends/Other user feedbacks
- Negative Opinions for improvements
- Figma Make and Figma Weave
- Ai
- Design Sketching
Now i made an app for All in One app to improve your life.
In the video you will see the WORKFLOW and APP-Walkthrough.
Site link: https://sled-series-18065698.figma.site/
Figma Community: https://www.figma.com/community/file/1649636892933916569/bearify
Built with Figma.
#ConfigMakeathon #Figma #ProductDesign #Design #Bearify @Figma @Contra @Contra HQ
Putting together that much feedback and planning really shows in the final design. It is clear you took the time to gather input from different people and actually applied it instead of just going with your first idea.
The workflow looks smooth and the app seems well thought out. Definitely respect the effort you put into this
Lately, I’ve been diving deep into Cursor, Claude, and AI agents.
Instead of just watching tutorials, I decided to learn by building something myself — a Figma plugin from scratch. There are already plenty of similar solutions out there, but my goal was to understand the entire creation process, from idea to a working product.
And here’s the result: I went from zero knowledge to a functioning plugin in just two days.
The plugin already helps identify issues in design files and highlights things that are easy to miss during day-to-day work. Of course, I’m still not 100% satisfied with it — there’s always room for improvement. But for a first attempt, I’m pretty happy with the outcome.
The most exciting part is that while building it, I started coming up with new ideas for Design System automation: naming conventions, component structure, style organization, and other repetitive tasks that could be streamlined with AI.
Looks like this is just the beginning 😄
Tech stack: Cursor, Claude, ChatGPT, and the Figma Plugin API.
For now, here’s a look at what I’ve built so far 👇
Wowww, great job 😍 Intrigued for part 2! You know, your approach to testing things yourself (from scratch!) reminded me the Tumblr times back in idk 2012-2014 maybe when everyone was photoshopping pics, memes, gifs etc. and I created my own "colors" (layers with different image...
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.
MagicPath
The canvas is infinite, and exploration is becoming the workflow. How are you using MagicPath?
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?