2022
Packaging
Opal Packaging
We help Opal businesses enhance digital customer engagement across channels, with fast access to solutions and real-time updates
Opal is a new and innovative renewable packaging company which is part of the Nippon Paper Group. While the business was formed in 2020, it represents the best of two companies that have a shared history of sustainable manufacturing in Australia and New Zealand stretching back to 1868.
View website
The process
From the project kick-off, we had to dive deep into their business model through different workshops to understand their requirements, processes, and customer interactions.
Using this information, we identified challenges and areas for improvement. Based on the landscape review, we presented solutions in wireframes and examples.
Once all parts were aligned and agreed upon, I designed the high-fidelity screens for the most relevant pages.
Category and information architecture
We worked alongside the SEO team and client to understand the wide product range and priorities, to create a new information architecture. This understanding was then translated into the design in an illustrative form to create a simple and clean visual direction for users.
Bundle options
With multiple bundle options and prices, a clean information display, and the ability to quickly add to cart were key points.
For the desktop version, users can see the price per bundle. A dropdown option allows users to select the type of bundle and the quantity, instantly displaying the final price to add to the cart from the category page.
As mobile view has reduced space, the displayed information was summarised with the starting price and the number of bundles available.
Checkout flow for different customer journeys
With different types of users, we required a checkout flow for each and an easy signup process for new customers.
A simplified checkout option was added to allow fast guest checkout on Magento. Click-and-collect options were integrated, including store information, the functionality to select previous information (address and payment methods), provision to create a B2C account, and a credit approval workflow.
Multiple customers
One of the main improvements was the new ‘my account’ design, which covers different customer types. For example, B2C customers have a simple view of their orders, details, and wishlist products.
On the other hand, the B2B customer view included essential features, such as the ability to switch between users within the account for administrators and edit and approval permissions. It also included a simple UI with an intuitive UX that allows B2B customers to order and review their history easily.
UI Design
Opal Brand guidelines included several colours that work together, and the challenge was to include them proportionally to create an engaging and bright design. Trying to make a balance, and aesthetically pleasing.
Quotation tool
Opal sales representatives needed to be connected to the new website and ensure that all transactions took place digitally.
We created a quote system where sales representatives could search, create and view clients' profiles, items and quotes with the ability to send quotes for approval to clients or managers.
The layout was simple and included all client requirements with an excellent user experience.
Designing for this project was a unique challenge, as the brand’s vibrant identity involved a wide range of colors, paired with complex content around products, services, and bundles. Achieving well-executed color harmony while ensuring clarity and usability required careful balance. The goal was to bring together a rich mix of information and visual elements into a clean, intuitive, and engaging experience—and that’s exactly what we accomplished
