← All projects
/ Redesign Application
Redesign of an online printing company Application
My Role
Description
»Wir machen Druck« is a renowned online printing company, known for its vast print product selection and competitive prices. Despite the extensive offerings, the current website makes it challenging to find the desired print product without feeling overwhelmed. Our design approach aims to address this fundamental issue and more.
Concept, Research, Visual design and Interaction design, Iconography, UI Design
/ Motivation
We believe that the concept of »Wir machen Druck« holds great potential. Especially for students, self-employed individuals, and people without prior knowledge in the printing field who are interested in unique printed products.
However, they often encounter challenges when it comes to creating print-ready files, as they typically lack graphic design software on their computers. These barriers make it difficult for them to obtain the desired printed products, and printing errors due to customer's lack of knowledge are not uncommon.
How can the user interface and user experience of the website be optimized to ensure greater user-friendliness?
/ UX Process
To create a user-friendly redesign of the »Wir machen Druck« website, we began with the first stage of common UX Design Research.
An overview of the current screen flow reflected the complexity and thus the lack of clarity of the current website. A competitive and target group analysis provided insights into new intelligent features and benefits for the current target audience.
Kano Modell
Finally, we listed all ideas for features and the current features and categorized them into: Basic Functions, Delighters, Satisfiers, Useless Features, and Danger Features. These were organized in a Kanomodel.
Many sketches eventually led us to the initial wireframes and a well-thought-out information architecture. Using brand filters and initial UI mood boards, we created various design proposals.
We constantly compared these with the previously established brand filters and ultimately opted for a very clean UI design with orange color accents.
Based on the analyses conducted earlier, many ideas for the three Delight features emerged: Mega menu, product filters, print data check.
Navigation structure
The final Result
Delight Features
During our process, several ideas for new features and improvement requests emerged, and we wanted to implement as many of them as possible.
Here, I present four of the resulting delight features.
/ Mega Menue
An important feature of our redesign is the mega menu. It allows for a clear presentation of large quantities of print products and their various forms.
Additionally, it improves the discoverability of the products through a deeper hierarchy of submenus.
/ Product Filter
Another Delight feature is the product filter on the category page. Using the example of a flyer subpage, we demonstrate the simple handling of a filter that allows you to access more specific flyers through a selection.
/ Product Configurator
This tool on the product subpage provides a great added value for the selection of the users' final desired products.
With this extension, we offer the user a quick and uncomplicated selection of things like paper, cover, and format.
/ Online Design Tool
One of the absolute highlights of the redesign is the internal design tool. We believe that the biggest weakness of the 'Wir machen Druck' website is the absence of a tool where users can at least create simple print products themselves.
Thereby they don't have to worry about things like print data. Additionally, we aim to guide inexperienced designers and not overwhelm them with unlimited options.
Design Language
/ Colors and Font
After careful consideration of color options, we chose a warm orange as an accent color to infuse energy and warmth into the design. The combination of orange with various shades of gray creates a neutral and welcoming atmosphere, appealing to a broad audience.
The SF Compact Display provides optimal readability and a modern appearance. Its compact shape maximizes available space, ideal for clear, information-rich interfaces. Moreover, it is characterized by its universal applicability, which harmonizes with both headlines and body text, ensuring consistency.
/ Iconography and Illustrations
The SF Compact Display provides optimal readability and a modern appearance. Its compact shape maximizes available space, ideal for clear, information-rich interfaces. Moreover, it is characterized by its universal applicability, which harmonizes with both headlines and body text, ensuring consistency.
/ Micro Interactions
To enhance user-friendliness and enable intuitive navigation, we integrated micro-interactions. These subtle yet impactful design elements enhance the user experience by providing feedback and confirmation during user actions.
