## Wireframing and UX prototyping

This is a demo of the UX architecture, logics and user flow I developed for a mobile app from scratch in the form of wireframes created in Figma. It demonstrates the structure, UX logics, and changing process from low-fidelity to high-fidelity wireframes created in collaboration with the design team.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FYIm0KxCduTV346TnvZzfthHRZZI3%2FukA2jue67iwlOw9ROS6V%2Fac92ab42-c63d-4d25-aded-222daae2efee.gif?alt=media&token=3223b348-3fd0-4e43-9043-e8a443e5f176","id":"ac92ab42-c63d-4d25-aded-222daae2efee","width":900,"height":759,"filename":"App Wireframes.gif","type":"image/gif","caption":"","border":false}]}
```

## Developing UI prototypes

Some of pre-final app screens after working closely with the design team.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FYIm0KxCduTV346TnvZzfthHRZZI3%2Fworkdemo2024%2F76baaaca-a8bc-47b9-a290-b7d6f5cdd733.png?alt=media&token=26a6ccc1-6431-490b-afb8-b9f65072fe61","id":"76baaaca-a8bc-47b9-a290-b7d6f5cdd733","width":966,"height":600,"filename":"App.png","type":"image/png","caption":"","border":false}]}
```

## Competitor analysis

Example of the summary matrix for the extensive competitors analysis. 

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FYIm0KxCduTV346TnvZzfthHRZZI3%2Fworkdemo2024%2Fc5fcb609-0717-44fd-8c64-2c1f72460fee.png?alt=media&token=b69997f8-13a3-4dc1-ac75-ddb2dded5ee0","id":"c5fcb609-0717-44fd-8c64-2c1f72460fee","width":1264,"height":724,"filename":"Screenshot 2024-08-18 at 13.16.45.png","type":"image/png","caption":"","border":false}]}
```

## FinTech mobile app

The result of working in a cross-functional team as a product owner on the mobile app. The app won Red Dot Awards 2021 and reached the finals of Financial Innovation Awards in London.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FYIm0KxCduTV346TnvZzfthHRZZI3%2Fworkdemo2024%2Fabbd58a9-8126-4149-8269-516b2a8c89b0.png?alt=media&token=84f10645-97f8-4d15-b03f-07c9bbed6ad9","id":"abbd58a9-8126-4149-8269-516b2a8c89b0","width":2084,"height":1194,"filename":"Sber app.png","type":"image/png","caption":"","border":false}]}
```

> Disclaimer: All sensitive data is blurred. Image quality is low on purpose due to sensitive or confidential information.

Showcases

Wireframing and UX prototyping

Developing UI prototypes

Competitor analysis

FinTech mobile app