Timbergrove Solutions

Moonshot IoT Web page

Overview

The intention of this project was to create a new page for a new IoT platform. Timbergrove was updating its current website at the time and looking to streamline the company's brand identity.

‍

My Role

Creative Direction

User Interface Design

User Experience Design

Cross Team Collaboration

Team

2 Front-end Developers

1 Product Manager

1 Product Designer

Year
2019

My Role

As the Product Designer responsible for User Experience (UX) and User Interface (UI), I received valuable feedback from both the front-end developers and the product manager. I made necessary improvements while ensuring that the business requirements were met and taking into account feedback from the rest of the team.

‍

My Tasks

Design Toolkit

Design Process

Creative Strategy

The foundation for the design and navigation layout was a combination of Atomic and Angular Material UI component infrastructure with a couple of staff front-end developers for it to come together within the deadline. We choose this strategic approach due to the design and development specifications for the website.

  • Iconography was created to highlight the various capabilities of Moonshot for enterprise clients.
  • Typography used as the standard font for Timbergrove products is Helvetica Neue.
  • Logo was provided by a partnering creative agency.
  • Atomic Design: The layout of this project was based on the Atomic Design approach, which yielded a simple and effective foundation to base the rest of the website potential rebrand.
  • Angular Material: In order to meet quality control expectations we implemented Material Design component direction as the core structure for the page was one of the parameters for the project.

Challenges

The main issue was drafting a first-phase web page under a tight deadline with limited stakeholder input. Due to this being in partnership with IBM, we utilized IBM’s Carbon Design System aesthetic and assets for compliance purposes as an authorized IBM Business Partner.

‍

Key takeaways

After a couple of drafts we were able to put together a solid layout that conveyed their new product and service.

Outcome

Despite the short scope and expedited timeline for this project, we utilized the Agile Sprint methodology and Design Sprint fundamentals to integrate design before development implementation.

Built with WebflowToolkitLinkedIn
Copyright © Michelle Ferrell 2023 All rights reserved.