1
2
3
4
5
6
7
8
9
There are two types of Mode Story Distribution Units; one that is used to distribute a Mode Branded Story on creator’s sites, and one is used to embed any story, on any website, by a Mode.com user.
For a Mode Branded Story, a brand collaborates with Mode to sponsor an editorial story on Mode.com, which includes a package of ads and the Distribution Unit. The story and ads live on Mode.com, and they are placed on Mode’s creators’ websites via the Distribution Unit. For the Embed Unit, anyone can embed a story, Branded or not, from Mode.com simply by clicking the "embed" button and pasting it on a website.
The goal of both units was to look like the "full story" that the user could consume on the creator's site without needing to visit Mode.com. The challenge was fitting all the elements of the story in a small space below an article, especially in the case of the Branded Stories, which needed to include the ads from the package.
My role
I collaborated with the Mode.com team to design the sponsorship package of a Branded Story. I participated in product discussions and was responsible for the UX and Visual Design of the Story Distribution Unit and Story Embed Unit. I worked closely with the engineering team during implementation and continued to work on iterations to improve the products after they were rolled out.
Deliverables and tools
High Level Concepts / Models and Wireframes: InDesign
Visuals: Photoshop, LiveView
Prototype for user testing: InVision
Engineering Specs: InDesign