Design the My Bookmarks page

[natdink]

Problem (Why)

On our new navigation, this was originally designed as "My Favorites." We've updated to say "My Bookmarks" just to be consistent with the current UI and verbiage (you can choose to change it in future but will need to update the icon and verbiage in a separate dev ticket).

We haven't had a dedicated My Bookmarks page before. In the current state, we create a section that puts bookmarked apps at the top of the catalog that you are on (model catalog vs database catalog). With this addition to the menu, we would presumably need a page where you could access all bookmarked items including apps and the various catalog items (models, databases, vectors).

What is a good UX pattern for combining all of these bookmarked items into one UI, allowing a user to find what they are looking for quickly? Remember we currently have a tile card for apps and row cards for engines.

Impact (Who)

App Builders, General users of platform

Existing

This can be worked on the Landing page figma as a net new sections (similar to Templates).

Requirements (What)

What are more specific requirements that needs to take to consider this issue resolved.

• Add a section in landing page for My Bookmarks
• Set up the page using the sticky header component and include the breadcrumb
• Design how a user would look through both their bookmarked apps (tile cards) and engines (row cards)

[ehynd]

@Varthiny-V let's do this one instead of 1115 please since the devs have been working other redesigning aspects!

[Varthiny-V]

@ehynd Sure! Will work on it.

[Varthiny-V]

06/05 Design Update: I’ve worked on a separate page for "My Bookmarks," where I’ve created one variation for the Apps section and five different options for the Catalog section to showcase the row cards, considering we have five different catalog types.

Figma Link: https://www.figma.com/design/BOSuHD3Egvd3SuMsUAu5fX/Landing-Page-and-App-Details?node-id=6499-43224&t=2GnbxXz0Y8dDKDG4-1

[Varthiny-V]

Design Update: I've added a search function to the bookmarks page and also created a version with vertical filter options as suggested by betty.

Figma Link: https://www.figma.com/design/BOSuHD3Egvd3SuMsUAu5fX/Landing-Page-and-App-Details?node-id=6499-43224&t=518t5QvPBMlZwSAv-1

[bfekadu21]

@Varthiny-V Feedback provided in figma!

[bfekadu21]

@Varthiny-V Feedback provided in figma! Let's think about sorting and if a "Recently Used" section is helpful here.

[Varthiny-V]

@bfekadu21 I’ve worked on the filter option for the Bookmarks page and shared my inputs regarding the Recently Used section. Please have a look and let me know your feedback!