Build Prototypes

[Francesca-osei]

I will start building prototypes for testing

[alinaboghiu]

@benwuersching now working on this. The prototype is for the overlay with story packages, triggered by sticky button

[benwuersching]

Here is a first prototype : https://www.figma.com/proto/MVuZHPkyxwjd0CfwUDoNwL/Designs?page-id=426%3A1531&type=design&node-id=537-9630&viewport=12628%2C-746%2C0.68&t=tAvSbrN2zuIoAoeP-1&scaling=scale-down&starting-point-node-id=537%3A9630&mode=design

• Mobile version
• Floating button bottom right > triggers modal/overlay
• Story package opens in full-screen modal/overlay

[alinaboghiu]

thank you @benwuersching

[benwuersching]

Here is the second prototype: https://www.figma.com/proto/MVuZHPkyxwjd0CfwUDoNwL/Designs?page-id=1139%3A15208&type=design&node-id=1139-15209&viewport=578%2C700%2C1.11&t=l8wQlrdCgMr6tr9I-1&scaling=min-zoom&starting-point-node-id=1139%3A15209&mode=design

• Mobile version
• Article tag/kicker remains sticky at top > links to tag page
• Story package is at the top of the tag page

[Francesca-osei]

Here are the 3 prototypes for desktop

Horizontal sticky tag: https://www.figma.com/proto/MVuZHPkyxwjd0CfwUDoNwL/Designs?type=design&node-id=2329-66541&t=TdYNtMwYN4H8aYG4-0&scaling=min-zoom&page-id=1471%3A22814&starting-point-node-id=2329%3A66541&show-proto-sidebar=1&hide-ui=1

Vertical sticky tag: https://www.figma.com/proto/MVuZHPkyxwjd0CfwUDoNwL/Designs?type=design&node-id=2003-50860&t=TdYNtMwYN4H8aYG4-0&scaling=min-zoom&page-id=1953%3A53446&starting-point-node-id=2333%3A33061&show-proto-sidebar=1&hide-ui=1

Vertical sticky tag w related content: https://www.figma.com/proto/MVuZHPkyxwjd0CfwUDoNwL/Designs?type=design&node-id=2456-133734&t=TdYNtMwYN4H8aYG4-0&scaling=min-zoom&page-id=2456%3A130143&starting-point-node-id=2456%3A133734&hide-ui=1

They may require further UI input but so far these are the designs that are being tested.