Hypercode Blog, #UX/UI Design

Before the new semester begins, we’re looking back at the previous one. At the invitation of Prof. Dr. Boris Becker, Florian and Stefan shared insights into the collaboration between our companies. Prof. Becker, who has been teaching the “Web Technologies” module with Stefan on the Digital Marketing and E-Commerce program in Cologne for the past two years, welcomed them alongside Prof. Dr. Alexander Rühle.

UX/UI Design and Technology for Trade Fair Visitors

Over an hour and a half, Stefan and Florian showed students how event apps can help people make the most of a trade fair: finding relevant content, navigating the venue and making the right connections.

Using the FairMate Event App as an example, they shared insights into our joint product development process. Hypercode has worked with dimedis as a strategic design and technology partner for several years, from concept development and UX/UI design to development for iOS and Android. The two shared lessons from this collaboration and explained how design and technical implementation work together.

Personalization and AI at Trade Fairs

One focus of the discussion was how content, recommendations and interactions can adapt to individual interests and the situation at hand. Florian and Stefan explained how data analysis can help deliver relevant information at the right moment. They also explored the potential of AI and intelligent matching: apps could suggest relevant contacts and offers, becoming personal trade fair assistants. It’s a topic they also explored in their masterclass at connect circle 2026.

Thank you to Media University and the students for the exchange. We’re looking forward to the new semester!

→ Read Media University’s report on the guest lecture

About Stefan’s Teaching

Stefan has been teaching “Web Technologies” and “User Experience & Web Analytics” at Media University since the summer semester of 2023. He brings experience from our daily work on digital products into the classroom, from the first product idea to the collaboration between design, development, stakeholders and service providers.

The new hypercode.de grew out of a question: how can we better show who we are and what we do? A lot has changed. Hypercode has grown, our portfolio has evolved and we’ve raised our expectations of how we present ourselves¹. The new website reflects that. It speaks more directly, shows more of our work and makes it clearer what we do for our clients.

Show, don't tell

We’ve built on the approach of the previous site. Hypercode is a Digital Product Studio with high standards, and we want that to come across from the first moment. More contrast, stronger accents and a visual language drawn from our work help make that happen. Less explaining, more showing.

That’s why the new hypercode.de features much more video, taken directly from our projects rather than stock libraries. New case studies show how those projects took shape, from strategy and planning to development. From the homepage showreel to individual project screencasts, the website gives you a closer look at our work than ever.

Spotlight: Our Services

Our redesigned service pages are central to the new site structure. They explain how we work and what we build. We’ve grouped them into What We Do, covering our expertise, and What We Create, showing the products and outcomes we deliver with our clients:

What We Do

• Product Strategy & Architecture — We help shape digital strategies and product ideas, advise on technology and architecture, and examine related business processes to identify solutions early.
• UX/UI Design — We create engaging user experiences with a design language tailored to each client. Working closely with development lets us carry complex design requirements through to the finished product.
• Software & Web Development — We build fast, intuitive mobile apps, web apps, configurators, websites and web services that people enjoy using.

What We Create

• Mobile Apps for iOS & Android — We build mobile apps that work well across platforms, combining reliable engineering, clear design and integration with the systems they need. Our work spans hybrid architectures and native device features.
• Corporate Websites — We design and build custom websites that make complex content easy to navigate, communicate technical expertise and engage visitors through fast performance and thoughtful interactions.
• Web Apps & Product Configurators — Interactive tools that help people make decisions and speed up processes. Modular and scalable, they fit into existing systems and business models.
• Custom Software — When off-the-shelf tools fall short, we build software around your requirements, with modular architecture, room to scale and a clear focus on maintainability and efficiency.

You’ll also find the occasional Easter egg. We think a business website should be fun, too. 🐣 Enjoy exploring — and, as always, we’d love your feedback and suggestions!

WALZWERK is home to businesses in digital technology, e-commerce and education, and a popular destination for culture and leisure in the Cologne area. The 35,000-square-meter site in western Pulheim welcomes business visitors and members of the public every day. Alongside companies and studios, it houses a theater, swimming pool, restaurants, a church and artists’ workshops. With so much spread across the site, finding your way can be a challenge.

Since December, the WALZWERK app at app.walzwerk.de has been helping visitors get around:

• Interactive site map and tenant search — Find tenants and studios quickly, see them marked on the map and follow a live route from your GPS location.
• Real-time GPS navigation — Directions update on the map as you move towards your destination. If GPS is unavailable, the route starts at the main entrance road or the sign whose QR code you scanned.
• No installation needed — The app runs directly in the browser. Signs with QR codes around the site help visitors find it.
• Mobile and desktop — It works on smartphones, tablets and desktop computers, so directions can be viewed and shared anywhere, including in an email signature.

Protecting visitors’ data was a priority. GPS location is used only for navigation and stays on the visitor’s device. It is neither stored nor processed for any other purpose.

• Link to a studio: app.walzwerk.de/#/?atelier=27
• Link to a specific tenant in a shared studio: app.walzwerk.de/#/?atelier=42&mieter=Förderverein+Rittergut+Orr+e.V.

These links are generated as you use the app and can be copied or shared directly from the browser. Tenants will also be able to embed the site map on their own websites at a later date.

The WALZWERK app connects directly to the site’s digital tenant directory, keeping information up to date and applying changes automatically.

Since the summer semester of 2023, Stefan has been teaching “Web Technologies” and “User Experience & Web Analytics” on the BA Digital Marketing and E-Commerce program, led by Prof. Dr. Klaus Kuenen.

In summer 2023, Stefan and fellow lecturer Guido Syré took students through the development of web technology, from ARPANET and Web 2.0 to Web3 and distributed ledger technologies, alongside the business models behind them. Working with diffferent, the students created a digital business model and concepts for an app and website for an educational publisher. The results were excellent.

For “User Experience & Web Analytics” in the winter semester of 2023/24, our colleague Michael Schulze joined us to cover tracking and analysis. We combined UX design with practical insights, and the students worked with our long-standing client chargecloud to plan an application in the growing field of e-mobility.

This semester, Stefan is looking forward to teaching “Web Technologies” with Prof. Dr. Boris Becker and meeting the new group of students.