Kinematics Manufacturing (KMI) is leading supplier of highly-engineered, precision motion control solutions, servicing the solar, oil & gas, mining, construction and other industrial markets. They wanted a design that highlighted their expertise while showcasing their products. The interface needed to be easy to navigate so viewers can compare specifications across various categories of products across desktop and mobile devices.
In this collaborative project I worked in a cross functional team consisting of art director, senior designer, developers, copywriters and proofreaders. My role as UI Designer was to create a design system, wireframes, high-fidelity mockups and supporting design elements, oversee the development team for quality assurance and perfect the mobile experience with CSS.
Design System Created in Figma:
I created a scalable design system in Figma which consist of typographic guidelines and color schemes, and reusable components that allows each webpage to look consistent. I implemented an accent green color to their swatch palette to represent KMI’s progressiveness, being leading innovators in their industry.
High Fidelity Mockups
These are the top 3 main pages I created in Figma as high fidelity mockups. The web design and graphics I created were made to support the brand messaging that KMI are global leaders, innovators and visionaries.
