loading...
Hope Armstrong
01 04

Goal

Quettra Portrait: Giving developers the power to understand the users who have installed and uninstalled their apps helps drive in-app personalization, recommendations, and overall user experience satisfaction.

My responsibilities within this project: Visual Design, Interaction Design, Front-End Development (HTML and CSS)

02 04

Client

Quettra

Quettra is a mobile intelligence company. It is building software that runs on hundreds of millions of devices while processing and organizing tens of terabytes of user portraits daily. The software and systems that they are building help serve personalized content and meaningful experiences at lightning speeds to users of their partners’ applications.

03 04

Process

Starting with handdrawn wireframes, I kept iterating on the design while getting feedback from the stakeholders. Then, I created a greyscale mockup in Adobe Illustrator to get a feel for the tonality of the UI, to ensure proper contrast in relation to visual hierarchy. Afterwards, I developed the page in HTML and CSS. After developing the page, I shipped it off to a front-end engineer for a couple JavaScript additions and collaborated on the menu bar transition on scroll. We decided on showing a sub-nav menu bar on scroll which includes the CTA button.

04 04

Result

Landing page in production

Landing page in production

Hover view for interests

Hover view for interests


Animated SVG

Mobile view

Mobile view


logo

Hope Armstrong

Sorry, our website doesn't support your web-browser.
Maybe something more modern would do the trick.

Download Chrome