top of page
Healthy daily organic meals – without planning or stress
Lunch_Delivery.jpg
Case Study

Responsive Webdesign for a Lunch Delivery Platform

A fictitious university project for a revolutionary office catering with a Brunch, Lunch, Crunch delivery service, for which I developed the concept and the website design. The idea was to offer five rotating organic lunch dishes, office fruit boxes, and snack options, all delivered sustainably and fresh. Flexible ordering options and permanent discounts for employers make "Körnig" the ideal choice for healthy office or home office meals.

Role

UX/UI Design

​

Date

Aug 2022 – Okt 2022

Software

Figma

Adobe CC

​

​

Unique selling points & core functions

1

Tracking and Integration with Apps and Partners

The ClimateCruiser app utilizes smartphone sensors, integrates with other apps like health or fitness trackers, collaborates with mapping services such as Google Maps, and public transportation apps to accurately track mobility-related data, enabling the calculation and visualization of real CO2 consumption in the mobility sector.

2

Making CO2 Consumption in Mobility Experiencable and Understandable

User data isn't just presented as CO2 values; it's contextualized with comparisons and familiar examples, helping users understanding the concept of anthropogenic climate change more easily. Additionally, a guide and community provide tips and tricks to encourage the user for more climate-conscious behavior.

3

Gamification for Sustainability in Everyday Life

One of the app's central gamification elements is Challenges, which, upon completion, reward users with Cruiser points, motivating them to reduce their CO2 footprint in a playful manner. With concrete goals in mind and comparisons within teams, among friends, colleagues, or nationwide, users are further incentivized to save climate-harming emissions.

Competitor Analysis

The competition analysis thoroughly examined the competitors of the delivery service in Hamburg, documenting their strengths and weaknesses. This provided detailed insights into the market and aided in making strategic decisions to position and improve our own service.

Main competitors

Personas

During the process, personas were created to obtain a detailed representation of the target audience. This helped in better understanding the needs, goals, preferences, and challenges of user groups, allowing for targeted design decisions based on this information. The use of personas contributed to ensuring an optimal user experience and increasing the acceptance of the products or services offered.

Exploring design ideas with different styles

Various design ideas were explored and tested using moodboards and styleboards. This allowed for the visualization and evaluation of different aesthetic directions and design concepts to find the optimal design for the project. Ultimately, the first style was chosen because the crafty look aligns better with the company's location. This style reflects the values and atmosphere of the company and the "Schanzenviertel" in Hamburg, where the company is located originally, leading to an authentic and appealing brand identity.

Focus on structure of the website

First, sketches were created on paper, followed by wireframes to focus on the functionalities and structure. This process helped in conceptualizing and refining the basic interactions and layout of the user interface before proceeding with detailed design.

Prototype

After creating the wireframes, initial tests were conducted to evaluate their functionality and user-friendliness. Based on the feedback and insights from these tests, the high-fidelity prototype was then developed, providing a more realistic representation of the final user interface and interactions. This prototype was in turn used for further user testing to further optimize the design and tailor it to user needs.

Webdesign_overview.jpg

Images and icons used by Freepik and The Noun Project

bottom of page