MarinePatches
A store redesign for MarinePatches.com, a shop for military and law enforcement patches: a finished Figma design and a written list of features turned into a working Shopify store, page by page.
- Figma to Shopify
- Redesign
- Horizon
Outcome
- The Figma design is live on marinepatches.com across the store.
- Every page built from the design, with the functionality from the brief.
- Rated 4.0 by the client on Upwork.
- The home page built from the Figma design.
- The same design carried to every page of the store.
- The whole store tested before handover.
Client review
“Kiril is overall a talented freelancer that brings a lot of great skills and qualities to the project. I hired him to take an existing figma design and map it onto a shopify store. He did a good job overall.”About the brand
MarinePatches.com is a US store for military and law enforcement patches and related goods: stickers, coins, T-shirts and koozies. Its catalogue runs to thousands of products.
Challenge
The client had a finished design in Figma and a written description of how the store should work. The job was to map that design onto Shopify faithfully and make every page work, across a catalogue of thousands of products.
Scope
- Build the first two pages from the Figma design for review.
- Carry the design to every page of the store, with the functionality from the brief.
- Test the whole store before handover.
Solution
- Started with two pages, so the client could check the direction against the design before the rest was built.
- Built the remaining pages from Figma on a Horizon-based theme, with the features from the brief working on each page.
- Tested the store end to end before handing it over.
Stack & capabilities
- Shopify
- Horizon theme
- Liquid
- Figma
