top of page
ANALOG DEVICES (ADI) & ANALOG.COM
User-focused solutions for over 30 webpage designs. These UI designs easily connect users with technical information while meeting business needs.
Analog Devices (ADI), also know as 'Analog' is an American multinational semiconductor-technology company specializing in instrumentation, signal processing, power management and data conversion – within the aerospace, automotive, communications and electronics industries.
My UI designs helped build quality and efficient solutions for ADI's thought-leadership webpages and editorial-style digital experiences. This included digital illustrations and data-storytelling.
BRIEF
As a UI Designer and Digital Artist, I managed user experience and web design from the initiation phase to the product launch. This involved organizing the content and visuals to ensure optimal responsive-adaptive user experience. This included presenting drafts to stakeholders, directing quality assurance and debugging efforts during pre-launch updates.
TIMELINE
2-4 Weeks for each web tech-page / Tandem web page schedules
TYPE/SECTOR
UI Design / B2B, Technology, Manufacturing
DESIGN DIRECTION/ROLE
Desk Research, Data Storytelling, UX Design, UI Design, Wireframing-Mockups, Prototyping
PLATFORMS
Figma, Axure, Sketch, Photoshop-Illustrator, Workfront-CMS
UI Design Process
Product Definition – Collaborating with stakeholders and business groups to shape both the product and the user experience
UI Visual Design – Create wireframes, mockups and high-fidelity prototypes for the product based on research and user feedback
Design QA – Working with engineers and developers to ensure product is ready for launch
Launch – Product pushed to LIVE website — I made sure all assets and content were properly created and uploaded to the CMS
Goal
Foundational Goals: Top-of-class editorial-style digital web page experience projects and creation of Analog.com web pages
Primary Goals: Increase interest and drive traffic within the Anlaog.com and Signals+ portal — connecting users with data, information, brand experience, visuals, product links and elevate organic traffic
Solution and Business Impact
I created a multi-page approach to help streamline branding, UI Design and developmental operations. The web pages prioritized layout, data/story and visuals, and provided in-depth insights into each web page topic; each produced from industry leaders from around the globe. Our teams collaborated with management, marketing, product managers, VPs, writers, engineers and UX.
PRODUCT DESIGN
Wireframe Mockups, Prototypes, Redlining UI and collaboration
Working with stakeholders and UX product management, we designed a navigation topography for site. All designs were prototyped using Axure RP.
Translating research into an actionable design plan to create UI layouts. Designs formulated from a Bootstrap framework into Low-fidelity wireframes and mockups through final High-fidelity hand-offs. The UX research helped inform the UI content strategies and visual design plans.
FINAL PRODUCT
High-Fidelity responsive web page delivery, QC and collaboration with the development team
ADDITIONAL WEB PAGE PROJECTS
Each website page has an opportunity to create unique content scenarios. As part of this project, I created an interactive solution for a custom image carousel. My primary design focus centered on: Standards in UI design, brand and design system specs, functionality, user findability and hierarchal consistencies.
The high-fidelity mockups were designed and translated into working prototypes — built and created using Adobe CC and Axure.
Furthermore, I designed additional assets, including illustration, hero images, site navigation tile images, mobile content, as well as, web pages on the Analog.com.
Carousel Redline Specs for Engineering and Development: Responsive Desktop / Mobile
Major brands well represented on the ADI website
Projects you might also like...
bottom of page