UI Design Explorations — Clubhouse Desktop Platform

KETARA
2 min readMar 1, 2021

Overview

This article contains my design exploration of designing a clubhouse desktop platform for home menu layout

Prototypes

Wireframes

Clear overview of the page structure, layout, information architecture, e.t.c before visual content added

  • Low Fidelity Pages
wireframe

Visual Libraries

Fragments and collections of color and typefaces that used in this design

visual-libraries

Components

Interactive building blocks for creating a user interface

components

Design

A more detailed visual concept that is close to the final design

  • High Fidelity Pages
high-fidelity-design

On this home page several features are displayed, such as:

  1. Search bar at the top of the website so that users can get the room, topic or host they are looking for
  2. “ask for join” button to find out whether the user has successfully joined as an invitation from the clubhouse
  3. Broadcasting Now feature is a feature that displays the currently active room is done directly. users can join and listen to the room by pressing the join button
  4. Then, Upcoming For You feature will display a series of rooms that have topics of conversation that match the user’s habits. because this room will only be live in the next few days, the user can bookmark it in order to get a notification when the room will be live

Conclusion

It took me about one weeks to design this user interface exploration. The final appearance of the design is in accordance with the theme of the user interface design that I want, which is light theme user interface with clean components.

design-on-laptop

Thank you for reading this article, I am waiting for feedback from all readers.

Cheers!

--

--

KETARA

My personal article space about interface design, design league and reviewing also redesigning digital products.