top of page
Banq Mobile App
UX / UI Design Project - UI Mobile App Design
![Yeo_Ashley_Banq_1.png](https://static.wixstatic.com/media/5d2b9c_673c4463a6ab4067bdef000a92e53879~mv2.png/v1/crop/x_0,y_13,w_1375,h_1050/fill/w_980,h_749,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/Yeo_Ashley_Banq_1.png)
Project Overview
​
This is a UX/UI design project for the BANQ mobile app, a digital wallet for cryptos and NFTs. The app is redesigned with different user interface designs and features. The application has a variety of exclusive features such as buy, sell, store, NFT marketplace, and more.
Project Type: UX/UI Design Project
Role: UX/UI Design,
Duration: September 2021 - In Progress
Tool: Figma, Adobe XD, InVision, Adobe Illustrator
![](https://static.wixstatic.com/media/5d2b9c_3e7c3909b8d44cf38cd01ddfe89a3bf9~mv2.png/v1/fill/w_980,h_758,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/5d2b9c_3e7c3909b8d44cf38cd01ddfe89a3bf9~mv2.png)
UX/UI Design Process
​
Infographics of the design process. The project focuses on the UI Design system.
![Yeo_Ashley_Banq_3.png](https://static.wixstatic.com/media/5d2b9c_12b080c6893b4428a175a88e652189b9~mv2.png/v1/fill/w_979,h_757,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/Yeo_Ashley_Banq_3.png)
Moodboard
​
Ideation and brainstorming of visual designs.
Source: bechance.net, Pinterest.com
![Yeo_Ashley_Banq_4.png](https://static.wixstatic.com/media/5d2b9c_929c3cedbc8449efbf91541b623b3540~mv2.png/v1/fill/w_979,h_757,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/Yeo_Ashley_Banq_4.png)
Style Guide
​
Typography, colors and sizes.
​
![Yeo_Ashley_Banq_5.png](https://static.wixstatic.com/media/5d2b9c_6a62100bc93649cdb3362a19d75b26ae~mv2.png/v1/fill/w_979,h_757,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/Yeo_Ashley_Banq_5.png)
![Yeo_Ashley_Banq_5.png](https://static.wixstatic.com/media/5d2b9c_6a62100bc93649cdb3362a19d75b26ae~mv2.png/v1/fill/w_979,h_757,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/Yeo_Ashley_Banq_5.png)
![Yeo_Ashley_Banq_5.png](https://static.wixstatic.com/media/5d2b9c_6a62100bc93649cdb3362a19d75b26ae~mv2.png/v1/fill/w_979,h_757,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/Yeo_Ashley_Banq_5.png)
UI Kit - 1
​
UI Design system of buttons, icons, text box, and more.
​
![](https://static.wixstatic.com/media/5d2b9c_2c88a91727b74193b36182792444f065~mv2.png/v1/fill/w_980,h_758,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/5d2b9c_2c88a91727b74193b36182792444f065~mv2.png)
UI Kit - 2
​
UI Design illustrations.
​
![Yeo_Ashley_Banq_7.png](https://static.wixstatic.com/media/5d2b9c_5d4571dc1ec54acaba4bd1315d827795~mv2.png/v1/fill/w_980,h_758,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/Yeo_Ashley_Banq_7.png)
On Boarding
​
UI Design for On boarding page.
​
![Yeo_Ashley_Banq_8.png](https://static.wixstatic.com/media/5d2b9c_dbd69ed7378e40a69a25a98be452c022~mv2.png/v1/crop/x_57,y_0,w_2798,h_1321/fill/w_1606,h_758,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/Yeo_Ashley_Banq_8.png)
NFT Marketplace
​
UI Design for NFT Marketplace page.
​
![Yeo_Ashley_Banq_9.png](https://static.wixstatic.com/media/5d2b9c_e73c5375e6db428b9b8b109c14f8ab59~mv2.png/v1/fill/w_978,h_756,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/Yeo_Ashley_Banq_9.png)
Mockups
UI Design Final Mockups
![Yeo_Ashley_Banq_10.png](https://static.wixstatic.com/media/5d2b9c_da77307ef9374e47a17f613bc8a8c3c5~mv2.png/v1/fill/w_978,h_756,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/Yeo_Ashley_Banq_10.png)
Clickable Prototypes
​
![Yeo_Ashley_Banq_11.png](https://static.wixstatic.com/media/5d2b9c_fefa43c7368f4daca1e1e237625b184e~mv2.png/v1/crop/x_0,y_150,w_1375,h_821/fill/w_978,h_584,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/Yeo_Ashley_Banq_11.png)
bottom of page