Translating the RavensEye Brand Across Channels

Client

RavensEye.io

My Roles

UX Writing Lead, Product Manager, Designer

Team

4 UX Designers

Duration

16 Days

Overview

RavensEye.io provides an accessibility SaaS solution to e-commerce retailers, giving their end-users with visual impairments/blindness full access. Through General Assembly, I worked on a team of 4 designers to help RavensEye redesign their website and create a UI for their product dashboard. For this project, I focused exclusively on UX Writing and Product Design. The majority of research was completed by my teammates. My teammates also completed the website design while I provided copy. I sketched, designed, wireframed, and prototyped the product dashboard UI, receiving assistance with aesthetics from a teammate.

Opportunity

Refining user-facing copy to properly represent brand's product and identity. Create a visually appealing, usable dashboard UI

Problem

  • The brand's current website is unclear and unoptimized. Users are confused as to the brand's product offerings. 

  • Translating complex concepts into a visual UI in the product dashboard

Solution

  • Clear, user-centered copy that properly situates brand identity and conveys product use-cases

  • Functional UI design that accounts for user goals and needs

Methods

  • Affinity Mapping

  • Personas

  • Secondary Research

  • Wireframing

  • Sketching

  • User Testing

Tools

  • Figma

  • Paper + Pens

  • Miro

  • inDesign

  • Photoshop

  • Zoom

Research

A Starting Point

Copy Assessment + Initial Research

I initially reviewed each unique copy instance on the existing website. These insights were combined with those gathered from teammate's user interviews and initial usability tests.

Key Insights

  • Users were unable to determine the website's product offering

  • Grammatical errors throughout

  • The overall content of copy was powerful but obscured by an unclear, muddled writing style

  • The majority of sections were overwritten, reducing length would improve clarity

  • Language differentiating SaaS product and services did not provide proper clarity

Finding Our Audience

Persona + Planning

We identified further trends within our initial research to develop Ashley, our persona. This was an important step as Ashely represents not only the target user for RavensEye's primary website, but also the primary user for the product's dashboard. Having a clearly defined audience in mind allowed me to tailor all copy specifically and intentionally.

Writing

Providing Clarity 

Content Strategy + Copy Rewrites

As my teammates developed an updated website design, I began strategizing copy placement and messaging. Marketing copy was designed to never emphasize compliance as a selling point.

  • During initial testing, users were unable to determine what direct effect the product could have on their business

  • Users were also confused as to the overall function of the product

Original Landing Page Header Copy

Updated Landing Page Header Copy

Original Product Page Header Copy

Updated Product Page Header Copy

Design

Translating Concepts Through Design

Information Architecture + Design

While providing copy for the primary website, I began translating the product dashboard's concept into visuals. As no representations existed, I was working solely off the creator's description. Moving through sketches and wireframes, I developed a clickable prototype.

Prototype Goals:

  • Clear navigation

  • Ease of use for multiple user types

  • Intuitive informational hierarchy

Portion of product page with activated navigation menu

Home page on user's initial login.

Template Management Page

Onboarding page detailing product use. (Graphics designed by teammate)

A Visualized Concept

Prototype Walkthrough

Testing

Planning For The Future

Usability Testing Plan + Goals

Due to time constraints of my team's General Assembly course, we were unable to implement a usability testing cycle for the product dashboard. To compensate, we provided our client with a usability test plan, annotated to provide full context.

Goals

  • Validate menu + navigation design

  • Validate onboarding

  • Identify areas for improvement

Takeaways

A Realized Brand Identity

Reflection + Next Steps

Our website redesign brought the RavensEye brand identity to the forefront while clarifying product offerings. The product dashboard interface was a major step forward in launching RavensEye's product, and I am grateful to have contributed. I'm thankful to have participated in this project and gained:

  • Product Management experience

  • Content Strategy experience

  • Team Management experience

Call

774-200-4496

  • LinkedIn Social Icon

Connect with me