Neobank — award-winning fintech app design
<h1 class='header-style-h1 text-color-dark-grey'><span style='color: #2c8e71'>Starbucks</span> — mobile app</h1>
![Starbucks](https://cdn.prod.website-files.com/6193c50194562a814c3cb5a0/657042cf76dc80c8ad4deaf3_hero-image_starbucks.webp)
About the Client
We had to redesign and add new features to the app. But as always, in any project, there are difficulties. We needed to keep the corporate style and leave the standard functions for the user in the application. We did a UX study of an existing application and found some inaccuracies, the solution of which was proposed in this case.
Challenges and Solutions
Encouraging and maximizing the use of gift cards, which have become increasingly popular due to their versatility.
Providing convenient café search in new locations and enabling coffee orders via maps, ensuring seamless pickup upon arrival.
Crafting a seamless coffee purchasing experience that evokes positive emotions and addresses specific user needs.
Expanding gift card capabilities to allow usage not only in physical stores but also within the Starbucks app for enhanced convenience.
Enhancing map integration within the app, allowing users to quickly locate nearby cafes, map routes, and place orders on the go.
Leveraging UX research data to design an intuitive and user-friendly purchasing interface aligned with user needs and expectations.
Scope of Work
Starbucks is a real find for a coffee lover. We bring to your attention an improved design of the Starbucks app with effective business solutions.
<h3 class="header-style-h4 text-color-white">Idea</h3>
<p class="text-size-medium text-color-white" style="max-width: 480px">Brainstorming a concept for upgrading the Starbucks app and collecting essential insights about the company.</p>
<h3 class="header-style-h4 text-color-white">Research</h3>
<p class="text-size-medium text-color-white" style="max-width: 480px">We're defining the key audience and researching competitors as part of the Starbucks app redesign process.</p>
![This image is a 3D rendering of a person sitting on a blue bean bag chair and working on a laptop. The person is wearing a green striped shirt, gray pants, and brown shoes. The laptop is white and appears to be a Macbook. The background is white. This image could be used to represent a relaxed, casual, or creative work environment.](https://cdn.prod.website-files.com/619267eed187504fdd80aa53/653294729d822d86f6dae948_agnes_sitting_on_bean_bags_2.webp)
<h3 class="header-style-h4 text-color-white">Wireframes</h3>
<p class="text-size-medium text-color-white" style="max-width: 480px">Creating a prototype on paper and translating it into a digital version for the Starbucks app redesign.</p>
<h3 class="header-style-h4 text-color-white">UI Design</h3>
<p class="text-size-medium text-color-white" style="max-width: 480px">Designing a unique visual identity tailored for the Starbucks app.</p>
<h3 class="header-style-h4 text-color-white">Testing</h3>
<p class="text-size-medium text-color-white" style="max-width: 480px">Executing app testing and collecting feedback from an expanded user base for the Starbucks app redesign.</p>
Result
![This image is a banner or advertisement for a company’s ratings on various websites. The image has three sections, each with a different rating from a different website. The first section has a green “up” arrow and the text “Top Rated Status”. It has a 5-star rating from Clutch. The second section has the text “Our rate 5 of 5” and a 5-star rating from GoodFirms. The third section has the text “Our Rate 5 of 5” and a 5-star rating from GoodFirms. Below the circle, there is a banner with the words “Goodfirms.co” written in black. This image could be used to promote a company’s reputation, credibility, and quality of service](https://cdn.prod.website-files.com/619267eed187504fdd80aa53/653630e6d6ca1fc34335b117_anthony_presenting_while_holding_ipad_2.webp)
Pre-Sale Process
01
NDA
02
Intro call
03
Brief & Requirements
04
Information architecture
05
Questions
06
Quote
07
Proposal call
08
Filling legal form
09
Contract
10
Payment for 1st milestone
Information architecture
![](https://cdn.prod.website-files.com/6193c50194562a814c3cb5a0/65704587b73ea5c2db90d891_Information%20architecture.webp)
![](https://cdn.prod.website-files.com/6193c50194562a814c3cb5a0/65704587b73ea5c2db90d891_Information%20architecture.webp)
Wireframes
![](https://cdn.prod.website-files.com/6193c50194562a814c3cb5a0/657045c9700fa236055d12af_Wireframes.webp)
![](https://cdn.prod.website-files.com/6193c50194562a814c3cb5a0/657045daa8e57f20635f4298_Wireframes_tablet.webp)
Branding
![](https://cdn.prod.website-files.com/6193c50194562a814c3cb5a0/6570461eb7d990a66a575821_Branding.webp)
![](https://cdn.prod.website-files.com/6193c50194562a814c3cb5a0/65704627a8e57f20635f7bcd_Branding_tablet.webp)
Moodboards
![](https://cdn.prod.website-files.com/6193c50194562a814c3cb5a0/6570465f4a27ee938e0267bc_Moodboards.webp)
![](https://cdn.prod.website-files.com/6193c50194562a814c3cb5a0/6570465f4a27ee938e0267bc_Moodboards.webp)
Design System
![](https://cdn.prod.website-files.com/6193c50194562a814c3cb5a0/657046b3251f4854f8486ff4_Design%20System.webp)
![](https://cdn.prod.website-files.com/6193c50194562a814c3cb5a0/657046becd4cd453c093aece_Design%20System_tablet.webp)
UI Prototype
![](https://cdn.prod.website-files.com/6193c50194562a814c3cb5a0/65704705710a99a2fe0b336a_UI%20Prototype.webp)
![](https://cdn.prod.website-files.com/6193c50194562a814c3cb5a0/65704705710a99a2fe0b336a_UI%20Prototype.webp)