UI/UX for a Google Chrome Web App Extension

bundleIQ

RESPONSIBILITIES

UI/UX Design, UX Research, Wireframing, Prototyping, Graphic Design

PROJECT DATE / DURATION

June 2023, 1 month

UI/UX Chrome Extension Hifi Prototype in Figma

PROJECT TYPE

UI/UX Designer, User Experience Researcher, Graphic Designer

ROle

The Google Chrome Extension for bundleIQ was previously a button that allows the user to analyze text on any given web page.  The new button needed to change completely in functionality and designed in Figma as a high-fidelity prototype.
Go to Chrome Extension in the Chrome Web Store

google chrome extnetion

bundleIQ is an AI-powered workspace engineered to deliver eureka moments by helping uncover relationships and patterns in your information and reducing your time to insight.  It is a knowledge collecting and sharing web app.
https://www.bundleiq.com/

bundlieiq

Who is bundleIQ?

The Problem

The new button must allow the user to record quick notes while on a web page, save the web page to their bundleIQ app, summarize any text on a web page, and ask bundleIQ's AI technology, Alani, questions about the web page. The button had to be well organized, easy to use, clear in functionality, and on brand.

Problem Statement

The Strategy

I used bundleIQ's existing brand identity aesthetics, such as colors, fonts, icons, and drop shadows, to highlight the different functionalities of the chrome button.  This also helped the user mentally connect the button with their web app due to brand similarities and familiarity.  I used hover effects and color continuity for nav buttons and headers to assist in easy navigation.  I laid out the Figma frames in linear paths that the user would take in order to help developers and team leaders view the designs easily and in unison with the user's experience.

User Flow

I created an Error Message page in case the chrome extension was ever malfunctioning or down.  I used Adobe Illustrator to create a graphic that resembles the CEO of the company holding "BQ" binoculars.  The design plays on bundleIQ's slogan "reduce time to insight," by hinting that we lost sight of their insights, but will keep looking.

Error Message GRAPHIC DESIGN

- Create a Quick Note and save to web app.
- Save a web page to the web app.
- Summarize the web page and save to the web app.
- Ask Alani (AI technology) questions about the current web page as well as knowledge already in the user's bundleIQ web app.


The Result

An easy-to-navigate, on brand google chrome extension

Let's Connect

Thank you for reviewing my work! If you’d like to get in touch, click the Contact button below.