We conducted a Functional Audit to identify essential information for the new design.

To ensure that the new dashboard design addressed user needs and improved accessibility, the team conducted a Functional Audit of the existing dashboard. The audit identified key information, features, and data visualizations that were essential for inclusion or refinement. The primary sections required included the Product Space Analysis, which showcased the Revealed Trade Advantageand Revealed Comparative Advantage of products, ranking 63 key exports across the region. Additionally, the Market Analysis compared trade performance and opportunities across 21 nations within the Middle East-North Africa region. This assessment guided the creation of a restructured information architecture that improved content hierarchy and navigation efficiency.

Wireframing and prototyping guided the initial design direction for client feedback.

Using the insights from the Functional Audit, the team created low-fidelity wireframes to map out the new layout, prioritizing clarity and ease of use. Once the structure was finalized, interactive high-fidelity prototypes were developed using Figma, ensuring that the visual design complemented functionality and data representation. The prototypes were reviewed and approved by the clients following iterative feedback cycles.

Outdated code led us to rebuild the dashboard from scratch. Front-end development focused on responsive design and API integration.

Initially, the clients provided access to the existing dashboard’s source code, but after evaluating it, the team identified significant challenges due to its outdated structure and reliance on hundreds of fragmented files. Given the limitations, the team proposed rewriting the code from scratch using modern development practices, a decision approved by the clients.

I was responsible for the front-end development, where I focused on implementing the new layout, interactive components, and responsive design for the dashboard page. I collaborated closely with the full-stack developer on our team to integrate the APIs and server-side functionality into the front-end, ensuring seamless data retrieval and interactivity.