Biomedical
Engineering.
A strategic digital evolution for a new academic program. Transitioning from visual clutter to a sophisticated, user-centric interface.
UX/UI Designer
Web (Responsive)
6 Weeks
Notion, Adobe XD
“The original site suffered from visual pollution and a lack of clear hierarchy.”
For the launch of the Biomedical Engineering program, the university required a modern digital face. My mission was to create a landing page that inspired innovation through a clean design that prioritized speed and content clarity.
SIMPLIFICATION
Audited the original menu with 24 items, streamlining it to 5 essential sections focused on student needs.
QUICK ACCESS
Admission information can now be reached in under 3 seconds, significantly reducing the bounce rate.
MOBILE FIRST
Optimized specifically for the 70% of prospective students browsing via smartphones.
Every design choice was rooted in the convergence of two worlds: the organic complexity of biology and the geometric precision of engineering. We moved away from the university’s legacy interface to create a space that breathes innovation, using high-contrast colors and a modern typeface to establish a hierarchy that respects the user’s focus.
INNOVATION
#F97316
Symbolizing the energy and future of the engineering field.
HERITAGE
#7C3AED
A bridge to biological sciences and institutional authority.
AUTHORITY
#0F172A
Providing trust and deep contrast for long-form reading.
CLARITY
#F8FAFC
A clean, breathable base that eliminates visual noise.
Sans Serif
Primary typeface
Aa
BLACK 900
For strong headlines & key data highlights.
Aa
LIGHT 300
For immersive reading and secondary info.
ABCDEFGHIJKLM
nopqrstuvwxyz
0123456789
DIGITAL
ACCURACY
This project was my digital awakening. It was the moment I stopped drawing screens and started building experiences.
I used Notion as my central brain for Information Architecture and Research notes.
