MICRO-TYPE INDEX ^(commerce)

Online index blending expressive typography with utilitarian typesetting-archiving 'Type in the Wild.' 

I created an online index or archive of 'type in the wild,' blending typography with UX and UI methodologies. Gathering images of typography in real-world settings, I created a clickable, interactive prototype in Figma. The final goal was to design a user-friendly, searchable, and interactive experience that informs users about different types of typography

CONTRIBUTIONS

UX/UI Methodology
Typography Exploration
Visual Strategy Development

Conducted a comprehensive audit of existing interactive archival sites to understand layout, grid, and interaction patterns, informing the design strategy.

Developed a high fidelity interactive prototype in Figma, utilizing a UI kit, style library, and consistent visual styling to create an engaging user experience.

Presented the project in a final critique session, integrating feedback to refine the prototype and demonstrating the ability to defend design choices and iterate rapidly based on critique

DELIVERABLES

Initial Research/Content/Process Work
High-fi interactive prototype 
Presentation of content

I initiated with extensive research and content gathering, collecting over 30 images, emphasizing consistency and clarity in capturing typefaces.

In the audit phase, I examined index and archival websites, focusing on understanding layout, grid, and interaction patterns.

Defining a visual strategy based on content, I ensured a cohesive voice, consistent image treatment, and explored type pairings, including variable fonts, foundry considerations, and form. This approach aimed at establishing a foundation for the subsequent design phases, integrating thoughtful research into the visual identity of the micro-type index.

FLOWCHART + LO-FI SKETCHES ^{(& other stuff)}

After auditing and defining a visual strategy, I began sketching low-fidelity wireframe iterations for both the indexed and detailed view of my archive, focusing on maintaining a clear grid structure and hierarchy.

*FINAL DESIGNS

The final deliverable for this project is a meticulously crafted, Figma-based clickable prototype that serves as an immersive and dynamic exploration of micro-typography within domestic space


The prototype goes beyond mere functionality; it encapsulates the essence of stumbling upon information, mimicking the experience of discovering unexpected treasures in a physical archive or library requiring users to search for items within each environment inside the home.

MICRO-INTERACTIONS ^{(+ prototyping in figma)}

REFLECTION

Throughout the design systems project, I gained insights into blending expressive and utilitarian aspects of typography, understanding the significance of design systems in creating a cohesive user experience. 

The process reinforced the value of organization and accessibility in design, providing users with an efficient and enjoyable journey through the diverse realm of micro-typography in everyday home settings.