Purple Button

Web Design
Web & Mobile UX
Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.
Purple Button was a startup company, organized by a small team that took me on as their UX designer. The idea behind this project was to create the Shazam of radio advertisements. Essentially, while on the road listening to the radio, the user would press the "purple button" when they hear a radio advertisement they want to know more about. This action would send more information about the advertisement right on their mobile app.
Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.

Mobile App

My clients proposed that the "purple button" that would be pressed would actually be an external device, connected to the radio. Every time the user presses the button, preferably when they hear an advertisement they're interested in, information about that advertisement would be uploaded to the app, and the user can view that information from the list view when they're home.
When I heard this idea, I quickly thought of Shazam, with the key difference being the button would come as external hardware. With that as my primary inspiration, I created an app with a couple screens: one showing a full list of advertisements, corresponding to every click of the button (so every advertisement is shown individually), along with a details page of every advertisement, and a settings screen. It would be simple, concise, and usable.
For this project, like many others, I had to design the logo from scratch. From the very beginning, I envisioned an bubbly theme for many of the aesthetic elements, as I imagined it would bring a unique, friendly user experience. Thus, I wanted the logo to embody this concept.
Click to view the design file
The design process was interesting, mainly because at this point (I will confess), I still wasn't aware that the button was an external device, rather than a functionality in the app (like Shazam). Once I actually began designing the mobile app, I realized that all my cool, 8-bit button designs were essentially useless. It wasn't a total loss, though - I decided the flat button design would stand perfectly in the bubbly logo, a proper nod towards the original concept.

Web Screens

After the creation of the mobile app design, my clients tasked me with creating some riffs of sample web screens. The Purple Button website, as they informed me, wasn't intended to be fully client-facing. Rather, it would serve as an entry point for developers and administrators.
The website's primary function would be to provide administrators with access to backend functionalities, like the database, for example. Using the form I designed in the screen above, admins would input the data that would show up for the end users every time the button is pressed.
GO BACK HOME
Powered by Webflow
LINKEDINEMAIL ME