Prototyping a File Repository


Role:

Designer

Design Tool:

Figma

Timeline:

March 2025 - April 2025

Course:

User Interface Design

Click here to checkout the Figma file!

This file repository was created as part of a User Interface Design course assignment, aimed at helping us get more comfortable with UI concepts and wireframing in Figma. The project focused on incorporating key design principles like organization, design systems, components, interactions, color variables, and more.

I started by answering a set of guiding questions to help shape the design with a user-centered approach. From there, I sketched initial wireframes on paper. Once I had a version I was happy with, I moved into low-fidelity prototyping in Figma, organizing both the pages and frames to keep everything clean and structured.

To ensure consistency and visual balance, I used grids for proper spacing and layout alignment. After a few rounds of low-fidelity revisions, I developed a high-fidelity prototype that included design systems, color variables, interactions, elevation, and component organization.

The final product was designed to demonstrate my ability to wireframe effectively while keeping usability and visual appeal in mind; creating a file repository that feels both functional and user-friendly.


File Repository Figma Prototyping

File Repository Figma Prototyping:

This Figma file showcases several iterations of low-fidelity prototypes, which I used to explore and refine the design before moving on to the final high-fidelity version. Throughout the process, my focus remained on creating a user-centered experience; making it simple for users to find, download, and store their files.

Feel free to look around the Figma Design file above!