top of page
Laptop-UI-Screen-Hero.jpg

UI Webpage Design Projects

Helped my team level-up UI designs and build world-class, user-focused solutions for thought-leadership webpages and editorial-style digital experiences. 

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

Company/Client/When

What

Why

Analog Devices | Hyundai
Jun 2022-Aug 2022

Responsive webpages.
UI Design

Design Sprint deliverables from Stakeholder requirements and project goals.

Role

UI Designer. DCX, wireframes, mockups, prototypes, illustrations

Category

Fortune 500. Technology

Software

Figma, Axure, Photoshop, Illustrator, Workfront

Company overview

Analog Devices (ADI), a Fortune 500 technology company, 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.

Project overview

These responsive webpages help engage, inform and educate users to make high level decisions quickly, as well as help solve business requirements. The UI designs enhance and improve the user experience by connecting the dots between design patterns, UI/UX best practices and interaction design.

Generative research

Working with stakeholders, writers and business managers, our team conducted online and internal surveys and gathered customer service feedback to establish technology-centric archetypes. From this research we uncovered pain points and friction areas then distilled these into solutions, strategies and metrics.

Pain points

• Users had friction issues with readability and overly complex content areas.
• Users mentioned that some content didn't have consistent visuals-icons.
• Users not feeling engaged or inspired by editorial pages.

Users goals

Users expect a high-level of information and visuals to help them progress quickly through their tasks and quickly solve their main business goals.

Find data and purchase info. easily.

Business goals

Make useful, easy to digest and friendly UI solutions. Focus on scannability, discoverability and clear Signal-to-noise ratio.

Keep users on task using UX micro-copy and strategic hyperlinks. 

Ideation, wireframes, mockups

UI layout from identified pain points. Bootstrap framework, low to medium-fidelity wireframe mockups and UX content strategies. 

Responsive web-mobile: Medium to High fidelity prototypes.

Wireframe-Ev-Batteries-v2.jpg

Image Carousel: Webpage included interactive High-fidelity mockups, redlines, Design System specs and engineering hand-offs.

As part of this project, I was assigned to design a solution for a carousel. The final hand-off consisted of specs for responsive desktop-mobile. 

Primary focus: UI standards, consistency, findability and visual hierarchy. 

HYUNDAI-Carousel-1.jpg

Redline specs for developers and engineers

Digital illustrations for UI webpage content

Below: sample of Illustrated content based on project requirements, accessibility standards and user goals.

Illustrator, Photoshop, Blender: Illustrations

Hyundai-RANC-carousel-Accelerometer.jpg
Hyundai-RANC-carousel-Processor.jpg
two-millseconds-infogrphx.jpg
RANC-technology-driver.jpg
ADI-Companies-SingnalsPlus.jpg
Measured results from the experience solutions  (2021-22)

97K

Unique Visitors
(+3% YoY)

121k

Visits (+3% YoY)

55%

New Visitors 
(60% in 2021)

1.34

Number of Page Visits
(-2% YoY)

1.34

Average time on Site

(-5% YoY)

bottom of page