web-dev-path icon indicating copy to clipboard operation
web-dev-path copied to clipboard

Redesign of Homepage Hero Section

Open dami-boy opened this issue 4 months ago • 6 comments

Background & Context

The current homepage of Web Dev Path positions us as a single offering, but our reality is dual: we serve two distinct groups.

  1. Talents (developers, designers, PMs) who join the platform to grow, gain experience, and find opportunities.
  2. Clients (non-profits, early-stage companies, small businesses) who come to us for affordable, socially-aligned tech solutions.

Both groups are important to our growth. Right now, the homepage hero speaks to them in a blended, sometimes ambiguous voice. This creates friction in first impressions.

What do we need to build?

To implement a toggle feature in the hero section that allows visitors to choose between joining as a Talent (developer, designer, product manager, etc.) or as a Client (NGO, small businesses, etc.), each with its own CTA buttons

Objectives

  • Clarity: Visitors immediately understand “who we are” for them
  • Conversion: Higher click-through to onboarding (Talent) and request forms (Client).
  • Brand positioning: Reinforce Web Dev Path as a bridge between talent development and mission-driven impact.
  • Scalability: Establish a foundation for future personalization of landing experiences.

User Stories (Cross-Stage Narrative)

  • As a Talent, I want to see clear reasons why joining Web Dev Path helps my career, so I feel motivated to register.
  • As a Client, I want to know Web Dev Path understands my challenges and can deliver affordable, quality tech services, so I feel confident in reaching out.
  • As a new Visitor, I want the choice to be simple and not overwhelming, so I can act quickly.
  • As a Team Member, I want clarity on flow, visuals, and copy at every stage, so I can contribute without ambiguity.

Technical details/Work Phases

  • PHASE 1: Brainstorming
  • PHASE 2: Site Map & Flow Chart Creation
  • PHASE 3: Wireframing
  • PHASE 4: Copywriting Review
  • PHASE 5: Mockup Creation
  • PHASE 6: Prototyping

Acceptance criteria

  • Page is responsive
  • Page is accessible
  • Ability to highlight the talent and client's views.
  • Animation view in our Hero section (optional)
  • Soft launch: Coming soon page to connect/link to Hero Section

dami-boy avatar Aug 08 '25 17:08 dami-boy

Hi, I’d like to work on this feature. Please assign to me

AdarshKrishnan007 avatar Aug 10 '25 08:08 AdarshKrishnan007

hi @AdarshKrishnan007 Are you a member our our community? If not please check out our website and send us an email, so we can have a chat about it.

cherylli avatar Aug 10 '25 08:08 cherylli

Hi @cherylli thanks for your response.
I’m not yet a member of the community, but I’ll check the website and send you an email shortly.

Before I do, could you please share what kind of benefits or learning opportunities contributors usually get from being part of the community?
I’m excited to see how I can grow while contributing.

AdarshKrishnan007 avatar Aug 10 '25 08:08 AdarshKrishnan007

Hi @cherylli thanks for your response. I’m not yet a member of the community, but I’ll check the website and send you an email shortly.

Before I do, could you please share what kind of benefits or learning opportunities contributors usually get from being part of the community? I’m excited to see how I can grow while contributing.

Hi, you can learn more about us from our website and the wiki section in the github repo. Please have a look. The benefits and learning opportunities will depend on how much effort you want to put in, so it varies for everyone.

cherylli avatar Aug 10 '25 08:08 cherylli

Hi @dami-boy, @briangesteban, @cherylli and team :)

I wonder if this design issue should have some subtasks, such as:

  • A temporary page with its proper hero in case the user chooses to see the "Client" option

Love your thinking btw!

mariana-caldas avatar Aug 10 '25 19:08 mariana-caldas

Hi @mariana-caldas ,

I believe @dami-boy , @Yowa-Tosin , and @Ruky-Ericson is finalizing the issues to be posted, including this one. I suggest that we start with the Services page design first so that when we update the Homepage's hero section(this issue), we could link it already properly or unless we want to have a soft launch then we could have a temporary(coming soon) page.

briangesteban avatar Aug 11 '25 05:08 briangesteban