Article Insets
The idea of the insets was to help editors create striking and bold image displays that could capture the reader’s attention.
Origami
Origami was a solution we designed to help editors present multiple images with different orientations for a piece.
This exercise took a lot of image testing to develop limitations of image amounts per row and height.
Deliverable
Included calling out image sizes and orientations, design system tokens being used, explanation of the expected ui behavior and cross functional team approvals,
Slider
The idea of the slider came from the need of presenting before-after images. An example of this would be a satellite map showing what a location looked like before a natural disaster, to show the decoration efforts of a room, or simply show two versions of one image.
Deliverable
Included calling out image sizes and orientations, design system tokens being used, explanation of the expected ui behavior and cross functional team approvals,