2025
UI/UX
Wonder
An interactive reading and writing service designed to bring easy and fast solutions in a wonderland full of books.
Timeline
5 Months
Role
Designer
Team
Ashley Yeboah
Stephanie Du
Sara Hall
Tools
Figma
Adobe Illustrator
2025
UI/UX
Wonder
An interactive reading and writing service designed to bring easy and fast solutions in a wonderland full of books.
Timeline
August - December 2025
Role
Designer
Team
Ashley Yeboah
Matthew Mcglynn
Tools
Figma
Adobe Illustrator
Procreate
Overview
Overview
Wonder is a reading, writing, and publishing platform where users can explore a wonderland of written and published works by other users from an assortment of genres. As well as start their own worlds by writing, storing, and publishing their content while connecting with a community of readers and writers.
Wonder is a reading, writing, and publishing platform where users can explore a wonderland of written and published works by other users from an assortment of genres. As well as start their own worlds by writing, storing, and publishing their content while connecting with a community of readers and writers.
Research
Research
Initial Problem
Initial Problem
Often users find it difficult to discover well made original works and fanworks that are similar to genres or books they enjoy to read. While also struggling to get into writing after being inspired by the works they enjoy.
Often users find it difficult to discover well made original works and fanworks that are similar to genres or books they enjoy to read. While also struggling to get into writing after being inspired by the works they enjoy.
Research
Research
Competetive Analysis
Competetive Analysis
Through competitive analysis of existing solutions, I narrowed down and took a closer look at three existing services that connected readers through reading and writing. Researching and also taking note of user insights upon each of the services strengths and weaknesses noting things like which genres of work are more popular on each platform as well as pain points that frequently bother users the most.
Through competitive analysis of existing solutions, I narrowed down and took a closer look at three existing services that connected readers through reading and writing. Researching and also taking note of user insights upon each of the services strengths and weaknesses noting things like which genres of work are more popular on each platform as well as pain points that frequently bother users the most.
Research
Research
User Interviews
User Interviews
At least 5 interviews were conducted to understand complete insights and how users function using Wattpad, Archive Of Our Own, and Campfire. As well as how they go through their own time when reading and writing by themselves without the use of these apps. Most of these interviews led to major key complaints that were also addressed during the Competitive Analysis Research.
At least 5 interviews were conducted to understand complete insights and how users function using Wattpad, Archive Of Our Own, and Campfire. As well as how they go through their own time when reading and writing by themselves without the use of these apps. Most of these interviews led to major key complaints that were also addressed during the Competitive Analysis Research.
Research
Research
User Personas
User Personas
Each user persona was established through a cultivation of competitive analysis and interviews, grabbing key insights and typical mannerisms when users are reading and writing at their own volition.
Each user persona was established through a cultivation of competitive analysis and interviews, grabbing key insights and typical mannerisms when users are reading and writing at their own volition.
Research
Research
User Journey
User Journey
Before our initial start to our project, primary and secondary research was required to understand the history of University City, its current state, and community demographics. Through primary research, we went and explored University City’s focal areas, including its student campuses, nearby hospitals, and homes. Along with taking any necessary pictures to add to any future research and assets for the website.
Before our initial start to our project, primary and secondary research was required to understand the history of University City, its current state, and community demographics. Through primary research, we went and explored University City’s focal areas, including its student campuses, nearby hospitals, and homes. Along with taking any necessary pictures to add to any future research and assets for the website.
Research
Research
Site Map
Site Map
Before our initial start to our project, primary and secondary research was required to understand the history of University City, its current state, and community demographics. Through primary research, we went and explored University City’s focal areas, including its student campuses, nearby hospitals, and homes. Along with taking any necessary pictures to add to any future research and assets for the website.
Before our initial start to our project, primary and secondary research was required to understand the history of University City, its current state, and community demographics. Through primary research, we went and explored University City’s focal areas, including its student campuses, nearby hospitals, and homes. Along with taking any necessary pictures to add to any future research and assets for the website.
Research
Research
Solution
Solution
A reading, writing, and publishing platform that encourages and helps users to write and publish their own authored works as well as give out an array of both fanworks and original works from other established users to read from.
A reading, writing, and publishing platform that encourages and helps users to write and publish their own authored works as well as give out an array of both fanworks and original works from other established users to read from.
Design
Moodboard
Moodboard
Before our initial start to our project, primary and secondary research was required to understand the history of University City, its current state, and community demographics. Through primary research, we went and explored University City’s focal areas, including its student campuses, nearby hospitals, and homes. Along with taking any necessary pictures to add to any future research and assets for the website.
Before our initial start to our project, primary and secondary research was required to understand the history of University City, its current state, and community demographics. Through primary research, we went and explored University City’s focal areas, including its student campuses, nearby hospitals, and homes. Along with taking any necessary pictures to add to any future research and assets for the website.
Design
Final Brand Identity
Final Brand Identity
Before our initial start to our project, primary and secondary research was required to understand the history of University City, its current state, and community demographics. Through primary research, we went and explored University City’s focal areas, including its student campuses, nearby hospitals, and homes. Along with taking any necessary pictures to add to any future research and assets for the website.
Before our initial start to our project, primary and secondary research was required to understand the history of University City, its current state, and community demographics. Through primary research, we went and explored University City’s focal areas, including its student campuses, nearby hospitals, and homes. Along with taking any necessary pictures to add to any future research and assets for the website.
Prototype
Prototype
Wireframes
Wireframes
Before our initial start to our project, primary and secondary research was required to understand the history of University City, its current state, and community demographics. Through primary research, we went and explored University City’s focal areas, including its student campuses, nearby hospitals, and homes. Along with taking any necessary pictures to add to any future research and assets for the website.
Before our initial start to our project, primary and secondary research was required to understand the history of University City, its current state, and community demographics. Through primary research, we went and explored University City’s focal areas, including its student campuses, nearby hospitals, and homes. Along with taking any necessary pictures to add to any future research and assets for the website.
Research
Research
Homescreen
Homescreen
Before our initial start to our project, primary and secondary research was required to understand the history of University City, its current state, and community demographics. Through primary research, we went and explored University City’s focal areas, including its student campuses, nearby hospitals, and homes. Along with taking any necessary pictures to add to any future research and assets for the website.
Before our initial start to our project, primary and secondary research was required to understand the history of University City, its current state, and community demographics. Through primary research, we went and explored University City’s focal areas, including its student campuses, nearby hospitals, and homes. Along with taking any necessary pictures to add to any future research and assets for the website.
Research
Research
Search With Filter
Search With Filter
Before our initial start to our project, primary and secondary research was required to understand the history of University City, its current state, and community demographics. Through primary research, we went and explored University City’s focal areas, including its student campuses, nearby hospitals, and homes. Along with taking any necessary pictures to add to any future research and assets for the website.
Before our initial start to our project, primary and secondary research was required to understand the history of University City, its current state, and community demographics. Through primary research, we went and explored University City’s focal areas, including its student campuses, nearby hospitals, and homes. Along with taking any necessary pictures to add to any future research and assets for the website.
Research
Research
Book Page
Book Page
Before our initial start to our project, primary and secondary research was required to understand the history of University City, its current state, and community demographics. Through primary research, we went and explored University City’s focal areas, including its student campuses, nearby hospitals, and homes. Along with taking any necessary pictures to add to any future research and assets for the website.
Before our initial start to our project, primary and secondary research was required to understand the history of University City, its current state, and community demographics. Through primary research, we went and explored University City’s focal areas, including its student campuses, nearby hospitals, and homes. Along with taking any necessary pictures to add to any future research and assets for the website.
Research
Research
Comparison Tool Page
Comparison Tool Page
Before our initial start to our project, primary and secondary research was required to understand the history of University City, its current state, and community demographics. Through primary research, we went and explored University City’s focal areas, including its student campuses, nearby hospitals, and homes. Along with taking any necessary pictures to add to any future research and assets for the website.
Before our initial start to our project, primary and secondary research was required to understand the history of University City, its current state, and community demographics. Through primary research, we went and explored University City’s focal areas, including its student campuses, nearby hospitals, and homes. Along with taking any necessary pictures to add to any future research and assets for the website.
Research
Research
New Story Page
New Story Page
Before our initial start to our project, primary and secondary research was required to understand the history of University City, its current state, and community demographics. Through primary research, we went and explored University City’s focal areas, including its student campuses, nearby hospitals, and homes. Along with taking any necessary pictures to add to any future research and assets for the website.
Before our initial start to our project, primary and secondary research was required to understand the history of University City, its current state, and community demographics. Through primary research, we went and explored University City’s focal areas, including its student campuses, nearby hospitals, and homes. Along with taking any necessary pictures to add to any future research and assets for the website.
Research
Research
Virtual Assistant
Virtual Assistant
Before our initial start to our project, primary and secondary research was required to understand the history of University City, its current state, and community demographics. Through primary research, we went and explored University City’s focal areas, including its student campuses, nearby hospitals, and homes. Along with taking any necessary pictures to add to any future research and assets for the website.
Before our initial start to our project, primary and secondary research was required to understand the history of University City, its current state, and community demographics. Through primary research, we went and explored University City’s focal areas, including its student campuses, nearby hospitals, and homes. Along with taking any necessary pictures to add to any future research and assets for the website.
Research
Research
Reflection
Reflection
Before our initial start to our project, primary and secondary research was required to understand the history of University City, its current state, and community demographics. Through primary research, we went and explored University City’s focal areas, including its student campuses, nearby hospitals, and homes. Along with taking any necessary pictures to add to any future research and assets for the website.
Before our initial start to our project, primary and secondary research was required to understand the history of University City, its current state, and community demographics. Through primary research, we went and explored University City’s focal areas, including its student campuses, nearby hospitals, and homes. Along with taking any necessary pictures to add to any future research and assets for the website.