Cooley Comics — Alexis Medina

Project Overview

What is Cooley Comics LLC? 🕋

The Introduction 🏁

Cooley Comics is an AI startup in the comic book publishing industry. They utilize artificial intelligence tool platforms to create comics, and aim to teach individuals with diverse abilities, challenges, and limitations on how to use these tools.

The Problem

Stakeholder Briefing 💼

With Cooley Comics’s first AI comic series in the final phases of pre-launch, they would like to take the first steps into launching an online membership portal that will act as a 'way in' for users to access their products, services, and merchandise as the company continues to grow its products.

Skip to Solution

Target Audience 🎯

16 - 30 year olds, interested in AI art, comic books, & creative professions.

Business Goals 🚀

Create a seamless website experience for users to access the company's comics & merchandise through a premium (paid) membership.
Create an opportunity for users to learn about registration to the company’s distinct AI Comic Labs (workshops that teach users how to utilize AI platforms to turn themselves into comic characters, write comics, & learn to create AI art).

User registration is done through a google form outlink.

User Challenges 👤

Sketches

Site will look a little like this ✏️

With the user flows established, we began sketching the how the screens would look for the prototype. Sketches of Flow 1 Read/View Comics & Flow 2: AI comics labs (Workshop Registration) displayed below:

Flow 1: Read/View Comics 1️⃣

Flow 2: AI Comic Labs (Workshop Registration) 2️⃣

Design

High-Fidelity Screens

An idea evolving into reality 🎨

With user flows established, we created wireframes, the high-fidelity screens, and went on to creating the prototype.

Homepage

Membership Info Page

Comics Page

Comic Info Page

AI Comic Lab Page

Membership Sign-up Page

Shop Page

Checkout Page

Testing

Usability Testing

What did participants think of the prototype? 🗣️

Six participants from Cooley Comics's target audience were observed in a usability test via Zoom. The goal was to capture their initial reactions and assess their experience completing key website tasks. Test was successful although some confusion arose in specific page designs, indicating areas for improvement.

Issue #1 📉

Participants struggled to distinguish between the homepage and the comics page due to similar design and layout, often thinking they were still on the homepage after transitioning.

Recommendation #1 📈

To make it easier for users to tell the homepage and comics page apart, we suggest adding more comic carousels to the comics page and removing any repeated information already shown on the homepage.

Before, Comics Page

Iterated Comics Page

Issue #2 📉

When clicking on 'Member' on the navigation bar or the sign-up option, users were taken to the membership tiers page. Most expected to see an account creation or payment page, causing confusion.

Recommendation #2 📈

Combine the pricing and membership benefits into one clear page. After users pick a membership tier, direct them straight to the account creation and payment pages. This will make the signup process smoother and easier to follow.

Before, Membership Info Page

Iterated Membership Info Page