ParagraphAI

Mobile Keyboard

Mobile Keyboard Mockup
Timeline
Dec 2022 - Feb 2023
My Role
Contribution
Desk Research Product Strategy UX / UI Design
Team
x1 Product Designer x1 Co-founder x1 Engineer

Switching Between the AI-Writing App and External Apps to Copy-Paste Text Is Annoying

While working at the lead Product (UI, UX) Designer at the startup, ParagraphAI, I realized there was an opportunity to optimize the mobile experience. ParagraphAI provides a GPT-powered, writing software to students, administration, and professionals to help them optimize their writing experience. This goal of this project was to drive subscription sales and increase product engagement, ultimately leading to business growth and success.

How might we help users to write, to reply to, and to enhance their messaging on mobile devices without going into the app?

This problem statement guided me as I worked independently to develop this launched mobile keyboard project. I used current user analytics and personas to develop an innovative, elegant solution to help existing and future users be able to more easily use ParagraphAI’s features on-the-go.

Effortless AI-powered, Writing Experience Across Mobile Apps With a Revolutionary GPT-3, Native iOS Keyboard (The World’s First!)

I created a revolutionary mobile keyboard that addressed the challenge of seamlessly integrating ParagraphAI features with existing mobile keyboard designs while providing an intuitive and effortless user experience.

Effortless AI-powered, Writing Experience Across Mobile Apps With a Revolutionary GPT-3, Native iOS Keyboard (The World’s First!)

I created a revolutionary mobile keyboard that addressed the challenge of seamlessly integrating ParagraphAI features with existing mobile keyboard designs while providing an intuitive and effortless user experience.

Design SNAPSHOT

Weighing GPT-3 Startup High-stakes with Intuitive Key Features and User-Friendly Solution Parameters

Meeting with the engineer and stakeholder for this project, in addition to familiarizing myself with the mobile keyboard Human-Computer Interaction standard practices, led me to uncover various limitations that bound the creative direction. The big four that influenced my solution are as follows:

1. The design had to have the three key product features to provide the most value.
2. The main buttons for interaction (CTAs) had to be intuitive and easy to understand.
3. Design needed to be non-intrusive related to the primary keyboard layout.
4. Keyboard real estate was initially limited to bar above keypad.
No items found.

Innovative Ideation and Collaborative Iteration Process

  1. Low Fidelity Sketches. After reviewing the guidelines and current keyboard competitors, I drafted some feature and MVP ideas.
  2. High Fidelity Wireframes. I discussed my preliminary sketches of the keyboard with key stakeholders, including the CEO. Then, I proceeded to flush out user flows and a high-fidelity prototype.
  3. Developer Handover. Throughout the process, I stayed in communication with the developers to ensure that the design would meet the necessary specifications. I also walked through the final design with the developers team.
1. Lo-fi Sketches
2. Hi-fi Digital Wireframes (Figma)
3. Developer Handover (Figma, Slack, GMeet)
No items found.
Design SNAPSHOT

Innovative Ideation and Collaborative Iteration Process

  1. Low Fidelity Sketches. After reviewing the guidelines and current keyboard competitors, I drafted some feature and MVP ideas.
  2. High Fidelity Wireframes. I discussed my preliminary sketches of the keyboard with key stakeholders, including the CEO. Then, I proceeded to flush out user flows and a high-fidelity prototype.
  3. Developer Handover. Throughout the process, I stayed in communication with the developers to ensure that the design would meet the necessary specifications. I also walked through the final design with the developers team.
1. Lo-fi Sketches
2. Hi-fi Digital Wireframes (Figma)
3. Developer Handover (Figma, Slack, GMeet)
No items found.

Accurately Write and Reply to Emails and Texts With a Couple taps

With a focus on user experience, I ensured that accessing the “write,” “reply,” “improve” functions is effortless. Our mobile keyboard lets you enhance your written text, making communication effortless and efficient.

Say goodbye to typos and hello to accurate written text. Whether you're crafting a quick response or diving into a longer piece of text, our mobile keyboard empowers you to express yourself accurately and efficiently. With our intuitive design, users can effortlessly compose and respond to messages with precision.

prototype of user task flows gif
prototype of user task flows gif

Improve Professional Social Messaging across platforms on-the-go

As the lead ParagraphAI Mobile Keyboard designer, I developed this innovative solution to enhance user’s typing experience and to enable seamless use across platforms and apps.

With our innovative design, you can now enjoy a consistent and enhanced typing experience across various platforms and applications. Users no longer need to go through the hassle of switching between apps or struggling with different writing drafts. Our mobile keyboard seamlessly adapts to your needs, allowing you to type with ease and efficiency, regardless of the platform or app you're using.

prototype of user task flows gif
Project TAKEAWAYS

Development Outcomes

  • Adoption. The versatility and compatibility of the keyboard make it an attractive choice for enhancing mobile productivity, especially as a pioneering product in the market.
  • Engagement. The innovative features of the keyboard encourage active user interaction and enhance productivity.
  • Customer Growth. The improved functionality and convenience of the keyboard attract new customers and contribute to the growth of the business.
  • Satisfaction. The intuitive and seamless typing experience of the Paragraph AI Mobile Keyboard enhances user satisfaction and engagement.
World's 1st GPT-3 Powered Keyboard
72% Increase in session length
70% increase in users, 20% increase in customer conversion
4.8 star rating on the app store
No items found.

Project Reflection

Throughout the project, I had to navigate around obstacles in order to solve for the main user and business problem. Not only was this my first time working on developing a keyboard UX/UI design, but I had to have a fast turn-around rate since I was working at a startup in a cutting-edge industry. My process involved reviewing user behavior metrics, user personas, analogous products, and meeting with engineers, designers, and lead business professionals within the organization.

Design Highlight

As a result, I constructed an innovative keyboard design that was simple and intuitive for users to use and paved the way for customer and business growth. It was quickly adopted by users and became the leading marketing concept for Paragraph AI’s mobile app. My keyboard design allowed for increased engagement and future design opportunities.

Mobile Keyboard Mockup

“The app is very useful and has helped me a lot at work with email and also [with] some of my personal writing”

Mobile Keyboard User

More projects

Let's Work Together!

If you're seeking an enthusiastic designer, reach out below to tell me about your project. I aim to respond within one business day.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.