ProCoPack
ProCoPack
Designing a professional B2B brand and website for a newly launched food co-packing service.
TIMELINE
Oct - Dec 2025
DISCIPLINE
Brand Designer, Brand Developer
TOOLS
Figma, WordPress
TIMELINE
Oct - Dec 2024
DISCIPLINE
Brand Designer, Brand Developer
TOOLS
Figma, WordPress
CONTEXT
Overview
ProCoPack is a newly launched co-packing service created by Green Bowl Foods to provide reliable, flexible food manufacturing solutions for emerging and established brands. As a new sub-brand, ProCoPack required a complete brand identity and website to support its market launch and sales outreach.
I was responsible for designing the brand identity and building the website from the ground up.
CONTEXT
Overview
ProCoPack is a newly launched co-packing service created by Green Bowl Foods to provide reliable, flexible food manufacturing solutions for emerging and established brands. As a new sub-brand, ProCoPack required a complete brand identity and website to support its market launch and sales outreach.
I was responsible for designing the brand identity and building the website from the ground up.
CONTEXT
Overview
ProCoPack is a newly launched co-packing service created by Green Bowl Foods to provide reliable, flexible food manufacturing solutions for emerging and established brands. As a new sub-brand, ProCoPack required a complete brand identity and website to support its market launch and sales outreach.
I was responsible for designing the brand identity and building the website from the ground up.
The Challenge
ProCoPack launched without many of the traditional trust signals found in B2B manufacturing, such as an established reputation, previous clients, or an existing digital presence. The challenge was to create a brand that felt professional and industrial, while remaining welcoming and accessible to early-stage food startups.
At the same time, the website needed to present detailed co-packing services in a clear, scannable way that supported quick understanding and decision-making, all while being designed and built within the fast-paced environment of an internship.
I was very excited to take this project on!
I was very excited to take this project on!
The Challenge
With no existing brand identity or digital presence, ProCoPack needed a professional and industrial visual system that could appeal to B2B food manufacturers and startups, while making complex co-packing services easy to understand and navigate.
The Challenge
With no existing brand identity or digital presence, ProCoPack needed a professional and industrial visual system that could appeal to B2B food manufacturers and startups, while making complex co-packing services easy to understand and navigate.
I was very excited to take this project on!
Jobs to be done
01.
Develop a clear and professional brand identity.
01.
Develop a clear and professional brand identity.
01.
Develop a clear and professional brand identity.
02.
Develop a fully functional WordPress website.
02.
Develop a fully functional WordPress website.
03.
Ensure the website was easy to navigate for potential clients.
03.
Ensure the website was easy to navigate for potential clients.
Brand Identity Development
Visual Identity
I collaborated closely with my supervisor to define ProCoPack’s visual direction, informing the logo design and a clean, industrial-inspired visual system suited for food manufacturing. Typography and colour palettes were selected to support a trustworthy, scalable B2B identity.
Brand Identity Development
Visual Identity
I collaborated closely with my supervisor to define ProCoPack’s visual direction, informing the logo design and a clean, industrial-inspired visual system suited for food manufacturing. Typography and colour palettes were selected to support a trustworthy, scalable B2B identity.
Brand Messaging
I led the development of ProCoPack’s brand messaging by crafting the brand slogan and writing all supporting content, including service descriptions that translate technical co-packing offerings into clear, easy-to-understand language.
I maintained a consistent, professional tone across all brand touch-points to build clarity, trust, and credibility throughout the customer experience.
Brand Messaging
I led the development of ProCoPack’s brand messaging by crafting the brand slogan and writing all supporting content, including service descriptions that translate technical co-packing offerings into clear, easy-to-understand language.
I maintained a consistent, professional tone across all brand touch-points to build clarity, trust, and credibility throughout the customer experience.
Brand Messaging
I led the development of ProCoPack’s brand messaging by crafting the brand slogan and writing all supporting content, including service descriptions that translate technical co-packing offerings into clear, easy-to-understand language.
I maintained a consistent, professional tone across all brand touch-points to build clarity, trust, and credibility throughout the customer experience.
From Concept to Package - Professionally.
From Concept to Package - Professionally.
Website Development
Who Am I Designing For?
Keeping B2B food manufacturers and startups at the center of every decision was important. I created a user flow that organized content into key sections:
Website Development
Who Am I Designing For?
Keeping B2B food manufacturers and startups at the center of every decision was important. I created a user flow that organized content into key sections:
Wireframes in figma
I used the sitemap and user flow as a foundation for lo-fidelity wireframes, exploring layout, content hierarchy, and section order before visual design. This allowed me to iterate quickly and validate the site structure early.
Wireframes in figma
I used the sitemap and user flow as a foundation for lo-fidelity wireframes, exploring layout, content hierarchy, and section order before visual design. This allowed me to iterate quickly and validate the site structure early.
Low-Fidelity
Mid-Fidelity
Mid-Fidelity
Low-Fidelity
Wireframes In Figma
I used the sitemap and user flow as a foundation for lo-fi and mid-fi wireframes, exploring layout, content hierarchy, and section order before visual design. This allowed me to iterate quickly and validate the site structure early.
Solution
Final Design
The final website was built in WordPress using the Elementor page builder, allowing for a flexible and scalable implementation of the design. Clear call-to-action sections were integrated throughout the page to guide users toward contact and inquiry, while interactive elements and structured layouts were used to enhance engagement and support intuitive navigation.
Together, these choices ensured the site was easy to explore, responsive across devices, and effective in supporting lead generation.
Solution
Final Design
The final website was built in WordPress using the Elementor page builder, allowing for a flexible and scalable implementation of the design. Clear call-to-action sections were integrated throughout the page to guide users toward contact and inquiry, while interactive elements and structured layouts were used to enhance engagement and support intuitive navigation.
Together, these choices ensured the site was easy to explore, responsive across devices, and effective in supporting lead generation.
Solution
Final Design
The final website was built in WordPress using the Elementor page builder, allowing for a flexible and scalable implementation of the design. Clear call-to-action sections were integrated throughout the page to guide users toward contact and inquiry, while interactive elements and structured layouts were used to enhance engagement and support intuitive navigation.
Together, these choices ensured the site was easy to explore, responsive across devices, and effective in supporting lead generation.
Results & Impact
Results & Impact
Results & Impact
Successfully launched ProCoPack as a standalone brand
Delivered a complete brand and website within a short timeframe
Created a professional digital presence ready for sales outreach
Successfully launched ProCoPack as a standalone brand.
Delivered a complete brand and website within a short timeframe.
Created a professional digital presence ready for sales outreach.
Created a professional digital presence ready for sales outreach
Delivered a complete brand and website within a short timeframe
Successfully launched ProCoPack as a standalone brand
Learnings
Learnings
Learnings
01.
Working on this project pushed me out of my comfort zone and helped me grow in owning complex, open-ended design challenges.
02.
Building a brand and website from scratch was daunting at first, but learning WordPress and seeing the project come together made it an exciting opportunity to grow and take full ownership.
01.
Working on this project pushed me out of my comfort zone and helped me grow in owning complex, open-ended design challenges.
02.
Building a brand and website from scratch was daunting at first, but learning WordPress and seeing the project come together made it an exciting opportunity to grow and take full ownership.
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 25 25" xmlns="http://www.w3.org/2000/svg"><g d="M 0 0 L 20 0 L 20 20 L 0 20 Z M 10 20 C 4.477 20 0 15.523 0 10 C 0 4.477 4.477 0 10 0 C 15.523 0 20 4.477 20 10 C 19.994 15.52 15.52 19.994 10 20 Z M 10 1.667 C 5.398 1.667 1.667 5.398 1.667 10 C 1.667 14.602 5.398 18.333 10 18.333 C 14.602 18.333 18.333 14.602 18.333 10 C 18.328 5.4 14.6 1.672 10 1.667 Z M 6.667 11.667 C 6.403 11.665 6.154 11.789 5.996 12 C 5.837 12.211 5.789 12.485 5.864 12.738 C 6.475 14.524 8.119 15.753 10.006 15.833 C 11.894 15.759 13.54 14.527 14.144 12.738 C 14.212 12.485 14.16 12.216 14.003 12.007 C 13.847 11.798 13.603 11.673 13.342 11.667 Z M 5 8.333 C 5 9.167 5.746 9.167 6.667 9.167 C 7.588 9.167 8.333 9.167 8.333 8.333 C 8.333 7.413 7.587 6.667 6.667 6.667 C 5.746 6.667 5 7.413 5 8.333 Z M 11.667 8.333 C 11.667 9.167 12.413 9.167 13.333 9.167 C 14.254 9.167 15 9.167 15 8.333 C 15 7.413 14.254 6.667 13.333 6.667 C 12.413 6.667 11.667 7.413 11.667 8.333 Z" fill="transparent" height="20px" id="H4t48QlId" transform="translate(3 2)" width="20px"><path d="M 0 0 L 20 0 L 20 20 L 0 20 Z" fill="transparent" height="20px" id="k1c6al0Hs" width="20px"/><path d="M 10 20 C 4.477 20 0 15.523 0 10 C 0 4.477 4.477 0 10 0 C 15.523 0 20 4.477 20 10 C 19.994 15.52 15.52 19.994 10 20 Z M 10 1.667 C 5.398 1.667 1.667 5.398 1.667 10 C 1.667 14.602 5.398 18.333 10 18.333 C 14.602 18.333 18.333 14.602 18.333 10 C 18.328 5.4 14.6 1.672 10 1.667 Z M 6.667 11.667 C 6.403 11.665 6.154 11.789 5.996 12 C 5.837 12.211 5.789 12.485 5.864 12.738 C 6.475 14.524 8.119 15.753 10.006 15.833 C 11.894 15.759 13.54 14.527 14.144 12.738 C 14.212 12.485 14.16 12.216 14.003 12.007 C 13.847 11.798 13.603 11.673 13.342 11.667 Z M 5 8.333 C 5 9.167 5.746 9.167 6.667 9.167 C 7.588 9.167 8.333 9.167 8.333 8.333 C 8.333 7.413 7.587 6.667 6.667 6.667 C 5.746 6.667 5 7.413 5 8.333 Z M 11.667 8.333 C 11.667 9.167 12.413 9.167 13.333 9.167 C 14.254 9.167 15 9.167 15 8.333 C 15 7.413 14.254 6.667 13.333 6.667 C 12.413 6.667 11.667 7.413 11.667 8.333 Z" fill="rgb(255, 89, 0)" height="20px" id="vQC9GCchQ" width="20px"/></g></svg>)