Tedeache

Wireframe

With the information architecture defined, I began the visual ideation phase by creating low-fidelity wireframes. These initial sketches allowed me to explore screen element distribution quickly, focusing solely on structure, navigation, and content hierarchy.

User Interface

With validated wireframes, I advanced to the user interface design, defining Tedeache's visual system: color palette, typography, iconography, components, and interaction patterns. The goal was to create an accessible interface prioritizing clarity and reduction of visual overload.