Author Marketing Website

Maya Fisher

✍🏽

Author

*

Maya Fisher ✍🏽 Author *

MY ROLE

Client Communication, Research, User Interviews, Mobile/Desktop Wireframing, Re-Branding, UI, Prototyping, Usability Testing

DELIVERABLES

Design a Responsive Website for Author — Maya Fisher

TIME FRAME

2 Months (2025)

About Maya Fisher & the Project

Maya Fisher is a debut author who writes heartfelt stories with a thrilling twist. Her first novel, Reborn in Shadows, is a gritty, heartfelt romantic thriller that follows Miriam Ryder, a sharp-tongued, chain-smoking transgender amputee on the run from a violent past.

I collaborated with Maya to design a bold, emotionally resonant website that captures the spirit of her first novel, while meeting the user’s (the readers) needs.

I led the UX and visual design, focusing on crafting a responsive experience that feels as raw, honest, and magnetic as Maya’s storytelling. From mood-boarding and brand discovery to interactive content strategy, every element was built to reflect Maya’s voice: unfiltered, powerful, and deeply human.

Research Methods

Interview Quote

“I want to see an author’s true voice coming out and not some canned generic stuff.”

Interview Quote

“I will stay on a site and explore if there are places to go in the menu beyond the bio. Give me things to click and I'll go there! ”

Name | Evelyn (She/Her)

User Persona

Age | 38

Occupation | Marketing

Salary | $65,000

The Problem

Evelyn needs an author’s website that feels immersive and visually engaging because she wants to feel a connection to the author.

Feature Set

*

Feature Set *

Engaging Homepage

A homepage designed to immediately capture attention, spark curiosity about the author, and guide readers toward discovering—and buying—her book.

Book Themes

A list of themes gives readers a quick sense of what to expect, helping them decide if this story speaks to them.

Mobile Design

LOW-FIDELITY WIREFRAME
HIGH-FIDELITY WIREFRAME

In the earliest wireframe design, the book description can be seen on it’s own book page. After feedback, I decided to add the blurb to the homepage because Maya only has one book. This website introduces the user to Maya and her work, so having the book description on the homepage is a better fit than only including a blurb on the product page.

Desktop Design

LOW-FIDELITY WIREFRAME
HIGH-FIDELITY WIREFRAME

The desktop wireframe started in light mode with a white background. To create more of an initial impact, I adjusted the first screen the user sees to dark mode, using a dark black and white image to play into the themes of and emotions of the book.

Additionally, the book cover was removed and placed under the hero section. I made this decision after discussing this design and receiving feedback that the homepage could play out more like a story to help the user get to know Maya and her book in a more interesting way.


Homepage * Desktop


Book Page * Mobile

Usability Testing & Findings

Positive Feedback

  • Participants love the moody textures and effects

  • It looks really professional and suits the author’s style

  • The listed themes is super helpful in getting to know the book quickly

  • It’s easy to navigate.

IMPROVEMENT SUGGESTIONS & FEEDBACK

Project Reflection

Previous
Previous

Queer Book App