Quote
Menu
Open
Close
Close
Back
Back
Quote

ATOM Precision

A red laptop on a metal desk displaying a home page for a manufacturing website.

Project Disciplines

01
Research
02
Web Design
03
Strategy
04
UX Design
A laptop with a products page UI for a manufacturing website.

Transforming Innovation

Serving industries such as healthcare, aerospace, automotive, electronics and manufacturing requires an innovative approach to reach the right audience. ATOM Precision, leader and pioneer in micro-precision tools identified ArtVersion as a creative partner to strike the right chord with the market and spearhead their digital strategy for their eCommerce website and branding initiatives to grow their presence to a worldwide audience.

A table on a wooden table displaying a manufacturing product.

Redesign and Repositioning for Growth

The team at ArtVersion leveraged ATOM’s well-recognized market status to elevate the messaging and design of a highly technical product line to a greater audience. The process included an initial product and market analysis phase to determine user pathways. ArtVersion utilized that research to design the new eCommerce website and ideal user experience strategy.  Equipped with a high-quality product line, one of the most recognized reputations in the industry, and a redesigned e-commerce site, ATOM Precision is poised to grow in markets including Asia, North America, South America, and Europe.

A home page desktop design for a manufacturing website with a UI element popping out of the screen.
A individual product page and an about page UI desktop design overlapping each other with design elements popping out.
A UI desktop design for a manufacturing company displaying different distributor locations.
A red background with a laptop displaying a contact page for a manufacturing website.
Three different UI elements for a manufacturing website.
Multiple phones displaying a manufacturing website UI.
Four different sized drills.
A white badge with a red logo on it.

Color Palette

The color palette for the design utilized ATOM Precision's established brand colors. The red and grey color story was implemented strategically across the design to solidify brand memorability and activation. Their signature red also was utilized across graphic design elements and microinteractions for visual interest. 

Red
#DE0004
Off-white
#F7F5F6
Muted Grey
#EFEFEF
Grey
#ACACAC
Open Sans Regular font with an uppercase and lowercase letter "a".
Open Sans
Regular
Open Sans Bold font with an uppercase and lowercase letter "a".
Open Sans
Bold
Open Sans Medium font with an uppercase and lowercase letter "a".
Open Sans
Medium
Bebas Neue font with an uppercase and lowercase letter "a".
Bebas Neue
Regular

Typography

Open Sans was the ideal typeface for readability due to its clean and neutral design, which enhanced the website's clarity and legibility across different screen sizes and resolutions. Its open forms and generous letter spacing prevented crowding, which made it easy on the eyes. Bebas Neue was also utilized for visual breaks as well, for its slim and narrow style which added dimension.

A phone on a red background displaying a UI for a manufacturing product page.

The Outcome

The collaboration between ATOM Precision and ArtVersion resulted in an intuitive design of the company's user interface, aligning it seamlessly with their objective for market growth.

The eCommerce website provided a more intuitive platform, enhanced by a robust visual hierarchy and user-friendly design, ensuring an engaging and seamless experience for customers. The website also showcased ATOM Precision’s authority in the industry by offering an easy-to-use website.