top of page

Responsive Webpage Design Projects

Pixel-perfect UI designs from Bootstrap framework– low-fidelity wireframes to high-fidelity hand-offs.  

Company/When

Analog Devices
Mar 2022-Jun2023

ANALOG DEVICES

UI design solutions and visual designs for responsive webpages.

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 world-class, user-focused solutions for thought-leadership webpages and editorial-style digital experiences. 

Design Sprints for Stakeholder requirements.

SECTOR

B2B, Technology, Manufacturing

ROLE

Digital Designer & Illustrator

Desk Research, User Experience Design, UI Design, Wireframing-Mockups, Prototyping

PLATFORMS

Figma, Axure, Sketch, Photoshop-Illustrator, Workfront-CMS

Role

UI Designer. DCX- Worked along the Principle UX Designer

Category

Fortune 500. Technology

Software

Figma, Axure, Photoshop, Illustrator, Workfront

Project overview

Responsive webpages.
UI Design

These Analog.com webpages are highly technical in nature, but when broken down to the most essential and core interactions, the user flow enhances continuity, consistency and cohesion. MVP and deliveries included: 
 

  • Webpage design

  • ​Navigation hierarchy design: Enhance the experience flow

  • UX content design and illustrations

  • Accordion structure: form and function

Below: Entire UI webpage design.  Includes: UX content strategy, layout, wireframing, visuals, illustrations, accordion designs, development, CTAs, UX micro-copy, and link structure.

User navigation and Go-to:
Guiding users through the experience architecture for 'Edge Devices' scenario

Analog-InfomationArch-EdgeDevices.jpg

Accordions structure: UI design and illustrations

Additional UI webpage(s) related to this project

High-fidelity UI designs based on business requirements and user needs:
​​
  • Cohesive content strategy
  • Consistent layout, UI and interactive elements
  • Meet brand guidelines and Design System specs
  • Pixel-perfect deliveries
  • Illustrative content and visuals
  • Collaborations with development and engineer teams.

Sample of UI content design and illustrations

SilentSwitcher-Hero.jpg
bottom of page