Zipzap

UI/UX

UI/UX

UI/UX

Brand Design

Brand Design

Brand Design

Specialized AI Agents pre-trained for specific domains.

Services

Product Design, Strategy, Brand Design

Services

Product Design, Strategy, Brand Design

Services

Product Design, Strategy, Brand Design

Stack

Figma, Adobe CC, Blender

Stack

Figma, Adobe CC, Blender

Stack

Figma, Adobe CC, Blender

Timeline

6 weeks

Timeline

6 weeks

Timeline

6 weeks

Overview

Zipzap simplifies access to professional expertise through AI-driven agents in legal, HR, and finance domains. The mission is to make professional services more accessible and affordable.

An Image of a person interacting with Zipzap on a laptop
An Image of a person interacting with Zipzap on a laptop
An Image of a person interacting with Zipzap on a laptop

The Problem

I consulted asynchronously with the client to define the issue, conducted industry research, and engaged target users. This approach pinpointed the root cause and set clear implementation guardrails. Key problems identified were:

➊ Rising professional service costs affecting businesses

➋ Expertise barriers: Difficulty in effectively prompting LLMs

➌ Fragmented and inconsistent outputs due to lack of standardized methods

➍ High costs associated with multiple tools and training

Designed Solution

A web and desktop application that provides teams and organizations with specialized AI, ready-made prompting templates, and advanced knowledge management features, automatically connecting and summarizing topics and ideas across multiple threads.

❋ Specialized AI agents for Legal, HR, and Finance

❋ Pre-trained with industry knowledge and best practices

❋ Built-in compliance checks and standardized output formats

❋ Centralized prompt library and knowledge management system

A snapshot of the styleguide, 3D Assets and Font CHoice for Zipzap
A snapshot of the styleguide, 3D Assets and Font CHoice for Zipzap
A snapshot of the styleguide, 3D Assets and Font CHoice for Zipzap

Process - Develop

✦ Developed user personas and empathy maps to communicate insights

✦ Designed wireframes for authentication, onboarding, and chat screens

✦ Created a basic style guide and 3D Imagery for Agents

✦ Coordinated with developers on technical constraints

An image of the wireframe of the Main Page
An image of the wireframe of the Main Page
An image of the wireframe of the Main Page
An Image of the main Zipzap Page
An Image of the main Zipzap Page
An Image of the main Zipzap Page

Process - Deliver

✦ Prepared developer handoff in Figma

✦ Conducted internal testings during development to assure quality

✦ Beta testing and monitoring via Hotjar insights

✦ Iteration plans informed by user data

An image of multiple Zipzap design components
An image of multiple Zipzap design components
An image of multiple Zipzap design components
An Image of the login screen
An Image of the login screen
An Image of the login screen
An image of the empty chat screen
An image of the empty chat screen
An image of the empty chat screen
An image of the chat screen mid-interaction
An image of the chat screen mid-interaction
An image of the chat screen mid-interaction

Outcome & Next Steps

✦ Zipzap is currently in beta testing and development

✦ User insights are driving future iterations

✦ Stakeholders plan to leverage data for the next product cycle

Final Thoughts

This project has been an insightful journey through research, design, and iterative development. Zipzap is poised to redefine access to professional expertise through AI innovation.

I'm available

Let's Connect

Feel free to contact me if having any questions. I'm available for new projects, mentoring, just chatting or playing chess.

Contact Me

I'm available

Let's Connect

Feel free to contact me if having any questions. I'm available for new projects, mentoring, just chatting or playing chess.

Contact Me

I'm available

Let's Connect

Feel free to contact me if having any questions. I'm available for new projects, mentoring, just chatting or playing chess.

Contact Me