- Project: Front-end Development & Design
- Tooling: Adobe Illustrator, Adobe Photoshop, Sketch, InVision, Slack, Git, Gulp, HubL Server, HubSpot
- Libraries: jQuery, Owl, Bootstrap
About Lean Labs
Performance gaps in growing companies come from talent gaps. Lean Labs is hired as an extention of sales and marketing teams to attract your target customers to your website, convert leads and nuture opportunities. 12 people working remotely from 5 countries with 1 purpose; 10X deserving brands.
RocketSpace assists tech startups and also specializes in providing coworking spaces throughout the globe. Many hours were spent redesigning, rethinking UI components, local development, and integrating the results within the HubSpot service. Other development aspects involved the integration of the HubL server by creating a workflow for developers to carry out tasks locally before pushing to HubSpot for production. Before working with Lean Labs, RocketSpace was developed outside of HubL making development workflow extremely tedious for developers. This also made code releases susceptible to bugs, component errors and isolate hard to find fixes.
To assist developers that manage the codebase for RocketSpace, a local staging environment was created along with a component guide containing sample code for quick copy and pasting abilities. To keep components to their most basic form, minimal styling was given allowing for further customizing based on unique contexts. This is based on the principles of "Content vs. Display Patterns" written by Dan Mall, and Atomic Design written by Brad Frost.
Additional samples of project work can also be seen on Dribbble such as Rocketspace Hero, RocketSpace Tech Startup Panels, RocketSpace Tech Startup Masthead, RocketSpace Tech Startups Report CTA.
Brandvious is a concept about bringing a 10x approach to deserving brands and understanding the way to get bigger is to get better. Guidelines provided via discovery sessions were wisdom, timeless, sophisticated and legible. It was important that the logo be typography focused while remaining simplistic, elegant and timeless.
Type pairing body copy and headlines to understand the voice of the font-face based on adjectives discussed in discovery sessions. Color pairing was also used to get a sense of the tone the brand would suggest.
Research and time was spent investigating multiple typefaces that also have a history matching the goals of the project. This time spent lead to Museo, Adelle, Avenir and Gotham for the chosen typefaces to explore with.
After mutliple feedback sessions it was decided the logo was lacking an element. An element that could be used in social media situations such as an avatar since using text alone would not be legible in those types of situations. To remain true to the ideals of simplistic, a typographic element was used to create an abstract shape.