Post Grad: responsive Marketing site

Showcasing PostGrad's Mission and Impact.

ROLE

UX Designer

EXPERTISE

UX/UI Design

YEAR

2025

Background

Post Grad’s success hinges on a responsive marketing website that effectively engages its diverse audience—students, career switchers, and early-career professionals, as well as businesses and mentors. Without an engaging, accessible platform, users may struggle to see its value in bridging the gap between education and real-world experience.

Problem

  • The key problem was creating a responsive marketing website that effectively communicates Post Grad’s value proposition to users and employers while providing a seamless, user-friendly experience across all devices.

Target Audience

  • Primary: Students, recent graduates, and career switchers seeking hands-on experience.

  • Secondary: Employers and mentors looking to connect with emerging talent.

Why It Matters

  • A responsive website ensures Post Grad can effectively communicate its mission, build trust, and drive sign-ups by providing a seamless and accessible experience for all users.

Impact

  • The marketing site will serve as a vital touchpoint, attracting users, establishing credibility, and positioning Post Grad as the leading platform for professional development.

Weather app image
Weather app image

High-Fidelity Prototype

High-Fidelity Prototype

Want to see more?

Scroll on for more project details or…

View working prototype here

PostGrad Site

Want to see more?

Scroll on for more project details or…

View working prototype here

Research & Planning

To create a responsive marketing website for Post Grad, we focused on uncovering user pain points, needs, and motivations. Insights from interviews helped shape a strategy to communicate Post Grad’s unique value, build trust, and drive engagement with both users and employers.

Methods

  • User Interviews: 5 remote interviews to understand pain points and expectations.

  • Affinity Mapping: Analyzed patterns in user needs and concerns to identify key opportunities.

    Link to affinity mapping

    Competitive Analysis: Reviewed similar platforms to identify gaps and opportunities.

    Link to competive analysis

Key Insights

  • Communicating Value: Users struggle to bridge the gap between training and real-world experience and need mentorship, practical projects, and portfolio-building opportunities.


  • Building Trust: Career transitions feel isolating, and users worry about IP protection. Success stories, testimonials, and vetted mentorship can establish credibility.


  • Driving Engagement: Features like CTAs, competitive challenges, and community events can boost sign-ups and participation


  • Attracting Employers: A dedicated section for employers can highlight branding opportunities, talent access, and mentorship benefits.


  • Differentiation: Emphasizing real-world experience, portfolio readiness, and community building helps Post Grad stand out in saturated markets.

Data Points

  • 100% valued real-world projects.

  • 80% prioritized mentorship and collaboration.

  • 70% highlighted concerns about isolation and IP misuse.

User 1

Marketing Specialist

Marketing Specialist

"I need a site that clearly shows how Post Grad can help me gain real-world experience and connect with mentors."

User 2

Data Analyst

Data Analyst

"A site showcasing real projects and success stories would help me trust Post Grad to bridge the gap between learning and work."

User 3

Graphic Designer

Graphic Designer

"A clear site highlighting portfolio-building and collaboration would show me how Post Grad fits my goals."

Define

Synthesized research to define user needs, created POV statements, explored solutions with "How Might We" questions, and prioritized features to address pain points.

Synthesis

  • Developed personas (Chloe, Rahul, Megan) to address needs of new grads, career switchers, and employers.

    Link to user personas

  • Developed personas (Chloe, Rahul, Megan) to address needs of new grads, career switchers, and employers.

    Link to user personas

POV Statements

  • Chloe: Needs project examples and testimonials to see how Post Grad builds portfolios.

  • Rahul: Needs clear pathways to job readiness for a confident career switch.

  • Megan: Needs to see how Post Grad simplifies hiring through real-world project briefs.

How Might We…?

  • For Chloe: HMW showcase projects to build her confidence?

  • For Rahul: HMW highlight success stories for career switchers?

  • For Megan: HMW demonstrate how briefs streamline hiring?

Feature Priorities

  • Hero Section: Engage users with a clear tagline, value proposition, and CTAs.

  • Value Proposition: Showcase benefits like portfolios, mentorship, and employer connections.

  • How It Works: Explain the process with simple steps and visuals.

  • Success Stories: Build trust with testimonials and metrics.

  • Employer Tools: Highlight project briefs, talent evaluation, and branding.

Design

Developed user flows, branding, and wireframes into high-fidelity prototypes for the Post Grad marketing site, delivering a seamless and engaging user experience.

Decisions

  • Flows: Designed pathways for key actions like onboarding, exploring project briefs, mentorship engagement, and navigating decision points, such as exploring success stories or signing up.

    Link to User flows


  • Branding: Created a cohesive visual identity with a unique logo and professional aesthetics.

  • Wireframes: Refined low-fidelity wireframes into high-fidelity designs using Figma to highlight user-centric features like "How It Works" and "Success Stories."

Deliverables

  • High-fidelity screens for hero, value proposition, and success story sections.

  • Prototypes with interactive CTAs like “Start Your First Project” and “Post a Brief” for usability testing.

  • High-fidelity screens.

  • Prototypes for usability testing.

User Flow

The user flow guides users through Post Grad’s marketing site, from exploring features and success stories to signing up seamlessly.

Low-Fidelity Wireframes

Weather app image
Weather app image

Test

Testing identified usability issues, gathered feedback, and refined the Post Grad marketing site for better accessibility and user experience.

Methods

  • Unmoderated usability tests with 9 participants on mid- and high-fidelity wireframes.

  • Tasks included exploring features, navigating the site, and signing up.

Key Findings

  • Navigation & Design:

    • Intuitive interface with modern design; minor issues with navigation bar transparency and spacing.

    • Rotating galleries were engaging but text-heavy.

    • 100% success rate for key tasks, with an average completion time of 5.5 seconds.

  • User Feedback:

    • Praised features: real-world projects, mentorship, employer connections.

    • Suggestions: improve button prominence, reduce text, and add personal imagery.

Implemented Changes

  • Improved navigation bar readability, button visibility, and spacing.

  • Reduced text on galleries, added "learn more" links, and incorporated personal imagery.

    Link to priority revisions

Task #1

Explore the Homepage:
Navigate the Post Grad marketing site homepage. Review the layout, value propositions, and key sections to understand what the platform offers.

Task #2

Discover Features:
Locate and explore the features section on the marketing site. Identify standout elements, such as real-world projects and mentorship opportunities.

Task #3

Sign-Up Process:
Simulate starting the sign-up process by locating the "Sign Up" call-to-action button, reviewing the process steps, and providing feedback on the experience.

Weather app image
Weather app image

Results

The PostGrad marketing site bridges education and professional experience by prioritizing accessibility, responsive design, and streamlined navigation to deliver value to both users and employers.

Challenges

  • Balancing visual hierarchy with reducing clutter for improved usability.

  • Aligning employer-specific content with user-focused elements.

Lessons

  • User feedback is crucial for refining CTAs, spacing, and visual identity.

  • Iterative testing ensures designs meet user and business needs.

Future Goals

  • Expand content strategies to better serve diverse user needs.

Takeaways

  • Accessibility and clarity drive impactful user experiences.

  • Iterative refinement creates polished, user-friendly solutions aligned with goals.

Final Design

Final Prototype

PostGrad Site: Web

Final Prototype

PostGrad Site: Mobile