Improve overall UI/UX

[tonyketcham]

The current UI is a bit unintuitive and places a strong cognitive load on the user.

I would propose converting the tabular feed to a categorized set of sliders that only display a limited number of cards, with the ability to click next/previous to load in a limited set of components, similar to Hulu's implementation style. This implementation would keep the UX lag-free.

Limiting the amount of information appearing on cards would also improve information accessibility and application performance. Perhaps on-hover the session excerpt and flavor chart could be rendered in a popover.

Finally, gearing the look and feel towards the type of design system that's utilized in https://glitch.com/ would fit the stylistic design I have in my mind for this project.

[tonyketcham]

I really like this color palette

[tonyketcham]

A couple of prototypes (without using a specific palette yet)

Card Components

Feed (mobile-first)

[tonyketcham]

Here's an updated prototype: https://xd.adobe.com/view/fa29a55d-2e5c-4f65-84de-3584a426b30e-af7a/

Menu states

Card hover state

Gif

[tonyketcham]

The above design works great for a native application but the side-scrolling can cause a negative UX when accessed via web on mobile devices. Commit 7be4ad6 addresses this design flaw with a new, brutalist-inspired UI that builds upon the original UI and brings about a feel that is, for me, more congruent with the project.

Examples: