Author Claire Sinagra
Experience the world of children's literature through Claire Sinagra's captivating stories and stay updated on her latest works and upcoming book events on this responsive webpage.
OVERVIEW
SOME BACKGROUND
I developed a responsive webpage for a fictional children's author, Claire Sinagra. Her website serves as a platform to showcase her latest literary works and keep readers informed about upcoming book events.
Additionally, I'm proud to mention that I secured the second-place award in Graphic Information Technology - Digital Products at ASU.
THE CHALLENGE
The main goal for Claire Sinagra's webpage was not only to create a dynamic, responsive webpage to showcase the author's work, but also establish a seamless platform for the author to regularly update and manage her literary portfolio while effectively informing and engaging her audience with upcoming events.
HIGH LEVEL OBJECTIVES
Immersive Storytelling Experience
Design an engaging website that portrays the author's fictional worlds through visuals and interactive elements, providing visitors with an immersive journey into the stories.
Author-Centric Showcase and Connection
Create a comprehensive online hub that not only displays the author's latest works but also offers exclusive insights and opportunities for personal interaction, while building a relationship between the author and her audience.
Community Building and Engagement
Elaborate a vibrant community around the author's stories by implementing social features and platforms for reader interaction, encouraging fans to connect, share their experiences, and participate in discussions.
RESPONSIBILITIES
UX design, Web Development
RESEARCHERS
Ritika Ramesh
TIMELINES
7 weeks
2 weeks UX design
5 weeks building dynamic webpage
TOOLS
Figma, Procreate, HTML, CSS
DESIGN ASSETS
COLOR PALETTE
TYPOGRAPHY
OTHER REQUIREMENTS
- Easy accessibility & usability
- Follow Brand Guidelines
- “Universal” Device Support
- Mobile-first
WORKFLOW
Review project and branding guidelines
Review wireframes
Create mockups
Develop
Deployment
Test
CONTENT AND BRAND GUIDELINES
GIVEN IMAGES
TEXTS
*The copy was provided in Google Docs
WIREFRAMES
MOBILE (320px)
TABLET (768px)
DESKTOP (1024px)
DEVELOPMENT
RESULT
MOBILE (320px)
TABLET (768px)
DESKTOP (1024px)
