Madison Clem's 2026 Portfolio
madison clem.
BELLEVUE, WA to CLEMSON, SCInfo systems student / designer in progress / always making something

Hi, I’m Madison.
I make things
I’d actually use.

I’m a Clemson Management student with an Information Systems emphasis. I like figuring out why something is frustrating, then building a better version. So far, that’s meant an AI tool for DECA, the public website for Delta Sigma Pi, and a lot of things I’ve built with AI along the way.

Explore my work See clemsondsp.com live (opens in a new tab)
Here’s what I’ve been making lately ↓
clemsondsp.com / live project

Where we're from.

See it live at clemsondsp.com

SCRIBBLED IN MY NOTESCould this be easier?
17k+DECA MEMBERS
REACHED
A little peek at a real thing I built.
17,000+

Washington DECA members reached through Decaverse

30

people able to trade in one stock market simulation

2025

International Impact Award for Innovation

THE WORK

A few things I made.

Five projects I keep coming back to. Open a folder or scroll through the work.

PICK A FOLDERSELECTED PROJECTS
And one I built for myself.A planner I use every day to keep classes, chapter work, and everything else in one place.
A little about me

I tend to ask one more question.

A LITTLE NOTE

Most of my projects start with: “Wait, why do we do it like that?”

I'm from Bellevue, Washington, and now study Management, with an Information Systems emphasis, at Clemson. I'm minoring in Brand Communications because I like working on both sides of a product: how it looks, and whether it makes sense to the person using it.

I started building tech for DECA competitions in high school. Now, as Director of IT for Delta Sigma Pi, I get to make real things for people I see every week. Sometimes it's a website. Sometimes it's a side project I couldn't stop thinking about.

I'm still learning. The part I enjoy most is having an idea, finding the awkward parts, and making the next version better.

Product designFront-end developmentAI toolsInteraction designDigital strategyVery organized browser tabs
HOMETOWNBellevue, WA
AT SCHOOLClemson, SC
What I've been doing

My path so far.

Some of my best work started with roles I already had, then turned into projects I wanted to build.

2026 / Now

Clemson University

Management major with an Information Systems emphasis and a Brand Communications minor. Expected graduation: 2029.

2026 / Now

Director of IT, Delta Sigma Pi Kappa Tau

Rebuilt our public website, searchable brother directory, rotating photo gallery, and interactive homepage details.

2025-26

Salesperson, Nordstrom

Helped customers in Bellevue find what they actually needed, and regularly met $3,000 daily sales goals.

2025

Creator, Decaverse

Built an AI-driven competition-prep tool for Washington DECA. Recognized with a 2025 International Impact Award for Innovation.

2025

Student advocate, Washington State Legislature

Gave student testimony for Senate Bill 5080, which pushes for financial literacy in Washington high schools, and worked with senators and other student advocates on the message.

2024-25

Area 4 President, Washington DECA

Served on the state officer team and helped host state conferences for about 10,000 students. That work is where I saw the need that became Decaverse.

Let's connect

Let's make something good.

linkedin.com/in/madisonclem (opens in a new tab)Look through my work

I’m looking for opportunities in UX, product, and technology. If something here caught your eye, I’d love to talk about it.

KEEP IN TOUCH

Want to connect?
Send me a message.

madisonclem@outlook.com
© 2026 Madison Clem · Built between classes.Design, code, and too many open tabs.Back to top
All projects/Clemson DSP
Public chapter website

A chapter website that actually feels like us.

I rebuilt clemsondsp.com for Delta Sigma Pi's Kappa Tau chapter. I wanted someone visiting for the first time to see the people behind the letters, find the information they needed, and have a reason to keep exploring.

Visit the live site (opens in a new tab)
My role
Director of IT; public site design and development
Platform
WordPress and custom interactive components
Timeline
2026, ongoing
Status
Rebuilt public website, live now
ΔΣΠ   KAPPA TAUWORK   •   PEOPLE
CLEMSON / KAPPA TAU

Where we're from.

Portfolio recreation based on Kappa Tau interface work. See the live site for the current design.CASE STUDY / CLEMSON DSP
The real problem

Show people what this chapter is really like.

Someone thinking about joining DSP wants more than a description of the organization. They want to see who's there, what the chapter spends time doing, and whether they could picture themselves being part of it.

I wanted the public website to do that without burying useful information. Photos needed room to breathe. The brother directory had to be easy to search. And the interactive pieces had to give visitors something worth exploring, not just something flashy.

Make it feel like the people in the chapter, not a template for any chapter.
The choices I made

Three decisions I made.

Lead with real moments

Use candid photos of brothers rather than relying on generic stock images or formal headshots everywhere.

Make people easy to find

Build a searchable brother directory, with clear class filters and a way to get to know the members.

Make curiosity part of the page

Bring the company marquee and interactive ‘Where We’re From’ globe into the homepage as part of the same experience.

What changed

From a website to a first impression.

Before

A conventional chapter site where the personality of the people could get lost among the information.

After

A photo-led public website with a searchable directory, real chapter moments, and interactive details built into the same design.

Development concept for a collage of real Kappa Tau chapter photos
Exploring a photo-first view of chapter life.
Design preview showing an animated careers marquee and interactive globe
A development preview of the careers ticker and globe pairing.
The honest outcome

What is live now

The rebuilt public site is live at clemsondsp.com. The brother directory, photo gallery, animated company marquee, and ‘Where We’re From’ globe are all part of that single website. I keep refining the details as the chapter grows.

What I'd keep thinking about

It doesn't take a giant paragraph to show what a community feels like. Sometimes a great photo and an easy way to explore are more convincing.

The globe is still one of my favorite parts. Visitors can spin it to see the places connected to our brothers, with locations grouped instead of showing individual home addresses. It belongs inside the larger website story, not as a separate project.

Next project / Figma & product strategy

DSP Fundraising Studio

All projects/DSP Fundraising Studio
Figma & product strategy

A fundraising plan you can click through.

For my Delta Sigma Pi financial development application, I didn't want to hand over another list of events. I wanted people to see the plan, understand the tradeoffs, and know where the money could come from.

Open the Figma website (opens in a new tab)
My role
Concept, content, UX and prototype
Platform
Figma Make, published website
Timeline
Fall 2026, Spring 2027 proposal
Status
Published concept, not a report of actual revenue
DSP / FINANCIAL DEVELOPMENTSPRING 2027
A proposed fundraising plan

Good ideas.
Clear numbers.

Example progress UI$2,000 target
✳ Bouquet Bar↗ Proceeds Night▦ March Madness♡ Community Events
Made to share, not just show
Illustrative recreation of the fundraising proposal, not a screenshot of the published Figma site.CASE STUDY / DSP FUNDRAISING STUDIO
The real problem

A list of fundraising ideas is hard to compare.

A bouquet bar, a proceeds night, and a March Madness bracket have different audiences, different logistics, and different profit potential. Without a clear place to compare them, the plan feels larger and more complicated than it is.

I started with plenty of options, then realized there were too many. The project became as much about editing as adding. I needed the site to communicate variety without making the chapter feel like it had fourteen events to run.

The goal was not to make the fundraiser look bigger. It was to make the plan easier to judge.
The choices I made

Three decisions I made.

Show the goal

Use a visible fundraising target of approximately $2,000, separated from projected event profit.

Cut the clutter

Reduce the event list and remove options that made the schedule feel overloaded.

Make it human

Use simple event descriptions so brothers can picture actually going, not just see a projected total.

What changed

One clear shift.

Before

A long set of event ideas and estimated earnings with no clear way to compare the plan.

After

One explorable website with the target, event concepts, and an easier read on the mix of activities.

The honest outcome

What you can see

The Figma site is published as an interactive proposal. It shows how I would communicate the plan, not verified income, approved events, or a finished fundraising campaign. The $2,000 figure is a target.

What I'd keep thinking about

The biggest improvement came when I took events out. UX is not always another feature. Sometimes it's knowing what not to ask people to sort through.

The design leans into Delta Sigma Pi purple and gold, but uses enough space and contrast for the estimates and event descriptions to stay readable.

Next project / AI product & education

Decaverse

All projects/Decaverse
AI product & education

Studying for DECA was frustrating. So I built a better way.

I competed in DECA for years. I knew how much time went into studying, and how quickly the available practice materials could start to feel like a pile of disconnected PDFs. So I built Decaverse to make that practice easier to get into.

See Washington DECA impact report (opens in a new tab)
My role
Conceived, designed and built the product
Audience
Washington DECA competitors
Timeline
2024-2025
Status
Closed-source; official DECA award coverage available
✳ DECAVERSETEST PREP
Illustrative practice question

Which approach builds stronger customer relationships over time?

A. Focus on one-time purchases only
B. Build long-term customer value
C. Cut all customer support
17,000+ DECA members reached
Interface illustration for storytelling. Decaverse is closed-source and no production screenshot is presented.CASE STUDY / DECAVERSE
The real problem

The material existed. The experience was the hard part.

Students had exam material, but turning it into a useful study session took effort. A great tool could help competitors choose what to practice and stay in the flow instead of spending their energy just finding questions.

I developed the core tutoring experience independently and worked with the Washington DECA state officer team around its rollout and award presentation. I cared about creating something other students would reach for before their competitions.

I wasn't trying to make AI the headline. I wanted DECA practice to feel less overwhelming.
The choices I made

Three decisions I made.

Start with the real task

Help students practice for competitive exams, not chat with a general-purpose assistant.

Use existing material

Ground the experience in archived DECA testing and competition-prep material.

Keep it practical

Make the tutoring experience accessible to members without asking chapters to adopt a complicated new workflow.

What changed

One clear shift.

Before

Static practice materials that students had to organize and work through on their own.

After

A focused AI-powered preparation experience built around competition practice.

The honest outcome

What happened

Decaverse reached more than 17,000 Washington DECA members and was recognized with the 2025 International Impact Award for Innovation. Washington DECA's 2024-25 impact report documents the state team's Decaverse initiative. The app is closed-source, so I'm linking the published report instead of pretending a public demo exists.

What I'd keep thinking about

This project changed how I think about digital tools. The technology matters, but removing the tiny bits of friction around someone's actual goal matters just as much.

The practice screen pictured here is an illustrative portfolio reconstruction rather than a production screenshot.

Next project / Interactive web app

DSP Market Lab

All projects/DSP Market Lab
Interactive web app

What if the finance lesson was the game?

It's hard to make a lecture about investing feel immediate. I built a multiplayer stock market simulation for Delta Sigma Pi so everyone in the room could make decisions and see what happened.

Open the live game (opens in a new tab)
My role
Designer and developer
Platform
Web app hosted for chapter use
Timeline
2026
Status
Public demo available; live rounds require a host
KT / MARKET LABGROUP SESSION

Everyone gets to trade.

A multiplayer market simulation for chapter events. Illustrative chart.
30 PLAYERS · ONE ROOM
Illustrative market interface, not live player performance data.CASE STUDY / DSP MARKET LAB
The real problem

Listening is different from deciding.

A slide can explain a stock trade. It cannot recreate the part where someone has to choose. I wanted a low-pressure environment where each person had something to do, not just something to look at.

The challenge was making a live group experience simple. Thirty people needed to join, find the same information, place trades, and keep following the session without the interface getting in the way.

I wanted everybody playing, not three people talking while everyone else watched.
The choices I made

Three decisions I made.

Build for a room

Support thirty concurrent players instead of designing for a single-person demo.

Make the market interesting

Use ten rounds of fictional market news to make every trading decision matter.

Keep decisions visible

Use a clear portfolio view and simple trading flow so participants can discuss choices.

What changed

One clear shift.

Before

A lesson where participants could only discuss imaginary investing decisions.

After

An interactive market session with individual simulated portfolios and trading.

The honest outcome

Where it stands

The current public demo supports up to thirty players, fictional $10,000 starting portfolios, six simulated stocks, and ten host-controlled market rounds. It is an educational activity, not a real-money trading platform. The host controls when rounds begin and advance.

What I'd keep thinking about

The best feature was getting everyone into the activity. If onboarding takes too long, the entire idea stops being fun.

Any chart or portfolio visualization shown on this page is illustrative, not a real participant balance.

Next project / Personal web app

Pastel Planner

All projects/Pastel Planner
Personal web app

My to-do list was becoming another to-do.

My assignments, classes, and Delta Sigma Pi tasks were spread across too many tabs. I built a planner that keeps my actual to-do list easy to scan, and it’s now a finished, usable app.

Finished and usable · personal app
My role
Solo design and development
Platform
Next.js, React, TypeScript, Tailwind CSS
Timeline
Completed in 2026
Status
Working personal planner, ready to use

one thing at a time.

today ↗
Your next two weeks
Review macroeconomics notesECON
Finish class assignmentCLASS
Update the DSP public siteDSP
Send weekly newsletterDSP
Illustrative view of the completed planner. The real app is usable; this image is not a production screenshot.CASE STUDY / PASTEL PLANNER
The real problem

Everything was shouting at once.

The first versions had large task cards and too many future deadlines on screen. More information was not making me more organized. It just made the page harder to scan.

I kept tightening the layout based on how I use it: smaller task rows, progress states I can adjust, and a way to hide assignments more than two weeks away until I need them.

If I have to manage the planner before I can manage the day, I made the wrong planner.
The choices I made

Three decisions I made.

Go list-first

Show a compact list of what needs attention without oversized cards.

Make progress honest

Let each task have its own in-progress state and completion slider.

Reduce the horizon

Tuck tasks beyond the next two weeks behind a disclosure instead of filling the first screen.

What changed

One clear shift.

Before

Tall task cards, lots of future deadlines, and too many competing elements.

After

A focused list of near-term work, with progress details when you need them.

The honest outcome

Finished, and actually useful.

Pastel Planner is complete and usable, not a concept waiting to be built. It brings my assignments and other tasks into a compact view, with adjustable progress and a way to keep far-off deadlines out of sight until I need them.

What I'd keep thinking about

The two-week cutoff made the biggest difference. Seeing fewer things at once makes the list much easier to trust.

The finished app has class-based organization and calendar views alongside the daily list. My goal was simple: open one place, figure out what matters, and get on with the day.

Next project / Public chapter website

Clemson DSP