Case Study

Explore the details of this project, including the design process, technical implementation, and the impact it had on users and stakeholders. Each case study provides insight into my approach to problem-solving, collaboration, and delivering user-centered solutions that meet business objectives.

← Back to projects

Responsive end-equipment reference diagram

Design + front-end build · Enterprise marketing site

Problem

End-equipment diagram and related product information display was unorganized.

Constraints

Limited viewport

Especially constrained on laptop, tablet, and mobile devices

Dense reference content

Diagram and related product listings needed to coexist on screen

Approach

Built a responsive display to adapt the diagram and related product panel layout to different screen sizes.

Result

Display had a better flow, making it easier for customers to find related products and reference designs.

Reflection

Engineers submitting diagrams found it easier to design them based on how they'd actually display on the web page.