college · 2022 · earned an A
An escape room's website had cluttered layouts, slow images and a poor mobile experience. I redesigned it with a mobile-first approach.
An early project that built my foundation in front-end design, and earned an A toward my 4.0 GPA.
- type
- College UI/UX redesign
- year
- 2022
- built with
- HTML · CSS3 · jQuery
- tools
- Photoshop · Font Awesome
- focus
- Mobile-first, speed
- grade
- A
earned an A!
Afinal grade
Mobilefirst design approach
Speedoptimized images
jQueryinteractive menu
What I did
01 · problems
What we fixed
- Cluttered layouts
- Poorly scaled images
- Weak mobile experience
- Slow loading
02 · design
Clean and focused
- Mobile-first layouts
- Clear typography
- Font Awesome icons
- Strong calls to action
03 · build
Fast and responsive
- Responsive CSS3
- jQuery mobile menu
- Compressed images in Photoshop
- Cross-device testing
How it came together
- 01AuditThe original site
- 02PlanMobile-first layout
- 03DesignUI and imagery
- 04BuildCSS3 and jQuery
- 05TestDevices and speed
what I learned
- Start with the phone layout.
- Image size is a design decision.
- Clean beats clever.
Want results like this?
I'm open to full-time and contract roles in web development, design and marketing.