Lost in the Supermarket? Not Anymore.

- WEB APPLICATION "RUNAWAY"

GROUP PROJECT

MY ROLE

Concept Development

Wireframing & Prototyping

Icon Design

HTML & CSS

Login page in Flask

TOOLS

Framework – Flask

IDE – PyCharm

Adobe XD & Illustrator

SCOPE

October 2021 – January 2022

What's the matter?

The task in this course was to develop a web application using Python in small teams. To achieve this, we explored various frameworks introduced during the lectures. Our final project resulted in a web application designed for grocery management and optimized route planning, tailored to the user’s personal shopping list. We had the opportunity to collaborate with the Rewe branch in Landsberg, which provided valuable insights for our development process.

Designing the Future

To design an intuitive and efficient web application, we first analyzed the structure of the Rewe website and examined navigation patterns in similar applications. To optimize the route-planning feature, we mapped the layout of a Rewe store in Landsberg, documenting shelf placements and product categories to create a clear in-app supermarket map. Key functionalities were initially developed as wireframes, forming the basis for structured prototypes in Adobe XD. The project name „Runaway“ emerged from a brainstorming session, symbolizing the optimized shopping routes generated for users. For development, we used PyCharm as our integrated development environment (IDE) and Flask as our framework. My contributions included defining core app functions, designing wireframes and prototypes, creating icons, implementing HTML and CSS, and developing the login page in Flask.

When the Magic Happens

To use the software, users first need to register with their email address and a password of their choice. After logging in, they can create a personalized shopping list by selecting products from the available categories. To simplify navigation, we designed a page with intuitive icons representing different product groups. By selecting an icon, users can browse relevant products and add them to their shopping list. Once the list is complete, the system generates an optimized shopping route and displays it on a supermarket map. The user is then guided efficiently from product to product, ensuring a smooth and time-saving shopping experience.

SEE MORE OF MY WORK

GET IN TOUCH LET'S TALK
GET IN TOUCH LET'S TALK