Strategy

The TDV app is the main digital platform used by students at The Design Village to access schedules, updates, and important resources. However, the earlier interface felt visually flat and outdated, which did not reflect the creative environment of a design institute. This project explored how Glassmorphism could be used to modernize the interface while improving clarity and usability. The aim was to create a visually refined interface that feels light, layered, and contemporary while still allowing students to easily navigate everyday tasks such as checking schedules, announcements, and communication channels.

Design

The redesign introduced a Glassmorphic UI style using transparent panels, soft blurs, and subtle shadows to create depth across the interface. Instead of flat elements, components such as navigation buttons, cards, and timetable panels were designed to appear like layered glass surfaces floating above the background. This layering helps separate different types of information while keeping the layout clean and organized. The transparent elements also reduce visual heaviness, making the interface feel lighter and more modern. Along with this, a consistent typography system and clearer hierarchy were introduced so that important features such as schedules, email access, and announcements are easier to locate.

Results

The redesigned interface creates a more modern and engaging experience for TDV students. Glassmorphism adds visual depth and refinement while keeping the interface simple and easy to use. The layered design improves readability and helps users quickly understand the structure of the app. Overall, the project demonstrates how Glassmorphic design can enhance usability and visual appeal while aligning the app with the creative identity of a design-focused institution.

Heuristic Evaluation

Challenges Identified

• Identified unclear navigation that made key features difficult to locate.

• Noted absence of system feedback and unclear empty states.

• Observed poorly structured information hierarchy.

• Found inconsistencies in visual and interface elements.

• Suggested clearer icons and improved feature discoverability.

  
  

Typeface

Helvetica Neu- Black Helvetica Neu- Heavy

Brand Colours

Final Result