FRONT-END DEVELOPER & DESIGNER

Figma

Website (Coming Soon!)

SAMPLE PAGES

(All Designed By Yours Truly!)

WHAT DID I DO?

Oversaw A Complete Overhaul of Existing Design

Integration of Designs into Code via React

Created Designs and Graphics for all Pages via Figma

PROBLEM STATEMENT

In college, obtaining contact information with other classmates can be a hassle as students splinter off into separate group chats. There’s also a lack of a singular site that can serve as a consolidated study tool, forcing students to hop around different sites, which can become overwhelming. And many of the websites/web-apps that do have this focus on students/education suffer from a very bland/uninteractive design that can easily lose engagement among users, especially for the younger target demographic of college students.

WHAT IS NEXUS?

Easy Grade Management via Grade Calculator

Consolidated Class Notes for Students via “Superdoc”

Quick Class Group Chat Creation via Class Scraping

Nexus is a web app created to give students an easy way to converse and study with their classmates without the hassle of obtaining contact information. It aims to make communication and studying easier for classmates by providing a consolidated platform for study tools.

WHAT DID I USE?

Figma

React

TypeScript

Prototyping

TailwindCSS

SVG Animation

CONCEPT DESIGNS

One of the earliest pages made to test out the concepts and how it would mesh with the existing UI at the time.

Better view of the previous image's background. A 'crystal' theme that is invoked by the geometric design of Nexus.

Another early page, the background is meant to represent Nexus quite literally, where it's a connection of multiple points and lines.

The fan favorite design! An attempt to make a more identifiable style through more playful graphics.

Custom loading animation I made that also takes the word Nexus literally, where the logo grows and disperses out to make connections.

DISCOVERY

I joined Nexus after it was conceived, meaning it already had an existing design. However, I was brought on as the lead designer, and was thrown in with no clear direction as the team never had one. Being given not much to work with other than knowing what pages to design, I came up with multiple concepts, some that followed the existing design and one that diverged. My PM presented the designs to other leads and the director, and it was decided that the divergent design was the favorite, making it the main style moving forward.

INITIAL USER FLOW

Prototype Link

DESIGN

My design choice was guided from the one concept piece that was well received among others as well as my own design style that I’ve developed. The design strays from the sanitized and minimalist look of other education-related websites in favor of a lively and playful style that’ll set Nexus apart and more memorable.The biggest challenge I ran into, and frankly, still am, is keeping up with consistency. When I began I was still a novice in using Figma, and as I've grown more experienced, I find that many of my practices were nonoptimal. Going back to implement best practices for things I've already done is a hassle, but for the sake developer handoff, it'll ultimately save more time for everybody.

DESIGN COMPARISONS

Before: Landing Page

After: Landing Page

Before: Superdoc

After: Superdoc

Before: Grade Calculator

After: Grade Calculator

OUTCOME

Nexus is set to release in the Spring 2026 semester for all UTD students, stay tuned for results! Thanks to holding weekly meetings as well as having a framework already complete the year before, steady progress was made even during the team’s busy college schedule. Our team was able to ship a product I’m extremely satisfied with and am excited to develop and design more features for!

Thanks for Reading! Click Here to Go Back Up!