MakersLab

I designed MakersLab as a university-focused project showcase platform with a strong front-end and UX direction. The goal was to make student work feel clear, credible, and easy to navigate while still looking polished enough for academic presentation.

UX Direction

The interface was shaped around trust, simplicity, and fast navigation. I focused on clean layouts, strong visual hierarchy, and reusable UI patterns so the experience stays consistent across landing pages, dashboards, profiles, and project pages.

That structure helps the product feel organized without feeling heavy. Users can move through the platform quickly, and the interface keeps attention on the work instead of the UI around it.

Loading States

A major part of the work was adding dedicated loading states and skeleton screens across important pages. This improved perceived performance and reduced visual disruption while data is being fetched.

The result is a smoother experience, especially on slower networks or on pages with more content. It also makes the app feel more refined and production-ready because the interface behaves predictably while content is loading.

Outcome

The experience was designed to support two different audiences. For students, it makes creating, managing, and previewing projects feel more structured and less stressful. For visitors and recruiters, it surfaces the most important details first: identity, credibility signals, project information, and supporting links like GitHub, demos, slides, and pitch videos.

MakersLab ended up feeling like a proper showcase platform rather than a basic project list. It is clear, responsive, and built to make academic work easier to publish and easier to trust.