• HEX: #393d42
  • RGB: rgb(57, 61, 66)
  • HEX: #abacad
  • RGB: rgb(171, 172, 173)
  • HEX: #87898a
  • RGB: rgb(135, 137, 138)
  • HEX: #949ca4
  • RGB: rgb(148, 156, 164)
  • HEX: #8b939c
  • RGB: rgb(139, 147, 156)

HubSpot UI Revamp Concept

preview-sidebar-nav

Here is a nice set of mockups I did before starting at HubSpot for the short month that I was there. I just found these decomposing in my Google Drive. I thought I’d toss them up here as a nice little design / mockup piece.

I designed these before ever getting to HubSpot, and they are a representation of how I wanted to app to work for me.

The siedebar navigation is a reorganization of the current top navigation based on my most used and accessed navigational elements.

The new top bar prioritizes the education and community element, and the full page layout provides more space for the abundant content available in the app.

The palette conforms more to the front end design elements currently on the main website instead of the worn out bootstrap elements pervasive throughout the app.


Subscribe for More!


I send out a monthly newsletter on various topics.

Take a moment to enter your details, and you can select the news you would like to have delivered to your inbox!