What is it A re-design for a side menu in studyspanish.com
Prospective client Studyspanish.com
NOTE: This is an older self-initiated re-design
StudySpanish.com features a content-rich side menu that displays all of their Spanish lessons. With the tablet-approach in mind, I made a redesign for this side menu. The result is a design with more whitespace, larger finger-friendly elements, the absence of underlines and more visual distinction between the lessons hierarchy.
All elements are clickable/tappable across their entire lenght and will slide up and down vertically to show or hide the content. Just like the original design there will be a ‘Show all’ option, but now this label will change to ‘Collapse all’ once it is clicked/tapped on, and the arrow will point upwards.
An alternative (or addition) to this menu would be to have a page where all the lessons are listed in their entirety (units, categories, etcetera). Though I personally prefer to be able to access the units while still viewing the lesson, having them side by side so to speak.
The hierarchy is three layers deep. In the images below, the following structure can be seen:
Δ Redesign sidemenu – Left: The original sidemenu / Right: My redesign