Role: UI & UX Designer
Duration: Sep 2021 – Dec 2021
Marine Printers is Vancouver’s leading digital printing, offset printing and wide format printing provider. A family-run business founded in 1935.
The goal of this project was to redesign and update their old website. Part of it was also adding an online store for certain products. Highlighting the difference between Marine Printers and its competitors was also important.
Simple e-commerce and product overview page give the customer an option to make a purchase online.
Request a quote section stands out and gives customers an easy option to contact the printer directly.
Downloadable templates for different print projects make the design process and communications with the printer seamless.
Based on our research we identified two main user groups – designers and non-designers (small business owners and their employees). These two groups have different technical knowledge and priorities.
For designers, the helpful thing to have would be the ability to download templates and see file specs. For non-designers, the most important functionality would be easy access to their customer service telephone number and a simpler FAQ without too many technical details. We thought that it would be helpful for both user groups to have a page showcasing the best work of the printer.
Over time we will be adding product and company-specific pages. Product-specific pages will give customers a better idea about the technical capabilities of Marine Printers and company-specific pages will help business owners and non-designers to get a better idea of how they can elevate their business through design and print.
As one of the first steps in the design process, I started sketching different layouts and information structures for the most important pages.
In terms of visual design, we are keeping elements from the current brand identity but trying to elevate the product presentation. In the next step of the project, we are going to update the product photography on the website.
I decided to keep the same accent orange colour in combination with black and white imagery. To add a more contemporary feel I updated the typography with a new bold and modern heading type. Together with updated iconography and button styles – Marine Printers visual style has more edge and appears modern.
As the project progressed we proposed steps to help Marine Printers to improve their website experience: