Designing various UI elements as well as improving the user experience when navigating around the Arbin website
Role
UI/UX Designer
Tools
Figma
Areas
UI Design
Navigation Bar
The old navigation bar was serviceable but was trying to display the articles inside the “Products” section, which caused confusion to customers when they try to click on it and realized those were not a product.
The redesign kept the layout simple and focused only on Arbin’s products. I uncovered a product overview page hidden behind an obscure ad link and missing from the main menu. The page was informative and provide a quick walk through of our products so I add a banner here to provide a starting point for customers.
The Application tab now serves as the central hub for all our articles. To improve SEO and guide readers, we’ve organized the content into categories that reflect each topic’s complexity and relevance.
The News tab brings together news and event updates in one place, so anyone can stay informed about our latest announcements.
Module/Pack + Cell Pages
When users click on either the Cell Testing or Module Testing pages, they will naturally expect to land on two dedicated pages, each showcasing that product’s unique features. However, as of right now, both links lead to the same page,which does provide a quick overview, since both lines share core technology, but it also hides what makes each product line special.
We used unique banners and targeted headlines to highlight each product line’s identity, while keeping the shared technology section consistent. As visitors scroll past those banners, they’ll encounter a clear side-by-side comparison—showing voltage and current ranges, channel counts, resolution, and more—so they can quickly see how each model stacks up.
The current page group seven products of two different categories into one page
