top of page

Responsive Webpage Design Projects

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

Wireframes
Low-fidelity mockups
High-fidelity UI
Prototype
UI Accessibility
Interactive design
Heuristic evaluation
Digital Illustrations
Development & testing

Company/When

What

Why

Analog Devices
Mar 2022-Jun2023

Responsive webpages.
UI Design

Design Sprints for Stakeholder requirements.

Role

UI Designer. DCX- Worked along the Principle UX Designer

Category

Fortune 500. Technology

Software

Figma, Axure, Photoshop, Illustrator, Workfront

Project overview

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