Overview
IperionX is the first of its kind. It's a sustainable titanium mining company that is completely owned and operated in the United States.
This innovative technology is to be presented on the website as an investment opportunity to potential investors, clients, and politicians.
IperionX needed a website that provided potential investors and future clients a way to engage with their line of products and learn more about the sustainable work they were doing.
Role
UX Design
User Research
Process at a Glance
Discovery
Client Interviews
Secondary Research
Desk Research
Competitive Analysis
​Information Architecture
Early Site Map
Site Map V2 and Content Outline
Final Site Map
Design
Early Sketches
Module Ideation and Creation
First Round of Wireframes
Client Feedback and Iterations
Feedback Ledger
Design Deliverables
Final Wireframes
Wrap Up
Lessons Learned
Impact
High Level Goals
The website design aimed to position IperionX as a technology company, rather than a mining company and to to promote sustainability & community. IperionX wants to position themselves as a sustainable company, and the first of it’s kind.
Because the nature of the company, and where they were at with their business influence in general, it was going to be important to establish not just a responsive and accessible website, but also to take a deep dive into IA and content.
The goal was to create an easy to use website, while helping the client build trust in their brand.
Discovery
Client Interviews
Before beginning broader discovery, I conducted a series of client and stakeholder interviews to build a foundational understanding of the problem space. These conversations surfaced key stakeholder needs, business goals, and success criteria for the website redesign, ensuring the work was grounded in the priorities of those closest to the project.
This early alignment informed every phase of discovery and design that followed.
Part of the Stakeholder Interview Space
Secondary Research
Desk Research
While IperionX provided a small set of foundational content, I conducted extensive desk research to deeply understand the broader market and competitive landscape.
This work was essential in positioning a first-of-its-kind technology within a complex startup ecosystem. By analyzing industry trends, peer companies, and emerging narratives, I was able to approach the design with the right level of clarity and nuance—ensuring the technology was communicated in a way that was both accessible and differentiated.
Secondary Research
Competitive Analysis
To ground the redesign in market context, I conducted a competitive and landscape analysis, reviewing peer companies and comparable technology startups.
By evaluating websites with similar ideas and positioning to IperionX, I identified patterns, opportunities, and differentiators that informed the direction of the design.
Snapshot of Analysis
Information Architecture
Early Site Map
Before moving into wireframing and design, I developed a sitemap that clearly articulated each page, its content, and the relationships between pages.
This foundational step gave IperionX a shared understanding of the site’s structure and ensured alignment on information architecture before design execution began.
Early Stage Sitemap
Information Architecture
Sitemap V2 and Content Outline
After presenting the first version of the sitemap, I led a consolidated feedback round that enabled stakeholders to align on priorities and requested changes for the next iteration. By capturing and tracking input through a sitemap feedback ledger, I synthesized decisions and delivered a refined V2 sitemap.
The most significant update introduced new primary pages to support emerging content needs, reducing downstream design risk by resolving structural questions early and providing a clear, stable foundation for wireframing and visual design.
Content Outline
Information Architecture
Final Sitemap
With the final sitemap approved, I transitioned into the design phase, applying a system-driven approach tailored to the needs of an industrial startup.
Final Site Map
Design
Early Sketches
I began by sketching with the content outline as a direct guide for page structure and layout. This ensured all client-requested content aligned with project goals from the outset, allowing strategic objectives to shape the design early and reducing the need for later revisions.
Rough Sketches
Design
Module Ideation and Creation
Once I defined a set of viable module concepts for the website, I moved the sketches into Figma to build a structured modular component library. This library served as the backbone of a system-first approach, enabling a plug-and-play workflow where modules could be reused, rearranged, and iterated across wireframes.
By designing with scalability, consistency, and flexibility in mind, this approach laid the foundation for an efficient, future-proof design system that could evolve alongside the website and content.
Examples of a few wireframe modules
Design
First Round of Wireframes
With the core concepts established, I shifted from designing individual modules to assembling system-level prototype wireframes. These wireframes were intentionally low-fidelity to prioritize structure, relationships between components, and overall system behavior rather than visual styling. Because the client had limited content at the time, I focused on designing an evergreen, modular system that could scale and adapt as content evolved.
This system-first approach ensured the components were flexible, reusable, and resilient—capable of supporting a wide range of content scenarios without requiring redesign. I concluded this phase by leading a formal client walkthrough to review the system, gather final input, and align on next steps.
Wireframes V1
Client Feedback and Iterations
Feedback Ledger
Following the first wireframe presentation, I led the refinement of the designs based on stakeholder feedback. To support clear decision-making and accountability, I introduced a feedback ledger that systematically captured client input, design responses, and final decisions.
This approach ensured transparency, reduced ambiguity, and enabled efficient iteration, ultimately strengthening alignment with the IperionX team.
The effectiveness of this process led to the feedback ledger being adopted as a best practice across the agency for managing and operationalizing client feedback.
Feedback Ledger Snapshot
Design Deliverables
Final Wireframes
After incorporating client feedback, I delivered the final wireframes to the visual design and development teams along with a comprehensive handoff document that clearly articulated the modular design system.
This approach reduced handoff risk by ensuring shared understanding across teams and minimizing ambiguity during build. I also facilitated the final client walkthrough, guiding stakeholders through the designs and securing full approval to move forward into visual design and development.
Final Wireframes
Wrap Up
Lessons Learned
This project underscored the strategic value of strong documentation and structured client communication in driving alignment and decision confidence. By implementing a feedback ledger and leading clear, goal-oriented walkthroughs, I ensured stakeholders had full visibility into design rationale and trade-offs.
This level of transparency enabled faster approvals, reduced ambiguity, and reinforced a shared understanding of the decisions behind the final wireframes and modular system.
Wrap Up
Impact
IperionX needed more than a website redesign—they required a fully reimagined digital presence. By combining content strategy with client and stakeholder feedback, I delivered a product that not only aligned with core business goals but also supported future growth and the presentation of new technologies through a flexible, modular design system.
Since the redesign, website traffic and user engagement have increased by over 60%, demonstrating the tangible impact of a user-centered, research-informed approach. Beyond iterative design work, I leveraged my startup experience to help create a scalable, public-facing platform that effectively represents the company and its innovative offerings.