Back
User experience design focuses on the requirements and needs of users when interacting with products and services. I help your company not only make websites or applications more user-friendly, but also make existing offerings more accessible. According to the principle: “Build the right thing and build the thing right. ”
UI design
The checkout is often the heart of an online shop. Small changes can quickly lead to purchase cancellations and have a negative impact on the conversion rate. To increase sales, online shops often use upselling methods. You know it from the classic checkout area in a supermarket. Here, additional impulse purchases of small goods are made, which increase sales. The situation is similar online, but two-dimensionally and on a significantly smaller area. It is therefore all the more important not to influence the actual buying process too much. A clear hierarchy, good readability and little distraction are therefore essential. For FoodNow We've redesigned the checkout process. We have hidden the main menu in the shopping cart to avoid unnecessary distractions and show a clear division of the individual areas. For upselling, we have created a separate area in the shopping cart, which stands out from the shopping cart itself and only shows products that match the order.
With one click, the products go directly to the shopping cart and the always visible sticky button takes you to the checkout without having to scroll. Clickable elements such as radio buttons or checkboxes are oriented right to support natural thumb movement on mobile devices. The bottom layer can be opened and offers users cost control at any time. We have removed unnecessary input fields to streamline the process. Overall, we tried not to change the existing behavior of individual components too much so that users would not acquire a completely new user interface. We adapted the redesign step by step and were therefore able to divide programming efforts into small packages and not influence users too much in the usual ordering process. In the first two weeks, we were able to convert 60% of the products that were added to the shopping cart via upselling by the time the order was completed.
UX and UI design
Migros has two online supermarkets that take different approaches. While Migros Online relies on centralized fulfillment, myMigros uses the benefits of decentralized fulfillment and compiles online orders directly from a local branch. Since the processes tend to happen in the background, users are often confused as to which online shop they should use. Since a combination is not technically possible, we have developed a landing page to explain the two variants and integrated it at appropriate locations in both online shops. To set up the landing page, we developed a concept, put forward hypotheses, developed a wireframe and a prototype, and tested it with real users. Our goal was to enable customers to choose one of the two shops based on the given information from the landing page. It was important to us that customers could easily recognize and differentiate between the main features.
After several interviews and usability tests, we were able to confirm most of the hypotheses. It was particularly challenging to find a good balance between the two platforms, which does not favor any service, but leaves the decision completely up to the customers. An explanatory video also ensured that users did not have to laboriously read the differences between the two shops, but could consume bite-sized in one minute. The landing page was built by us using Webflow, a no-code application. This allowed us to completely save programming effort and quickly publish and integrate the website. You can open the desktop-prototype here: Figma Prototyp. The animated explanation video can be watched here: Video ansehen.
UX and UI design
When analyzing customer needs, we found that most mortgage calculators were developed from the perspective of the financing bank or insurance company. Accordingly, it was not the actual costs that were calculated using the current market interest rate, but the general affordability. In particular, financiers want to know whether users can afford a property in the long term. Users, on the other hand, are also interested in current interest rates and are afraid of hidden costs. We also found that there is an average of 2.5% ancillary purchase costs, which are usually not covered by a mortgage. With an average price of around one million CHF for a property, it means that you have to reckon with around 25,000 CHF additional purchase costs, which you will need in addition in equity.
Thanks to the transparent breakdown of all necessary own resources, we helped users calculate better and search for more suitable properties. We were able to save many people a frustrating conversation with a financial advisor and help them find their own home. In addition, we were able to double page views in a short period of time and offer users a fair mortgage comparison. We were also able to significantly increase the conversion to the mortgage comparison and at the same time received more qualified leads. We have offered users a transparent solution that also reveals hidden costs and saves banks valuable time thanks to qualified customers.
UX and UI design
Pickers put together the purchase of an online order directly at a Migros branch nearby. In order to be as efficient as possible, we have developed an application that supports pickers in their work. The entire picking process poses challenges, such as advance planning, special requests, WiFi connection, transfer of transport or cross-departmental work on individual orders. Efficient picking routes and a clear user interface (UI) have made the process easy for our pickers. In order to understand the entire process, we regularly picked ourselves, conducted user interviews and tested prototypes through usability testing.
This allowed us to iterate the application experimentally and develop it into an indispensable companion. We were able to intercept incorrect entries in open sales (e.g. carrots) with price limits, large product images helped with searches on the shelf, vibration feedback from the scanner helped people with disabilities, and for large orders, we made it possible to work synchronously with several pickers. The picking app displayed a status indicator when the connection is poor and, with a dashboard, provided an overview of all open and ongoing orders. Through these and many other optimizations, we have managed to significantly reduce the time per order.
UX design
Ekko.io is a company for process optimization in Industry 4.0. For the redesign of the current website and its landing pages, I created a concept based on wireframe. The aim of the landing page is to convince potential companies of Ekko and the e-Kanban process. It is particularly important to remove potential hurdles for new customers and to integrate simple onboarding. Since it is a landing page, SEO (search engine optimization) is an important factor for finding a page via Google. However, SEO texts often tend not to be easy to read because they focus heavily on keywords.
A good balance of keywords and their semantics, bite-sized or interactive content can already make the difference. But a landing page comprises much more than a good structure and follows a clear strategy. Customers must be picked up exactly where they expect. Who is the target group, what are their needs or problems, where do customers come to the site from, how do the competition position themselves and what can we do to stand out from the crowd? Good design is invisible and doesn't mean it just looks visually appealing. A good concept is the basis for successful products.
UI design
For WRIGLEY Cash Zone Experts, we created an interactive and individual sales medium from static PowerPoint presentations. Sales staff were able to specifically analyse supermarkets and calculate their sales potential, e.g. at the checkout zone. By entering individual data, appealing animations and interactive control elements, complex situations could be easily presented. Some of the supermarket managers themselves were able to playfully modify the data directly via the iPad and calculate the sales potential.
The sales staff were able to work with the iPad directly on site and no longer needed a laptop and projector. As a result, rapid and needs-based interaction with customers was achieved, which was memorable. The application was implemented in collaboration with Juwi MacMillan Group GmbH (later Ayeq-benu GmbH). Our team interactively implemented tailor-made sales presentations for iPad and Android tablets.
UI design, image concept, illustration and image editing
Wolters Tabakwaren is a wholesaler of tobacco products from northern Germany, which was founded in 1930. The website and corporate identity were getting on in years, which is why a redesign of the website was commissioned by ATO interactive GmbH. At that time, I was responsible for the UI design of the website as art director and was not only allowed to create the illustrations and image concept for the new website. Since there was not enough material from the fleet or the company, we were allowed to work with a local and talented photographer Jonas Ginter work together. The technical implementation was also carried out via the ATO interactive GmbH instead of.
We created a look for the website that matches the theme and added an accent color (petrol) to the corporate identity. This allowed us to break up the layout a bit and create contrasts. Customers who had difficulties with the company's cigarette vending machines should be able to request a refund via a fault form. Business customers should be able to find out more about the company and get a simple overview of the product range and scope of services. You can check out the website here: https://www.tabakwolters.de/