Web Design & Development • Higher Education Program Site
BS in Genomic Medicine (Temple University)
Program website design + development
A public-facing program website designed to help prospective students quickly understand the degree, explore program details, and take action through clear CTAs (Apply / Learn More / Contact).
My role
Design + front-end build (structure, layout, UI polish)
Website
Focus
Navigation clarity • Content hierarchy • CTA visibility
Deliverables
Homepage layout • Program sections • UI components
Homepage Preview
Screenshot from the homepage.
Overview
The homepage uses strong visual hierarchy and clear navigation to support common user goals: learn what the program is, explore key sections (Program, Learning Activities, Resources, FAQs), and quickly move toward application or contact steps.
What I contributed
- Information structure that supports scanning: headline → summary → pathways into deeper content.
- CTA-first layout to guide prospective students (Apply / Learn More).
- Homepage modules/cards to break content into readable sections.
- UI consistency across navigation, buttons, and content blocks.
UX/UI highlights
- Navigation clarity: top-level menu organized around user intent (About, Program, Resources, Apply, FAQs, Contact).
- Strong hierarchy: title + subtitle, then a short explainer block—easy to understand in seconds.
- Action visibility: high-contrast CTA buttons positioned where users decide what to do next.
- Content chunking: card-based sections reduce cognitive load and keep reading comfortable.
Future improvements (optional)
- Add a short “At a glance” section (duration, key courses, career paths) for faster scanning.
- Improve accessibility checks (focus states, contrast, heading order) across templates.
- Optimize mobile spacing so CTA + program summary stays readable above the fold.