Bona Fide
a Shopify store built around the collection
Through a partner, I implemented the client’s layouts in Shopify and connected shopping and marketing tools across the store.
- Field
- Activewear / USA
- Built with
- Shopify / JavaScript
- Project year
- 2023
The challenge
Bona Fide had a Shopify store, a growing activewear collection and new designs prepared by its own team. The brief was to implement those designs and improve the shopping journey without replacing the platform. Product selection, customer accounts and loyalty features all needed to work within the same experience.
The approach
Through a partner, I contributed to adapting the client-supplied layouts in Shopify across the homepage, catalogue, account and supporting pages. The implementation connected the selected shopping and marketing tools, refined navigation and removed unnecessary theme changes and apps. The work covered implementation and integration; the visual concept came from the client.
The project, in detail
The images show the interface and its context. Captions distinguish project archives from current-site views.
Finding the right product
Product Filter & Search was configured around the store’s categories, colours and sizes. Product metafields carried the extra attributes required by the design. The desktop navigation became more compact, while the mobile menu kept a direct route to the loyalty program.
The work, up close
The fashion storefront and its shopping categories.
Desktop and mobile navigation for the catalogue.
Current public product imagery. It shows the catalog context and is not my photography or original design.
Product recommendations and the shopping bag.
A connected shopping journey
The account area brought together order history, customer details and loyalty benefits. The bonus programme was connected to the cart so discounts were visible during shopping; outfit recommendations, reviews and social sign-in followed the same supplied design. Each integration had to fit the supplied interface instead of appearing as a separate widget.
Theme cleanup and handover
The handover included checks of desktop and mobile layouts and the behaviour of connected apps. Unnecessary builders and conflicting extensions were removed, alongside work on image and icon loading. Marketing integrations included analytics and a collaboration application page for creators.
Homepage mockup · Client-supplied visual design, implemented in Shopify by OnePix.
Product-page mockup · Client-supplied design implemented by OnePix. Reviews and ratings are sample content in the design.
Mobile homepage mockup · Client-supplied visual design, implemented by OnePix.
Bona Fide desktop and mobile storefront in the original project presentation. Original public OnePix project archive.
The outcome
The supplied designs were implemented across the main shopping and account pages.
Filtering, outfit recommendations, reviews and loyalty benefits became part of one store experience.
Details of Bona Fide
Was the visual design created in this engagement?
No. The client supplied the concept; the documented contribution was its implementation in the existing Shopify store.
Which shopping features were connected?
Product filtering, loyalty discounts in the cart, outfit recommendations, reviews and social sign-in were integrated into the supplied interface.
