top of page
ToF-hero-desktop.jpg

ANALOG DEVICES (.com)

Elevating corporate brand visuals, digital designs, and illustrations for seamless user experiences

Analog-LinkedinPost-v2.png

Overview

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.

I created and collaborated with the content team, brand strategy team and the marketing team to create on-brand visuals for website content and output. Illustration graphics included:  technical visual art, data storytelling, vector graphics, iconography, image compositions, and photo-compositing.

The Goal

Create editorial-style digital web page experience connecting C-level, industry leaders to ADI technology solutions. Take research findings and execute into digital products that are differentiated in the market. Increase user interest and drive traffic within Anlaog.com and Signals+ portal — connecting users with data, information, brand experience, visuals, product links and elevate organic traffic.

The Outcome

We designed the UI web pages and visuals adhering to corporate guidelines, brand structure and UX strategy. The main deliverables were high-fidelity UI Prototype designs developed to go LIVE on the Analog Devices website. The UI designs met accessibility requirements, responsive web-mobile and design system, brand standards.

Key Results

Since launching the Signals+ web portal,  our team delivered on average a 15% increase in website content, compared to the prior 2 years.  And, as a results of the newly designed UI web pages, the business recorded a +3% YoY-visitor increase; research team OKRs metrics. 

Responsibilities

  • Visual Creative Direction

  • Data Storytelling

  • User Interface Design

  • Digital Illustration

  • Visual Design


Tools: Figma, Axure, Photoshop-Illustrator, Workfront-CMS

Research, Definition, and Design Process

Primary project focus on the corporate brand style guidelines as well as elevating the company's brand voice and story.  Below is a list of design methods and my workflow: 
 

  • Design research based on  key questions: Who is this idea for? What people need it? Evidence and Solutions?  Steps to accomplish the data-storytelling.

  • Focus deliverables on user needs and business requirements.

  • Incorporating the Art and Magic of 'saying more with less'.

  • Colors and accessibility meeting high design standards and specifications.

  • Meticulous attention to detail, craftsmanship and rigorous Quality Checks (QC) before going live.

  • Detailing design Hand-offs and SEO naming for Web development team and CMS. 

  • Utilizing common design principles and Gestalt theories when creating art.

Ideation, Conceptualization and Design

Digital Illustrations to support UI Content & Assets

Continued: Data-Storytelling through digital visual communication

Design Process: Vector Iconography to support UI content

Brainstorming, visual intention and iterations for brand icons. The final digital content then applied to the Analog.com website and CMS.

From napkin-sketched concepts through final digital delivery: PNG, JPEG, SVG

Photoshop Composite Art for UI Content

Concept-directed for photo-visuals: Main Hero(s), tile imagery, social media, Illustrations, and data-storytelling

Tasks: Look-feel, branding story,  color, voice and tone. Technical art methods included: camera-lens effects, lighting, composition, layout, eye-draw focus, visual hierarchy and custom digital effects.

Digital Photo-composites to support UI content

End-of-Life-Hero-Desktop-PHOTOBASH-PROCESS.jpg
End-of-Life-Hero-Mobile.jpg
Analog-Signals-Tile-Homepage.jpg
Analog-HeroHeader-Desktop.png

Digital Visual Design:
Concept through completion-Photo-composited digital visuals and fx
Adobe Photoshop and Illustrator

Builtspace-hero-desktop_edited.jpg
Builtspace-hero-mobile_edited.jpg
Builtspace-hero-desktop_edited.jpg
ToF-hero-desktop.jpg
ToF-hero-mobile.jpg
Analog-LinkedinPost-v2.png
Metaverse-hero-desktop.jpg
SignalsPlus-Metaverse-Tile.jpg

Output and Delivery Results

My visual design solutions and contributions yield significant benefits and challenge key objectives, resulting in outstanding outcomes, including:

​

  • Enhanced User Experiences: visuals communicated the intended message without confusion, get more tasks done quicker.

  • Clear brand messaging and user engagement-place users in control.

  • Stronger brand identity and recognition: the consistent visuals encouraged users to stay on the site longer.

  • Improved Accessibility and design consistency.

  • Scalability for responsive design: web-mobile.

  • The consistent visuals help guide users through the customer journey, resulting in improved call-to-action engagements.

  • The clarity in visual communications and data storytelling helped build trust, encouraging the users to engage with more content, subscribe easily and communicate with representatives as well as enjoyment in visual aesthtics. 

bottom of page