*One of my very favorite mobile app UI designs I made in the last few years. Overall a great concept with very suitable features. After we won the pitch and started working on the project for a few months, it, unfortunately, got canceled. Nevertheless, I don't want to withhold the case from you, here you go:*

**The new Jelmoli app shortens the distance between the customer and the physical premium department store. The focus is on web rooming, which is the buying behavior in which customers inform themselves online and buy offline.**

```cv
youtube
{"url":"https://youtu.be/co41-HJDWWM","width":200,"height":113,"thumbnail":"https://i.ytimg.com/vi/co41-HJDWWM/hqdefault.jpg"}
```

## **Personal Shopping**

The customer is thus individually accompanied throughout his or her user journey. The app becomes a shopping guide that inspires and consults. This leads to an emotional experience and thus strengthens the customer's buying decision.

## **Provided Services**

Pitch, Presentation, UX Design, UI Design, Mobile Design, Interaction Design, Motion Design, Interactive Art Direction, Motion Design, Design System, Ideation & Iconography.

Jelmoli App

*I had the possibility to create a whole new art direction for WWZ including an eye-catching 3D world, a modern UI design & optimized user experience. Enjoy the case study:*

**WWZ is moving into the future with clarity, orientation, and proximity.**

WWZ AG has been supplying customers in the canton of Zug and other regions with water and electricity since 1878. Today, the offer includes gas, heating, cooling, and telecommunications. Notch Interactive has designed a completely new website for WWZ and thus set another milestone for the history of WWZ. A new user-centric design and simplified information architecture create optimized user journeys and a top-notch user experience.

```cv
youtube
{"url":"https://www.youtube.com/watch?v=L_trMDwyCbY","width":200,"height":113,"thumbnail":"https://i.ytimg.com/vi/L_trMDwyCbY/hqdefault.jpg"}
```

### **The Platform**

WWZ's website is state of the art: it is clearly and simply structured and supports customers in an emotional way, e.g. with the Conversational Assistant. A quick search offers users relevant results before they have even clicked Enter. Visitors can find the product they need in just a few clicks and, if they wish, are taken directly to the ordering process. In addition, the website's own blog provides exciting stories and interesting information about energy and sustainability.

### **Ivy – A conversational UI**

The Assistant communicates with users and takes them directly and quickly to their desired destination in the form of a conversational user interface. (Motion UI made in Adobe After Effects):

```cv
youtube
{"url":"https://youtu.be/TpTtHIppOH8","width":200,"height":150,"thumbnail":"https://i.ytimg.com/vi/TpTtHIppOH8/hqdefault.jpg"}
```

### **Entertaining 3D product worlds**

On the WWZ website, a series of 3D visual animations bring the abstract product world and range of services to life. Animated in loops they give joy to all users.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FepQgInmYvmh2ePXGY6eyCdbwcV33%2FZxOV4SVmiq3mJ8RZAUCl%2F1be499d7-8860-4295-a9e3-5174fc1c2a85.png?alt=media&token=0210006d-a6fc-4ff0-bd75-5cb5043a745d","id":"1be499d7-8860-4295-a9e3-5174fc1c2a85","width":1920,"height":1080,"filename":"WWZ_Energie_GK.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FepQgInmYvmh2ePXGY6eyCdbwcV33%2FZxOV4SVmiq3mJ8RZAUCl%2Fc1d0f20b-5644-4b6a-adf4-c1fd8d90caaa.png?alt=media&token=c49567fb-53bd-4bd8-9a72-326407816d83","id":"c1d0f20b-5644-4b6a-adf4-c1fd8d90caaa","width":1920,"height":1080,"filename":"WWZ_Energie_PK.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FepQgInmYvmh2ePXGY6eyCdbwcV33%2FZxOV4SVmiq3mJ8RZAUCl%2Ffe04cdd2-cffe-49ad-b6b3-d0769cd6b12c.png?alt=media&token=48017cd7-231d-4d24-ae44-dda8c77be8c1","id":"fe04cdd2-cffe-49ad-b6b3-d0769cd6b12c","width":1920,"height":1080,"filename":"WWZ_Telekommunikation_GK.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FepQgInmYvmh2ePXGY6eyCdbwcV33%2FZxOV4SVmiq3mJ8RZAUCl%2Fdf70b8eb-8b86-4013-a929-8fb003ba242e.png?alt=media&token=0dc470fb-8693-4cdc-a31b-55eda1b51021","id":"df70b8eb-8b86-4013-a929-8fb003ba242e","width":1920,"height":1080,"filename":"WWZ_E-Mobility_GK.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FepQgInmYvmh2ePXGY6eyCdbwcV33%2FZxOV4SVmiq3mJ8RZAUCl%2F6f389f0e-731a-43e4-81b3-f46cff5994b0.png?alt=media&token=37de6b11-eab4-4fdf-977e-2d76b65950cd","id":"6f389f0e-731a-43e4-81b3-f46cff5994b0","width":1920,"height":1080,"filename":"WWZ_Wasser_GK.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FepQgInmYvmh2ePXGY6eyCdbwcV33%2FZxOV4SVmiq3mJ8RZAUCl%2Fb0349da6-b1b7-4892-815c-473a77900fac.png?alt=media&token=4bf9d8dc-04a8-4cf2-beff-c59474ce3145","id":"b0349da6-b1b7-4892-815c-473a77900fac","width":1920,"height":1080,"filename":"WWZ_Wasser_PK.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FepQgInmYvmh2ePXGY6eyCdbwcV33%2FZxOV4SVmiq3mJ8RZAUCl%2F2870d854-0c14-4d25-9558-6f63d9c5b7a8.png?alt=media&token=6833ca45-7862-4574-b6e7-f1dabf460dde","id":"2870d854-0c14-4d25-9558-6f63d9c5b7a8","width":1920,"height":1080,"filename":"WWZ_Services_V3.png","type":"image/png","caption":"","border":false}]}
```

## **Provided Services**

UX Design, UI Design, Interactive Art Direction, Mobile Design, Interaction Design, Motion Design, Iconography & Design System.

### [Visit the wwz-website](https://www.wwz.ch/de/)

WWZ Website

ewz stands for the production, sale and distribution of energy. Furthermore, it also offers various telecommunications solutions. Always with the claim to offer the best solutions for all target groups. And this is exactly where Notch Interactive's less-is-more approach for the new website comes in, using a modular design system to achieve global harmonization of the design of all tools and services and to create optimized user journeys.

```cv
youtube
{"url":"https://www.youtube.com/watch?v=z3eEwU0whm4","width":200,"height":113,"thumbnail":"https://i.ytimg.com/vi/z3eEwU0whm4/hqdefault.jpg"}
```

\
**Easily calculate electricity costs - with a new conversational interface**

Electricity costs can now be calculated quickly and easily. Thanks to the new conversational interface, the necessary steps and complexity have been reduced to a minimum.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FepQgInmYvmh2ePXGY6eyCdbwcV33%2FrhRKPGSEiZDjW43C7Ad9%2F0324e92d-1a30-4e61-821d-188cfba3a55d.png?alt=media&token=63538a7f-c3af-44e5-94d6-7a073a255efe","id":"0324e92d-1a30-4e61-821d-188cfba3a55d","width":1346,"height":1044,"filename":"CleanShot 2022-10-03 at 20.57.31@2x.png","type":"image/png","caption":"","border":false}]}
```

**Experience business solutions thanks to interactive WebGL**

From sustainable electricity products, individual procurement strategies, intelligent energy solutions or digital telecommunications infrastructures - ewz offers understandable and informative business solutions for every company.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FepQgInmYvmh2ePXGY6eyCdbwcV33%2FrhRKPGSEiZDjW43C7Ad9%2Fc3276336-9b21-4b99-9659-152c49ed730f.png?alt=media&token=1e9c7bd8-4b48-46e7-aebd-7ec776716ece","id":"c3276336-9b21-4b99-9659-152c49ed730f","width":1352,"height":1048,"filename":"CleanShot 2022-10-03 at 20.57.38@2x.png","type":"image/png","caption":"","border":false}]}
```

### **Individual solar solutions from a single source - interactively prepared**

Integrated solar solutions are an important factor for ewz in terms of sustainable electricity solutions. In a simple and likable way, the Solar Circle explains how the individual components and solutions work and are interrelated.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FepQgInmYvmh2ePXGY6eyCdbwcV33%2FrhRKPGSEiZDjW43C7Ad9%2F25632ae4-9369-4a62-8c07-3c6823706e61.png?alt=media&token=25119751-268f-4e63-9751-fe2ab9563050","id":"25632ae4-9369-4a62-8c07-3c6823706e61","width":1348,"height":1046,"filename":"CleanShot 2022-10-03 at 20.57.45@2x.png","type":"image/png","caption":"","border":false}]}
```

## **Provided Services**

UX Design, UI Design, Interactive Art Direction, Mobile Design, Interaction Design, Motion Design, Iconography & Design System.

[Visit the ewz website](https://www.ewz.ch/de/privatkunden.html)

*One of my latest projects that I enjoyed a lot designing. Also, a pleasant client to work with. Enjoy the case study:*

**The new convenience hub of migrolino comes with a cross-platform user experience, a refreshed design, and many new features.**

migrolino AG sets new convenience and experience standards. The company strives to exceed the expectations of its customers every day with innovative and far-sighted trading. The attractive assortment and the many services make life easier for mobile customers, as the diverse range covers all important areas of daily needs and offers everything for quick and easy shopping.

### **Shopfinder**

The core of the fresh website is the store finder. Completely tailored to the needs of customers and of course, mobile-first optimized. The simple and intuitive navigation and the reduced structure make migrolino.ch a fast and useful information platform. This means that the nearest stores, including route planners, opening hours, current promotions and offers, services, or even specific information such as e-charging stations, can be displayed and found in a short time.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FepQgInmYvmh2ePXGY6eyCdbwcV33%2FvaTMMUWCLjGW6lzVKGIt%2F811cd4fa-4816-46c3-b3ef-7397958cce09.jpg?alt=media&token=8b820a71-3934-4808-8c39-1ce90042a767","id":"811cd4fa-4816-46c3-b3ef-7397958cce09","width":1080,"height":844,"filename":"62ff91d1383f1c7f697feb91_brhrasjewfwtld699rpd.jpg","type":"image/jpeg","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FepQgInmYvmh2ePXGY6eyCdbwcV33%2FvaTMMUWCLjGW6lzVKGIt%2Ff8601784-aacb-433c-be2a-dc9370f6c665.jpg?alt=media&token=7e1425bb-1231-4719-b989-273e99f5ee78","id":"f8601784-aacb-433c-be2a-dc9370f6c665","width":1080,"height":844,"filename":"62ff91d1198334194cb615b8_ahlzajb5d36nyhctmblx.jpg","type":"image/jpeg","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FepQgInmYvmh2ePXGY6eyCdbwcV33%2FvaTMMUWCLjGW6lzVKGIt%2F1b20f2b4-d31d-46b1-9df4-3cad06139e46.jpg?alt=media&token=56a4168c-2293-4a4f-9eff-65930fc1cc5f","id":"1b20f2b4-d31d-46b1-9df4-3cad06139e46","width":1080,"height":844,"filename":"62ff91d1bd0873147c3ba0ab_sml1yfshuk7n4hjbkixm.jpg","type":"image/jpeg","caption":"","border":false}]}
```

### **Mobile first**

The new design is complemented by the shot migrolino moments, the newly developed icons, and the bold typography. The UX construction kit is available to the other migrolino brands mio and migrolino AG, which also underwent a relaunch. For even more emotionality and individual moments of enjoyment. migrolino - the convenience house of Migros.

### **Lights off**

The switch from light to dark mode is automatic depending on the system setting and offers an optimal user experience for all lighting conditions.

## **Provided Services**

UX Design, UI Design, Interactive Art Direction, Mobile Design, Interaction Design, Motion Design, Iconography & Design System.

**[Visit the migrolino website](https://www.migrolino.ch/)**