I’m proposing we do an interactive article packed with bold typography, bright colors, interspersed with videos, photo carousels and large pull quotes. These various modules would break up the informative body copy throughout the page and can be interchanged and moved around as needed depending on the length of copy we’re working with. This version would consist of various editorial and magazine-like modules for the look and feel.
I was imagining a large feature photograph of two happy people (a caregiver and their family member) placed inside a cropped organic shape. Leading the article with a curved asymmetrical shape makes the piece feel more light in nature despite the heavier subject matter.
Since the subject matter can be considered generally sad (dealing with the challenges of caregiving), I felt we could focus on positive imagery; having more of an optimistic viewpoint. Such as people smiling, engaging with their family members and sharing experiences. Featuring young, middle-aged, and retirees, mixed genders and race for diversity.
Animated Stat idea for “1 in 6 American workers is a caregiver”
We’d have a 50:50 module, directly cut in the half. The text module on the left would always be present whereas the module directly to it’s right would animate. We’d start with Frame 1 containing the stat. The icons of people would grow quickly in size and zoom into Frame 2 and become even larger morphing into Frame 3 to drive home the importance of the “1” in 6 number. Frame 3 would fade into Frame 4 transitioning into a map of the US filled with white icons of people (which would represent the overall American workforce). Math formula: 43 million divided by .16 percent = 268 American workers. Out of the 268 million workforce, 43 million of those are the caregivers, shown in purple. The icons could either remain static OR we could have them animate by changing their fill colors from white to purple sporadically keeping the ratio in tact. The map would also grow and zoom in size. This entire module could be on a loop. Any other stats included throughout the page (for example, at the bottom of the article I have a horizontal bar graph) could have a horizontal reveal or a slide up reveal.
I like to sketch out ideas before getting into wireframes and visual design. It helps understand how an idea will take shape in user interface form. There are many ways one can craft concepts. Sketching often helps figure out what those ways are and which way works best.
Please refer to notes above for a written description of the idea. This module could go anywhere within the article. The article would be built in a modular way so it could live anywhere within it.
This is also an interactive article but a different direction than the one above. This one focuses on illustration, iconography and shapes that animate as the user scrolls.
For this version I’m imagining a tight typographic lock-up for the headline; playing up words “US ECONOMY” and “CAREGIVER ECONOMY”. The background could have a textured background with a subtle gradient (darker on the edges and brighter in the middle, highlighting the headline). The illustrations (FPO here) could animate and subtly float in the background. For example, on load, the dots in the molecules could fade in and out, the lines in the chart could have a side swipe reveal, the heart could pulse get larger and then smaller.
The copy could be divided up into modules, where we have a section with a subhead and then text and click though illustration module that is to the left and/or right of it. The illustrations and copy would change and it’s a great way to give important facts a section of their own while also saving on space. I’m imagining these illustrations would also be animated. We could have pick up an accent color from the palette to incorporate into each one for consistency.
For any numbers or stats I thought we could use circle doughnut charts. The colors that relate to the stats could animate as the user scrolls.