The U.S. Department of the Interior (DOI) website serves as a platform to share information and resources related to the department’s various programs and initiatives. However, the current user interface (UI) of the website lacks responsiveness and doesn’t provide an optimal user experience on mobile devices.

The design process started with a UI analysis using heuristic evaluation, usability testing, and redlining methods. The collected data was synthesized into a user persona and empathy map to better understand user needs and identify pain points and opportunities for improvement.

Based on the insights from analysis, the information architecture was re-evaluated and the UI elements and micro-interactions were redesigned to improve the user experience. The final transformation was aimed at creating a more user-friendly and responsive UI design for the DOI website and improving the overall accessibility and usability of the platform.