Eloisa Docton

Branchless Bank App Prototype

Have fun following the prompts of issuing a mobile-deposit on this app while checking out the UI design, UX research and fun illustrations I created.

Tools used:
Photoshop | Illustrator | Invision App |

Methodologies used:
Agile | SWOT Analysis |

Prework:
Sketches | Wireframes |

Want to see more? Check out the Github repository here and read about my experience, UI development, Wireframes, sketches, and notes on this blog post.



Live Prototype!
Branchless Bank App Prototype

Have fun following the prompts of issuing a mobile-deposit on this app while checking out the UI design, UX research and fun illustrations I created.

Tools used:
Photoshop | Illustrator | Invision App |

Methodologies used:
Agile | SWOT Analysis |

Prework:
Sketches | Wireframes |

Want to see more? Check out the Github repository here and read about my experience, UI development, Wireframes, sketches, and notes on this blog post.



STRENGTHS

- Mobile.
- Convenient.
- Bill pay.
- International.
- Free Features.
- Cards.

WEAKNESSES

- No one-on-one interactions.
- No offices.
- Small operation.

Opportunities

- Market to travelers.
- Less operational expenses.
- Conveniences.

Threats

- Larger, more established banking.
- Sense of liability.
- Other services like loans.

WIREFRAMES & SKETCHES

For this project, I selected a basic customer journey: Making a deposit. I heavily tested this with various people, making several different versions of the design. Even after thinking I was "done", I ended up making changes to the locations of some buttons because I identified confusion amongst a couple of users.

STYLEGUIDE

For this app I really wanted to mix "serious" with "fun", this is why I selected colors like grays/charcoal with light blue and tangerine. I also thought that the contrast of colors would give a better usability for some clients.
I also selected two fonts that I thought worked well with eachother: San Francisco which is widely used in Apple products, and, Pacifico because it gives the app a fun and casual feel.

WORKING PROTOTYPE

I completed this project in 2 days, used GitHub, Photoshop, Marvel App, markdown and lots of user tests.


WEBSITE STRENGTHS




- Mobile.
- Convenient.
- Bill pay.
- International.
- Free Features.
- Cards.

WEBSITE WEAKNESSES




- No one-on-one interactions.
- No offices.
- Small operation.

WEBSITE Opportunities




- Market to travelers.
- Less operational expenses.
- Conveniences.

WEBSITE's Threats




- Larger, more established banking.
- Sense of liability.
- Other services like loans.

WIREFRAMES




For this project, I selected a basic customer journey: Making a deposit. I heavily tested this with various people, making several different versions of the design. Even after thinking I was "done", I ended up making changes to the locations of some buttons because I identified confusion amongst a couple of users.

STYLEGUIDE


For this app I really wanted to mix "serious" with "fun", this is why I selected colors like grays/charcoal with light blue and tangerine. I also thought that the contrast of colors would give a better usability for some clients.
I also selected two fonts that I thought worked well with eachother: San Francisco which is widely used in Apple products, and, Pacifico because it gives the app a fun and casual feel.

PROTOTYPE




I completed this project in 2 days, used GitHub, Photoshop, Marvel App, markdown and lots of user tests.


ABOUT ME

PORTFOLIO

RESUME