- Concept 1 - Teamate Düsseldorf

Concept Project: Teamate

This concept project was created as an experimental redesign for the bubble tea shop “Teamate” in Düsseldorf, Germany. The mockup was made entirely in Figma, using some images, logos, and texts from Teamate’s original website as a base reference.

When I first opened Teamate’s original website, it was quite broken — the navbar icons didn’t load properly until I reloaded the page once. The initial experience already hinted at a lack of optimization and structure.

After reloading and getting the icons to appear, the site turned out to be extremely long and visually overloaded. The layout repeated itself frequently, making it hard to read and difficult to distinguish where one section ended and another began.

So I decided to take the original website as inspiration, keeping some of its images, logos, and text, but rebuilding the structure completely. The goal was to create something cleaner, more balanced, and visually consistent while keeping the playful bubble tea vibe.

Next, I designed a “story/history” section using parts of the text from their actual site. The idea was to turn it into a fairytale-style (Märchenbuch) presentation — something visually storytelling and unique. I made two versions: one alternating between image and text blocks (image/text, text/image, etc.), and another one that focuses purely on vertical text layout without any images. If this were a real project, I would have used the full story content from their website.

After that, I created a “locations” section to showcase all Teamate branches across Germany. It features a map of Germany with small GPS icons for each shop. Hovering over a location reveals a popup containing the shop’s photo, address, and opening hours.

Finally, I wanted to recreate Teamate’s local in-store price list as a digital version. Since it wasn’t available online, I designed it based on the layout used inside the shop, allowing customers to browse prices and flavors before visiting.

I made three layout variations and chose the full-black design, since that’s how it appears in-store. I also reorganized the listings completely to make them more readable. The “star sellers” now have a highlighted area with dedicated icons, unlike the original menu which was hard to navigate and inconsistent in sorting.

Overall, this project was just a concept test — a quick, creative experiment to see how a modern redesign could look. Many parts were intentionally rushed or not fully refined, but the main goal was to visualize a potential modern direction for Teamate’s online presence.