Post Grad: responsive Marketing site
Showcasing PostGrad's Mission and Impact.



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.











High-Fidelity Prototype
High-Fidelity Prototype
Want to see more?
Scroll on for more project details or…
View working prototype here
PostGrad Site
sign in
Provides returning users with a simple and secure login process to access their accounts and continue building their portfolios seamlessly.
hero section
The Hero Section highlights Post Grad’s value with “Real Projects, Real Growth,” clear CTAs, and a responsive design for seamless user engagement.
how it works
Outlines the step-by-step process for users to work on real-world challenges, receive expert mentorship, collaborate with peers, and demonstrate their skills directly to employers.
why?
Highlights Post Grad’s impact with metrics.
projct and company showcase
Highlights partnerships with leading companies like Google, YouTube, and Facebook, connecting users to real-world projects that build skills and deliver impactful results.
user testimonials
Highlights user success stories with quotes and ratings, showcasing how Post Grad has helped users gain mentorship, build skills, and land their first jobs.
for employers
Encourages companies to post projects, mentor emerging talent, and discover top professionals through Post Grad’s innovative platform. Includes CTAs like "Post a Project" and "Learn More."
call to action and footer
Encourages users to take the next step with a clear CTA, "Join Post Grad Today," and provides essential links like FAQs, contact info, and privacy policies for easy navigation.
sign up
Welcomes new users with a clear and engaging form to start their journey, highlighting Post Grad’s value of real projects, growth, and impact.
sign in
Provides returning users with a simple and secure login process to access their accounts and continue building their portfolios seamlessly.
hero section
The Hero Section highlights Post Grad’s value with “Real Projects, Real Growth,” clear CTAs, and a responsive design for seamless user engagement.
how it works
Outlines the step-by-step process for users to work on real-world challenges, receive expert mentorship, collaborate with peers, and demonstrate their skills directly to employers.
why?
Highlights Post Grad’s impact with metrics.
projct and company showcase
Highlights partnerships with leading companies like Google, YouTube, and Facebook, connecting users to real-world projects that build skills and deliver impactful results.
user testimonials
Highlights user success stories with quotes and ratings, showcasing how Post Grad has helped users gain mentorship, build skills, and land their first jobs.
for employers
Encourages companies to post projects, mentor emerging talent, and discover top professionals through Post Grad’s innovative platform. Includes CTAs like "Post a Project" and "Learn More."
call to action and footer
Encourages users to take the next step with a clear CTA, "Join Post Grad Today," and provides essential links like FAQs, contact info, and privacy policies for easy navigation.
sign up
Welcomes new users with a clear and engaging form to start their journey, highlighting Post Grad’s value of real projects, growth, and impact.
sign in
Provides returning users with a simple and secure login process to access their accounts and continue building their portfolios seamlessly.
hero section
The Hero Section highlights Post Grad’s value with “Real Projects, Real Growth,” clear CTAs, and a responsive design for seamless user engagement.
how it works
Outlines the step-by-step process for users to work on real-world challenges, receive expert mentorship, collaborate with peers, and demonstrate their skills directly to employers.
why?
Highlights Post Grad’s impact with metrics.
projct and company showcase
Highlights partnerships with leading companies like Google, YouTube, and Facebook, connecting users to real-world projects that build skills and deliver impactful results.
user testimonials
Highlights user success stories with quotes and ratings, showcasing how Post Grad has helped users gain mentorship, build skills, and land their first jobs.
for employers
Encourages companies to post projects, mentor emerging talent, and discover top professionals through Post Grad’s innovative platform. Includes CTAs like "Post a Project" and "Learn More."
call to action and footer
Encourages users to take the next step with a clear CTA, "Join Post Grad Today," and provides essential links like FAQs, contact info, and privacy policies for easy navigation.
sign up
Welcomes new users with a clear and engaging form to start their journey, highlighting Post Grad’s value of real projects, growth, and impact.
sign in
Provides returning users with a simple and secure login process to access their accounts and continue building their portfolios seamlessly.
hero section
The Hero Section highlights Post Grad’s value with “Real Projects, Real Growth,” clear CTAs, and a responsive design for seamless user engagement.
how it works
Outlines the step-by-step process for users to work on real-world challenges, receive expert mentorship, collaborate with peers, and demonstrate their skills directly to employers.
why?
Highlights Post Grad’s impact with metrics.
projct and company showcase
Highlights partnerships with leading companies like Google, YouTube, and Facebook, connecting users to real-world projects that build skills and deliver impactful results.
user testimonials
Highlights user success stories with quotes and ratings, showcasing how Post Grad has helped users gain mentorship, build skills, and land their first jobs.
for employers
Encourages companies to post projects, mentor emerging talent, and discover top professionals through Post Grad’s innovative platform. Includes CTAs like "Post a Project" and "Learn More."
call to action and footer
Encourages users to take the next step with a clear CTA, "Join Post Grad Today," and provides essential links like FAQs, contact info, and privacy policies for easy navigation.
sign up
Welcomes new users with a clear and engaging form to start their journey, highlighting Post Grad’s value of real projects, growth, and impact.
sign in
Provides returning users with a simple and secure login process to access their accounts and continue building their portfolios seamlessly.
hero section
The Hero Section highlights Post Grad’s value with “Real Projects, Real Growth,” clear CTAs, and a responsive design for seamless user engagement.
how it works
Outlines the step-by-step process for users to work on real-world challenges, receive expert mentorship, collaborate with peers, and demonstrate their skills directly to employers.
why?
Highlights Post Grad’s impact with metrics.
projct and company showcase
Highlights partnerships with leading companies like Google, YouTube, and Facebook, connecting users to real-world projects that build skills and deliver impactful results.
user testimonials
Highlights user success stories with quotes and ratings, showcasing how Post Grad has helped users gain mentorship, build skills, and land their first jobs.
for employers
Encourages companies to post projects, mentor emerging talent, and discover top professionals through Post Grad’s innovative platform. Includes CTAs like "Post a Project" and "Learn More."
call to action and footer
Encourages users to take the next step with a clear CTA, "Join Post Grad Today," and provides essential links like FAQs, contact info, and privacy policies for easy navigation.
sign up
Welcomes new users with a clear and engaging form to start their journey, highlighting Post Grad’s value of real projects, growth, and impact.
sign in
Provides returning users with a simple and secure login process to access their accounts and continue building their portfolios seamlessly.
hero section
The Hero Section highlights Post Grad’s value with “Real Projects, Real Growth,” clear CTAs, and a responsive design for seamless user engagement.
how it works
Outlines the step-by-step process for users to work on real-world challenges, receive expert mentorship, collaborate with peers, and demonstrate their skills directly to employers.
why?
Highlights Post Grad’s impact with metrics.
projct and company showcase
Highlights partnerships with leading companies like Google, YouTube, and Facebook, connecting users to real-world projects that build skills and deliver impactful results.
user testimonials
Highlights user success stories with quotes and ratings, showcasing how Post Grad has helped users gain mentorship, build skills, and land their first jobs.
for employers
Encourages companies to post projects, mentor emerging talent, and discover top professionals through Post Grad’s innovative platform. Includes CTAs like "Post a Project" and "Learn More."
call to action and footer
Encourages users to take the next step with a clear CTA, "Join Post Grad Today," and provides essential links like FAQs, contact info, and privacy policies for easy navigation.
sign up
Welcomes new users with a clear and engaging form to start their journey, highlighting Post Grad’s value of real projects, growth, and impact.
sign in
Provides returning users with a simple and secure login process to access their accounts and continue building their portfolios seamlessly.
hero section
The Hero Section highlights Post Grad’s value with “Real Projects, Real Growth,” clear CTAs, and a responsive design for seamless user engagement.
how it works
Outlines the step-by-step process for users to work on real-world challenges, receive expert mentorship, collaborate with peers, and demonstrate their skills directly to employers.
why?
Highlights Post Grad’s impact with metrics.
projct and company showcase
Highlights partnerships with leading companies like Google, YouTube, and Facebook, connecting users to real-world projects that build skills and deliver impactful results.
user testimonials
Highlights user success stories with quotes and ratings, showcasing how Post Grad has helped users gain mentorship, build skills, and land their first jobs.
for employers
Encourages companies to post projects, mentor emerging talent, and discover top professionals through Post Grad’s innovative platform. Includes CTAs like "Post a Project" and "Learn More."
call to action and footer
Encourages users to take the next step with a clear CTA, "Join Post Grad Today," and provides essential links like FAQs, contact info, and privacy policies for easy navigation.
sign up
Welcomes new users with a clear and engaging form to start their journey, highlighting Post Grad’s value of real projects, growth, and impact.
sign in
Provides returning users with a simple and secure login process to access their accounts and continue building their portfolios seamlessly.
hero section
The Hero Section highlights Post Grad’s value with “Real Projects, Real Growth,” clear CTAs, and a responsive design for seamless user engagement.
how it works
Outlines the step-by-step process for users to work on real-world challenges, receive expert mentorship, collaborate with peers, and demonstrate their skills directly to employers.
why?
Highlights Post Grad’s impact with metrics.
projct and company showcase
Highlights partnerships with leading companies like Google, YouTube, and Facebook, connecting users to real-world projects that build skills and deliver impactful results.
user testimonials
Highlights user success stories with quotes and ratings, showcasing how Post Grad has helped users gain mentorship, build skills, and land their first jobs.
for employers
Encourages companies to post projects, mentor emerging talent, and discover top professionals through Post Grad’s innovative platform. Includes CTAs like "Post a Project" and "Learn More."
call to action and footer
Encourages users to take the next step with a clear CTA, "Join Post Grad Today," and provides essential links like FAQs, contact info, and privacy policies for easy navigation.
sign up
Welcomes new users with a clear and engaging form to start their journey, highlighting Post Grad’s value of real projects, growth, and impact.
sign in
Provides returning users with a simple and secure login process to access their accounts and continue building their portfolios seamlessly.
hero section
The Hero Section highlights Post Grad’s value with “Real Projects, Real Growth,” clear CTAs, and a responsive design for seamless user engagement.
how it works
Outlines the step-by-step process for users to work on real-world challenges, receive expert mentorship, collaborate with peers, and demonstrate their skills directly to employers.
why?
Highlights Post Grad’s impact with metrics.
projct and company showcase
Highlights partnerships with leading companies like Google, YouTube, and Facebook, connecting users to real-world projects that build skills and deliver impactful results.
user testimonials
Highlights user success stories with quotes and ratings, showcasing how Post Grad has helped users gain mentorship, build skills, and land their first jobs.
for employers
Encourages companies to post projects, mentor emerging talent, and discover top professionals through Post Grad’s innovative platform. Includes CTAs like "Post a Project" and "Learn More."
call to action and footer
Encourages users to take the next step with a clear CTA, "Join Post Grad Today," and provides essential links like FAQs, contact info, and privacy policies for easy navigation.
sign up
Welcomes new users with a clear and engaging form to start their journey, highlighting Post Grad’s value of real projects, growth, and impact.
sign in
Provides returning users with a simple and secure login process to access their accounts and continue building their portfolios seamlessly.
hero section
The Hero Section highlights Post Grad’s value with “Real Projects, Real Growth,” clear CTAs, and a responsive design for seamless user engagement.
how it works
Outlines the step-by-step process for users to work on real-world challenges, receive expert mentorship, collaborate with peers, and demonstrate their skills directly to employers.
why?
Highlights Post Grad’s impact with metrics.
projct and company showcase
Highlights partnerships with leading companies like Google, YouTube, and Facebook, connecting users to real-world projects that build skills and deliver impactful results.
user testimonials
Highlights user success stories with quotes and ratings, showcasing how Post Grad has helped users gain mentorship, build skills, and land their first jobs.
for employers
Encourages companies to post projects, mentor emerging talent, and discover top professionals through Post Grad’s innovative platform. Includes CTAs like "Post a Project" and "Learn More."
call to action and footer
Encourages users to take the next step with a clear CTA, "Join Post Grad Today," and provides essential links like FAQs, contact info, and privacy policies for easy navigation.
sign up
Welcomes new users with a clear and engaging form to start their journey, highlighting Post Grad’s value of real projects, growth, and impact.
sign in
Provides returning users with a simple and secure login process to access their accounts and continue building their portfolios seamlessly.
hero section
The Hero Section highlights Post Grad’s value with “Real Projects, Real Growth,” clear CTAs, and a responsive design for seamless user engagement.
how it works
Outlines the step-by-step process for users to work on real-world challenges, receive expert mentorship, collaborate with peers, and demonstrate their skills directly to employers.
why?
Highlights Post Grad’s impact with metrics.
projct and company showcase
Highlights partnerships with leading companies like Google, YouTube, and Facebook, connecting users to real-world projects that build skills and deliver impactful results.
user testimonials
Highlights user success stories with quotes and ratings, showcasing how Post Grad has helped users gain mentorship, build skills, and land their first jobs.
for employers
Encourages companies to post projects, mentor emerging talent, and discover top professionals through Post Grad’s innovative platform. Includes CTAs like "Post a Project" and "Learn More."
call to action and footer
Encourages users to take the next step with a clear CTA, "Join Post Grad Today," and provides essential links like FAQs, contact info, and privacy policies for easy navigation.
sign up
Welcomes new users with a clear and engaging form to start their journey, highlighting Post Grad’s value of real projects, growth, and impact.
sign in
Provides returning users with a simple and secure login process to access their accounts and continue building their portfolios seamlessly.
hero section
The Hero Section highlights Post Grad’s value with “Real Projects, Real Growth,” clear CTAs, and a responsive design for seamless user engagement.
how it works
Outlines the step-by-step process for users to work on real-world challenges, receive expert mentorship, collaborate with peers, and demonstrate their skills directly to employers.
why?
Highlights Post Grad’s impact with metrics.
projct and company showcase
Highlights partnerships with leading companies like Google, YouTube, and Facebook, connecting users to real-world projects that build skills and deliver impactful results.
user testimonials
Highlights user success stories with quotes and ratings, showcasing how Post Grad has helped users gain mentorship, build skills, and land their first jobs.
for employers
Encourages companies to post projects, mentor emerging talent, and discover top professionals through Post Grad’s innovative platform. Includes CTAs like "Post a Project" and "Learn More."
call to action and footer
Encourages users to take the next step with a clear CTA, "Join Post Grad Today," and provides essential links like FAQs, contact info, and privacy policies for easy navigation.
sign up
Welcomes new users with a clear and engaging form to start their journey, highlighting Post Grad’s value of real projects, growth, and impact.
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.
Competitive Analysis: Reviewed similar platforms to identify gaps and opportunities.
User Interviews: 5 remote interviews to understand pain points and expectations.
Affinity Mapping
Competitive Analysis: Reviewed similar platforms to identify gaps and opportunities.
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.
Developed personas (Chloe, Rahul, Megan) to address needs of new grads, career switchers, and employers.
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.
User Personas
Megan, 43, a tech hiring manager, seeks project-based tools to assess and hire entry-level talent.
User Personas
Rahul, 34, a career switcher, is struggling to find a platform that offers real-world projects and mentorship to validate his skills and build a portfolio for data analytics roles.
User Personas
Chloe, 22, a recent graduate, is struggling to find a credible platform with real-world projects and mentorship to help her build a standout portfolio and launch her career.
User Personas
Megan, 43, a tech hiring manager, seeks project-based tools to assess and hire entry-level talent.
User Personas
Rahul, 34, a career switcher, is struggling to find a platform that offers real-world projects and mentorship to validate his skills and build a portfolio for data analytics roles.
User Personas
Chloe, 22, a recent graduate, is struggling to find a credible platform with real-world projects and mentorship to help her build a standout portfolio and launch her career.
User Personas
Megan, 43, a tech hiring manager, seeks project-based tools to assess and hire entry-level talent.
User Personas
Rahul, 34, a career switcher, is struggling to find a platform that offers real-world projects and mentorship to validate his skills and build a portfolio for data analytics roles.
User Personas
Chloe, 22, a recent graduate, is struggling to find a credible platform with real-world projects and mentorship to help her build a standout portfolio and launch her career.
User Personas
Megan, 43, a tech hiring manager, seeks project-based tools to assess and hire entry-level talent.
User Personas
Rahul, 34, a career switcher, is struggling to find a platform that offers real-world projects and mentorship to validate his skills and build a portfolio for data analytics roles.
User Personas
Chloe, 22, a recent graduate, is struggling to find a credible platform with real-world projects and mentorship to help her build a standout portfolio and launch her career.
User Personas
Megan, 43, a tech hiring manager, seeks project-based tools to assess and hire entry-level talent.
User Personas
Rahul, 34, a career switcher, is struggling to find a platform that offers real-world projects and mentorship to validate his skills and build a portfolio for data analytics roles.
User Personas
Chloe, 22, a recent graduate, is struggling to find a credible platform with real-world projects and mentorship to help her build a standout portfolio and launch her career.
User Personas
Megan, 43, a tech hiring manager, seeks project-based tools to assess and hire entry-level talent.
User Personas
Rahul, 34, a career switcher, is struggling to find a platform that offers real-world projects and mentorship to validate his skills and build a portfolio for data analytics roles.
User Personas
Chloe, 22, a recent graduate, is struggling to find a credible platform with real-world projects and mentorship to help her build a standout portfolio and launch her career.
User Personas
Megan, 43, a tech hiring manager, seeks project-based tools to assess and hire entry-level talent.
User Personas
Rahul, 34, a career switcher, is struggling to find a platform that offers real-world projects and mentorship to validate his skills and build a portfolio for data analytics roles.
User Personas
Chloe, 22, a recent graduate, is struggling to find a credible platform with real-world projects and mentorship to help her build a standout portfolio and launch her career.
User Personas
Megan, 43, a tech hiring manager, seeks project-based tools to assess and hire entry-level talent.
User Personas
Rahul, 34, a career switcher, is struggling to find a platform that offers real-world projects and mentorship to validate his skills and build a portfolio for data analytics roles.
User Personas
Chloe, 22, a recent graduate, is struggling to find a credible platform with real-world projects and mentorship to help her build a standout portfolio and launch her career.
User Personas
Megan, 43, a tech hiring manager, seeks project-based tools to assess and hire entry-level talent.
User Personas
Rahul, 34, a career switcher, is struggling to find a platform that offers real-world projects and mentorship to validate his skills and build a portfolio for data analytics roles.
User Personas
Chloe, 22, a recent graduate, is struggling to find a credible platform with real-world projects and mentorship to help her build a standout portfolio and launch her career.
User Personas
Megan, 43, a tech hiring manager, seeks project-based tools to assess and hire entry-level talent.
User Personas
Rahul, 34, a career switcher, is struggling to find a platform that offers real-world projects and mentorship to validate his skills and build a portfolio for data analytics roles.
User Personas
Chloe, 22, a recent graduate, is struggling to find a credible platform with real-world projects and mentorship to help her build a standout portfolio and launch her career.
User Personas
Megan, 43, a tech hiring manager, seeks project-based tools to assess and hire entry-level talent.
User Personas
Rahul, 34, a career switcher, is struggling to find a platform that offers real-world projects and mentorship to validate his skills and build a portfolio for data analytics roles.
User Personas
Chloe, 22, a recent graduate, is struggling to find a credible platform with real-world projects and mentorship to help her build a standout portfolio and launch her career.
User Personas
Megan, 43, a tech hiring manager, seeks project-based tools to assess and hire entry-level talent.
User Personas
Rahul, 34, a career switcher, is struggling to find a platform that offers real-world projects and mentorship to validate his skills and build a portfolio for data analytics roles.
User Personas
Chloe, 22, a recent graduate, is struggling to find a credible platform with real-world projects and mentorship to help her build a standout portfolio and launch her career.
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.
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
hero section
The Hero Section highlights Post Grad’s value with “Real Projects, Real Growth,” clear CTAs, and a responsive design for seamless user engagement.
how it works section
Outlines the step-by-step process for users to work on real-world challenges, receive expert mentorship, collaborate with peers, and demonstrate their skills directly to employers.
why?
Highlights Post Grad’s impact with metrics like 500+ completed projects, 10K+ active users, and 90% of participants feeling more prepared for the job market.
projct and company showcase
Highlights partnerships with leading companies like Google, YouTube, and Facebook, connecting users to real-world projects that build skills and deliver impactful results.
partnership
Encourages companies to post projects, mentor emerging talent, and discover top professionals through Post Grad’s innovative platform. Includes CTAs like "Post a Project" and "Learn More."
user testimonials
Highlights user success stories with quotes and ratings, showcasing how Post Grad has helped users gain mentorship, build skills, and land their first jobs.
call to action and footer
Encourages users to take the next step with a clear CTA, "Join Post Grad Today," and provides essential links like FAQs, contact info, and privacy policies for easy navigation.
sign in
Provides returning users with a simple and secure login process to access their accounts and continue building their portfolios seamlessly.
sign up
Welcomes new users with a clear and engaging form to start their journey, highlighting Post Grad’s value of real projects, growth, and impact.
hero section
The Hero Section highlights Post Grad’s value with “Real Projects, Real Growth,” clear CTAs, and a responsive design for seamless user engagement.
how it works section
Outlines the step-by-step process for users to work on real-world challenges, receive expert mentorship, collaborate with peers, and demonstrate their skills directly to employers.
why?
Highlights Post Grad’s impact with metrics like 500+ completed projects, 10K+ active users, and 90% of participants feeling more prepared for the job market.
projct and company showcase
Highlights partnerships with leading companies like Google, YouTube, and Facebook, connecting users to real-world projects that build skills and deliver impactful results.
partnership
Encourages companies to post projects, mentor emerging talent, and discover top professionals through Post Grad’s innovative platform. Includes CTAs like "Post a Project" and "Learn More."
user testimonials
Highlights user success stories with quotes and ratings, showcasing how Post Grad has helped users gain mentorship, build skills, and land their first jobs.
call to action and footer
Encourages users to take the next step with a clear CTA, "Join Post Grad Today," and provides essential links like FAQs, contact info, and privacy policies for easy navigation.
sign in
Provides returning users with a simple and secure login process to access their accounts and continue building their portfolios seamlessly.
sign up
Welcomes new users with a clear and engaging form to start their journey, highlighting Post Grad’s value of real projects, growth, and impact.
hero section
The Hero Section highlights Post Grad’s value with “Real Projects, Real Growth,” clear CTAs, and a responsive design for seamless user engagement.
how it works section
Outlines the step-by-step process for users to work on real-world challenges, receive expert mentorship, collaborate with peers, and demonstrate their skills directly to employers.
why?
Highlights Post Grad’s impact with metrics like 500+ completed projects, 10K+ active users, and 90% of participants feeling more prepared for the job market.
projct and company showcase
Highlights partnerships with leading companies like Google, YouTube, and Facebook, connecting users to real-world projects that build skills and deliver impactful results.
partnership
Encourages companies to post projects, mentor emerging talent, and discover top professionals through Post Grad’s innovative platform. Includes CTAs like "Post a Project" and "Learn More."
user testimonials
Highlights user success stories with quotes and ratings, showcasing how Post Grad has helped users gain mentorship, build skills, and land their first jobs.
call to action and footer
Encourages users to take the next step with a clear CTA, "Join Post Grad Today," and provides essential links like FAQs, contact info, and privacy policies for easy navigation.
sign in
Provides returning users with a simple and secure login process to access their accounts and continue building their portfolios seamlessly.
sign up
Welcomes new users with a clear and engaging form to start their journey, highlighting Post Grad’s value of real projects, growth, and impact.
hero section
The Hero Section highlights Post Grad’s value with “Real Projects, Real Growth,” clear CTAs, and a responsive design for seamless user engagement.
how it works section
Outlines the step-by-step process for users to work on real-world challenges, receive expert mentorship, collaborate with peers, and demonstrate their skills directly to employers.
why?
Highlights Post Grad’s impact with metrics like 500+ completed projects, 10K+ active users, and 90% of participants feeling more prepared for the job market.
projct and company showcase
Highlights partnerships with leading companies like Google, YouTube, and Facebook, connecting users to real-world projects that build skills and deliver impactful results.
partnership
Encourages companies to post projects, mentor emerging talent, and discover top professionals through Post Grad’s innovative platform. Includes CTAs like "Post a Project" and "Learn More."
user testimonials
Highlights user success stories with quotes and ratings, showcasing how Post Grad has helped users gain mentorship, build skills, and land their first jobs.
call to action and footer
Encourages users to take the next step with a clear CTA, "Join Post Grad Today," and provides essential links like FAQs, contact info, and privacy policies for easy navigation.
sign in
Provides returning users with a simple and secure login process to access their accounts and continue building their portfolios seamlessly.
sign up
Welcomes new users with a clear and engaging form to start their journey, highlighting Post Grad’s value of real projects, growth, and impact.
Low-FIdelity Usability testing
Conducted low-fidelity usability testing for Post Grad using Maze, gathering insights from 7 user responses across 6 interactive blocks to evaluate and refine initial design concepts.
Career Transition Validation
100% of participants identified as career switchers or new graduates, confirming the relevance of Post Grad’s target audience.
Homepage Exploration
Users spent time exploring the Post Grad homepage, completing the task successfully with no drop-offs in an average time of 56.1 seconds.
User Insights on Post Grad
Participants describe what Post Grad offers.
Task Completion Testing
Participants successfully found and used the sign-up process with a 100% success rate, 0% drop-off, and no misclicks, completing the task in an average of 3.2 seconds.
Participant Feedback
Highlights from user feedback, including design tweaks and praise for the app's clean, intuitive interface and career value.
Clarity of Post Grad Offerings
All participants rated understanding Post Grad's offerings as very easy, achieving a perfect score of 5/5.
Low-FIdelity Usability testing
Conducted low-fidelity usability testing for Post Grad using Maze, gathering insights from 7 user responses across 6 interactive blocks to evaluate and refine initial design concepts.
Career Transition Validation
100% of participants identified as career switchers or new graduates, confirming the relevance of Post Grad’s target audience.
Homepage Exploration
Users spent time exploring the Post Grad homepage, completing the task successfully with no drop-offs in an average time of 56.1 seconds.
User Insights on Post Grad
Participants describe what Post Grad offers.
Task Completion Testing
Participants successfully found and used the sign-up process with a 100% success rate, 0% drop-off, and no misclicks, completing the task in an average of 3.2 seconds.
Participant Feedback
Highlights from user feedback, including design tweaks and praise for the app's clean, intuitive interface and career value.
Clarity of Post Grad Offerings
All participants rated understanding Post Grad's offerings as very easy, achieving a perfect score of 5/5.
Low-FIdelity Usability testing
Conducted low-fidelity usability testing for Post Grad using Maze, gathering insights from 7 user responses across 6 interactive blocks to evaluate and refine initial design concepts.
Career Transition Validation
100% of participants identified as career switchers or new graduates, confirming the relevance of Post Grad’s target audience.
Homepage Exploration
Users spent time exploring the Post Grad homepage, completing the task successfully with no drop-offs in an average time of 56.1 seconds.
User Insights on Post Grad
Participants describe what Post Grad offers.
Task Completion Testing
Participants successfully found and used the sign-up process with a 100% success rate, 0% drop-off, and no misclicks, completing the task in an average of 3.2 seconds.
Participant Feedback
Highlights from user feedback, including design tweaks and praise for the app's clean, intuitive interface and career value.
Clarity of Post Grad Offerings
All participants rated understanding Post Grad's offerings as very easy, achieving a perfect score of 5/5.
Low-FIdelity Usability testing
Conducted low-fidelity usability testing for Post Grad using Maze, gathering insights from 7 user responses across 6 interactive blocks to evaluate and refine initial design concepts.
Career Transition Validation
100% of participants identified as career switchers or new graduates, confirming the relevance of Post Grad’s target audience.
Homepage Exploration
Users spent time exploring the Post Grad homepage, completing the task successfully with no drop-offs in an average time of 56.1 seconds.
User Insights on Post Grad
Participants describe what Post Grad offers.
Task Completion Testing
Participants successfully found and used the sign-up process with a 100% success rate, 0% drop-off, and no misclicks, completing the task in an average of 3.2 seconds.
Participant Feedback
Highlights from user feedback, including design tweaks and praise for the app's clean, intuitive interface and career value.
Clarity of Post Grad Offerings
All participants rated understanding Post Grad's offerings as very easy, achieving a perfect score of 5/5.





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.
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.







High-FIdelity Prototype testing
High-fidelity wireframes for the Post Grad Marketing Site were tested using 7 blocks, collecting 10 participant responses to refine the design and user experience.
Post Grad Homepage Navigation Test
Users explored the homepage, averaging 65.6 seconds, revealing key navigation paths.
User Descriptions of Post Grad Platform
Participants described Post Grad as a platform connecting users with real-world projects, offering hands-on experience and direct collaboration with employers to showcase skills and build portfolios.
Post Grad Feature Exploration Navigation Test
Participants explored the site for standout features, averaging 42.7 seconds per session, showcasing diverse navigation paths and user engagement.
Find and Explore Project Brief
Navigate to the "Projects" tab, locate the Google Workspace Dashboard project, and view detailed brief information. Focused on user ability to explore and review project details.
Feedback on Post Grad Features and Benefits
Participants highlighted mentorship, real-world projects, and connections with top companies as standout features. Suggestions included improving clarity of CTAs, adjusting spacing, and enhancing navigation.
Post Grad Sign-Up Process Test
Participants achieved a 100% success rate with no drop-offs, completing the sign-up process in an average of 5.5 seconds with a minimal misclick rate of 4.3%.
Post Grad Marketing Site Feedback
Users praised the clean design and visuals but suggested improving navigation, reducing text, and adding personal imagery.
Likelihood of Joining Post Grad
Participants rated their likelihood of joining Post Grad at an average of 8.4, with the majority scoring 8 or higher.
High-FIdelity Prototype testing
High-fidelity wireframes for the Post Grad Marketing Site were tested using 7 blocks, collecting 10 participant responses to refine the design and user experience.
Post Grad Homepage Navigation Test
Users explored the homepage, averaging 65.6 seconds, revealing key navigation paths.
User Descriptions of Post Grad Platform
Participants described Post Grad as a platform connecting users with real-world projects, offering hands-on experience and direct collaboration with employers to showcase skills and build portfolios.
Post Grad Feature Exploration Navigation Test
Participants explored the site for standout features, averaging 42.7 seconds per session, showcasing diverse navigation paths and user engagement.
Find and Explore Project Brief
Navigate to the "Projects" tab, locate the Google Workspace Dashboard project, and view detailed brief information. Focused on user ability to explore and review project details.
Feedback on Post Grad Features and Benefits
Participants highlighted mentorship, real-world projects, and connections with top companies as standout features. Suggestions included improving clarity of CTAs, adjusting spacing, and enhancing navigation.
Post Grad Sign-Up Process Test
Participants achieved a 100% success rate with no drop-offs, completing the sign-up process in an average of 5.5 seconds with a minimal misclick rate of 4.3%.
Post Grad Marketing Site Feedback
Users praised the clean design and visuals but suggested improving navigation, reducing text, and adding personal imagery.
Likelihood of Joining Post Grad
Participants rated their likelihood of joining Post Grad at an average of 8.4, with the majority scoring 8 or higher.
High-FIdelity Prototype testing
High-fidelity wireframes for the Post Grad Marketing Site were tested using 7 blocks, collecting 10 participant responses to refine the design and user experience.
Post Grad Homepage Navigation Test
Users explored the homepage, averaging 65.6 seconds, revealing key navigation paths.
User Descriptions of Post Grad Platform
Participants described Post Grad as a platform connecting users with real-world projects, offering hands-on experience and direct collaboration with employers to showcase skills and build portfolios.
Post Grad Feature Exploration Navigation Test
Participants explored the site for standout features, averaging 42.7 seconds per session, showcasing diverse navigation paths and user engagement.
Find and Explore Project Brief
Navigate to the "Projects" tab, locate the Google Workspace Dashboard project, and view detailed brief information. Focused on user ability to explore and review project details.
Feedback on Post Grad Features and Benefits
Participants highlighted mentorship, real-world projects, and connections with top companies as standout features. Suggestions included improving clarity of CTAs, adjusting spacing, and enhancing navigation.
Post Grad Sign-Up Process Test
Participants achieved a 100% success rate with no drop-offs, completing the sign-up process in an average of 5.5 seconds with a minimal misclick rate of 4.3%.
Post Grad Marketing Site Feedback
Users praised the clean design and visuals but suggested improving navigation, reducing text, and adding personal imagery.
Likelihood of Joining Post Grad
Participants rated their likelihood of joining Post Grad at an average of 8.4, with the majority scoring 8 or higher.
High-FIdelity Prototype testing
High-fidelity wireframes for the Post Grad Marketing Site were tested using 7 blocks, collecting 10 participant responses to refine the design and user experience.
Post Grad Homepage Navigation Test
Users explored the homepage, averaging 65.6 seconds, revealing key navigation paths.
User Descriptions of Post Grad Platform
Participants described Post Grad as a platform connecting users with real-world projects, offering hands-on experience and direct collaboration with employers to showcase skills and build portfolios.
Post Grad Feature Exploration Navigation Test
Participants explored the site for standout features, averaging 42.7 seconds per session, showcasing diverse navigation paths and user engagement.
Find and Explore Project Brief
Navigate to the "Projects" tab, locate the Google Workspace Dashboard project, and view detailed brief information. Focused on user ability to explore and review project details.
Feedback on Post Grad Features and Benefits
Participants highlighted mentorship, real-world projects, and connections with top companies as standout features. Suggestions included improving clarity of CTAs, adjusting spacing, and enhancing navigation.
Post Grad Sign-Up Process Test
Participants achieved a 100% success rate with no drop-offs, completing the sign-up process in an average of 5.5 seconds with a minimal misclick rate of 4.3%.
Post Grad Marketing Site Feedback
Users praised the clean design and visuals but suggested improving navigation, reducing text, and adding personal imagery.
Likelihood of Joining Post Grad
Participants rated their likelihood of joining Post Grad at an average of 8.4, with the majority scoring 8 or higher.



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




© 2025 – Elsie Anderson