Ball Jars: Site Redesign
Ball Jars
Products
Desktop
Mobile
Team
Project Manager
Art Director
UI Designer (Me)
UX Designer
What I Did
UX/UI Design
Style Guide
Design Exploration
Content Strategy
The Brief
Ball Jars sought our expertise to elevate their online presence and delve into brand exploration and content strategy. Their vision was to develop a digital platform that would facilitate smooth product sales while engaging customers through diverse content such as recipes, DIY projects, and how-tos. The goal was to improve the overall user experience, transforming the website into a central hub for both shopping and community interaction. This effort aimed to align the website more closely with Ball Jars' vibrant and innovative brand identity, creating a more dynamic and engaging online experience.
Design Approach
Under a tight deadline, our team engaged in collaborative brainstorming to craft the layout and content, aiming to create two distinct design and content strategies. From the beginning, we employed a holistic approach to ensure our design process was both thorough and efficient. This approach enabled us to strike a balance between creativity and practicality, leading to the development of two unique directions that aligned with Ball Jars' brand objectives.
CONTENT STRATEGY
To develop an effective content strategy for Ball Jars, we wanted to understand the target audience and emphasize the brand's versatility and commitment to sustainability. We also leveraged existing digital assets and encouraged user-generated content to foster community engagement. Highlighting creative uses through tutorials, inspirational ideas, and educational content about sustainability and the brand's heritage enriched the user experience. Incorporating SEO practices and accessible design, alongside clear calls-to-action, ensured the content is discoverable and usable.
User personas
One of the requirements was to try to utilize existing modules/code that they currently have as much as possible within our design exploration.
We created a very simple UX layout as a team to show the general flow and messaging of the page. In this case we did not use full UX wires as we wanted to focus on design exploration.
DESIGN EXPLORATION
We developed two distinct design approaches for Ball Jars: the first was product-centric, emphasizing the jars themselves, while the second was human-centric, highlighting user experiences and interactions. Following the review, the decision was made to proceed with the first design approach, incorporating select elements and modules from the second to enhance its human touch.
Final Design Directions:
STYLE GUIDE
Following the finalization of the new design directions for Ball Jars, we developed a comprehensive UI Kit to ensure consistency and coherence across the brand's digital presence. This UI Kit encompassed a curated selection of colors, typography styles, icons, form fields, buttons, and grid layouts, all designed to embody the brand's aesthetic. This toolkit served as a foundational guide for implementing the visual and interactive elements of Ball Jars' online platforms, aligning with the chosen design direction to create a seamless and engaging user experience.
Conclusion
Our redesign of the Ball Jars website significantly improved their online presence, seamlessly blending educational content, community engagement, and e-commerce functionalities. By focusing on user experience and brand elevation, we created a platform that not only educates and connects users but also offers an intuitive shopping experience. This strategic overhaul resulted in a more engaging, informative, and user-friendly website, driving increased traffic, sales, and customer engagement. Ultimately, this project successfully propelled Ball Jars' brand forward, establishing a stronger digital footprint and fostering deeper connections with their audience.
AWARDS
2022 dotCOMM Awards - Website: Business to Consumer
2022 W3 Awards Gold - Site Redesign: Website Features – Best User Experience
2022 W3 Awards Gold - Site Redesign: Website Features – Best Art Direction
2022 W3 Awards Silver - Site Redesign: Website Features – Best Use of Photography
2022 W3 Awards Silver - Site Redesign: Website Features – Best Home Page