college · 2022 · Texas State Technical College
Bankston's Sports Memorabilia, Comics & Collectibles had a dated, static website. I redesigned it into a responsive, interactive site.
One of my first big UI/UX projects: wireframes in Figma, new graphics, and vanilla JavaScript for interaction.
- type
- College redesign project
- year
- 2022
- built with
- HTML · CSS3 · JavaScript
- design
- Figma · Photoshop · Illustrator
- focus
- UX, responsiveness, interaction
- i did
- Research, design, build
static → interactive
Figmawireframes & mockups
JSdynamic interactions
Mobileresponsive layouts
CTAsplaced for engagement
What I did
01 · research
What wasn't working
- Audited the old static site
- Found navigation pain points
- Defined the user journey
- Set clear goals
02 · design
A fresh look
- Wireframes in Figma
- Logos and graphics in Adobe
- Font Awesome icons
- CTAs placed for engagement
03 · build
Interactive and fast
- Responsive CSS3
- Vanilla JavaScript features
- Dynamic content loading
- Light page weight
How it came together
- 01AuditThe old site
- 02WireframeIn Figma
- 03DesignGraphics and UI
- 04BuildHTML, CSS, JS
- 05PolishTest and refine
what I learned
- Wireframes save rework.
- Interaction should help, not distract.
- Small sites still need a user journey.
Want results like this?
I'm open to full-time and contract roles in web development, design and marketing.