Sleep + Recharge
UX Research, Visual Design, and Content Writing
Email Newsletter
In Progress . . .
Thanks for your Patience!
Project Objectives.
Bring together a proto-persona’s key points, visual design elements, and visual and written content for a learnable read that packs a friendly punch.
01 . . . . . . . . . . . . . . . . . . . . . . . . . UX Design
02 . . . . . . . . . . . . . . . . . . . . . . Visual Design
03 . . . . . . Communication Translation
01 UX Design
Define Research Topics + Synthesize Findings + Connect the Pieces + Plan for Visuals
The Design Focus
◈ Find and Select relevant research.
◈ Utilize infographics, imagery, and other visuals to share the information.
◈ Draft a plan for the visual concepts based on how people learn content.
To define what sleep topics to highlight and present to people, an initial research phase determined the variety of topics being shared online and what themes appeared more often than other themes. With a mix of online content readily available, select topics were chosen for an elliptical newsletter read. Based on the research, some more common and repetitive, and some less frequent but fascinating, the visual plan was loosely drafted, so that it has the ability to be adjusted for this project journey.
02 Visual Design
Select a visual theme, with an emphasis on colors, layout, and hierarchy.
The Design Focus
◈ Tone of voice and text choice, with titles like “Benefits,” and “How to.”
◈ Hierarchy, with space to take in, process, and connect content.
◈ Color choice, to highlight key areas and pair images and text together.
Visual information portrays a message and connects various topics together through the order it presents content, it’s hierarchy, and the way it is pieced together, it’s layout. The overarching theme of sleep is meant to provide restful content to readers, so colors and fonts were chosen to represent this naturally occurring process. The layout and hierarchy connect this theme and related sleep topics and other themes utilize visuals and text, which combine for a salient message and reader experience.
03 Communication Translation
To the point text + related imagery + engaging and conversational tone + mood match
The Design Focus
◈ Tone of voice, that is relatable, understandable, and clear.
◈ Passive to active learning, with content taken off the page and into life.
◈ Related visuals, with text and images interspersed throughout the read.
A conversational tone provides clarity and fluency for the reader to relate to the material and opportunity to interact with the message. For this read, interacting is looking at the visuals, taking time to process the content, and referring to it later, rather than disengaging by briefly scanning the material and leaving the email page. If it is relevant, piques their interest, and indicates how it may benefit them, the message may anchor with individual understanding and be applied with intrigue, curiosity, and engagement.
