Redesign of Homepage Hero Section
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.
- Talents (developers, designers, PMs) who join the platform to grow, gain experience, and find opportunities.
- 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
Hi, I’d like to work on this feature. Please assign to me
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.
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 @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.
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!
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.