cobotix-main

PROGRESS

Project Summary

Cobotix’s old website needed a major revamp for a modern new look. In order to appeal to higher end prospects, we planned out a web design structure that followed a grid, was simplistic, and guided users throughout the pages.

Web Design Discovery

Website Development Strategy

We began by analyzing the company’s direction, review what the competitors were doing and what worked for them, and created user personas that would be the ideal user visiting the website.

Once we had all the data collected, we began the sitemap planning and worked on the site flow composition to help guide the rest of the project.

cobotix-wireframe

Responsive Web Design

Mobile Friendly

During the graphic design stage, we made sure to follow the wireframe for both the website design on a desktop and mobile view version.

Ensuring the ability to switch between devices and have the same user experience was an important aspect to the website development.

Mobile Web Design Cobotix

Website Effects

Simple, Clean, Modern

We wanted to create a user experience that was intuitive yet memorable. Every click, every scroll, and every page load had to provide a certain feeling. For example, the satisfying effect from a simple menu appearing on click and going away on another click was just a subtle yet effective way to maintain a minimalist look to the overall manufacturing web design.

cobotix-menu

FONTS USED

TYPOGRAPHY

H1 Eina

The website has a very organized structure and this font choice went well with the sharp and clear look. Its straight cuts and very obvious lettering flows well with the grid and elements around the page.

p Inter Regular

Easy on the eye yet very clean look, this font helps maintain the modern look and feel while providing a great user experience.

Palette

COLORS

PRIMARY

#242E4C
#000000

SECONDARY

#ffffff
Full Web Design Cobotix