Device Repo Website - Phase 2

[mjamescompton]

Summary

Phase 2 of design repository will make it more than a list of products, make it easier to find a device using search, breadcrumbs and filters, enhance SEO with more tags and descriptions and add extra product details so this can be more useful while manually adding products via the console or cli.

If we get to it we also want to include integration and webhooks so users can use this to fake devices while developing platforms

Why do we need this?

The initial release is laking features and could be improve visually.

What is already there? What do you see now?

MVP

What is missing? What do you want to see?

See issu

How do you propose to implement this?

• Improve vendor overview Improve vendor overview #190
• Add tag descriptions Add tag descriptions #185
• Add device index Add device index  #187
• Add contact TTI form Add contact TTI form #193
• Add device repository homepage Add device repository homepage #188
• Add search Add search #189
• Improve single device Improve single device #191
• Improve device list Improve device list #192
• How to Add your products Add visual to explain how to add products to repository #205
• Add breadcrumbs Add breadcrumbs #198

Can you do this yourself and submit a Pull Request?

yes, @pierrephz designs required

[laurensslats]

To do: plan design sync with @pierrephz, @mjamescompton & @laurensslats

[rish-c]

• Add contact us form on every product similar to the current marketplace

[pierrephz]

@mjamescompton @wienke @NicolasMrad
Here is an update on the Device Repository redesign

Still WIP, but already covers some of the issues listed here:

• Improve vendor overview Improve vendor overview #190
• Add tag descriptions Add tag descriptions #185
• Add device index Add device index  #187
• Add contact TTI form Add contact TTI form #193
• Add device repository homepage Add device repository homepage #188
• Add search Add search #189
• Improve single device Improve single device #191
• Improve device list Improve device list #192
• How to Add your products Add visual to explain how to add products to repository #205
• Add breadcrumbs Add breadcrumbs #198

See here a quick tour of the mockups: https://we.tl/t-xMnWZ61xbE
Here are the mockups: device-repo-mockups-WIP.zip

Open for feedback already; like what kind of filter we need on the device list page, what kind of webhooks we want to display on a dedicated device page, etc. Maybe @mjamescompton we can plan a call

[rish-c]

Wow this looks really good pierre 🤩