Embedded Files
Information Architecture
Walkthrough of the information architecture development for Creative Metal Products
Information architecture, UX, UI
Site map development
Exploring the website's evolution: Current site structure (left) vs. future growth projections (right) highlighting new capabilities, case studies, and blog opportunities.
Proposed site map
Future state site map
Navigation information architecture
Building on the site's foundational structure, the navigation information architecture (NIA) seamlessly translates the site map into user-friendly desktop and mobile menus, enhancing accessibility and user experience.
Navigation IA showing different states with interaction annotations
Locked up final desktop nav
Lo-Fi Wireframing
Developed through a collaborative effort with key stakeholders, this wireframe iteration showcases the initial stages of web design, focusing on structure and functionality rather than detailed design elements.
Hi-fi page mockups
Created in figma, these are the high fidelity web mockups that were then handed off to a developer
Google Sites
Report abuse