Good.
The Profile page is the most important page inside Youthnet.
This is not a resume.
Not a social flex page.
Not a follower showcase.
It is a Builder Identity Page.
It must show:
- Who you are
- What youβre building
- What stage youβre at
- What you need
- What you offer
- Your impact
Clean. Structured. Serious.
π€ YOUTHNET β MEMBER PROFILE PAGE (Full Blueprint)
π¨ Design Structure
Layout:
Top header section
Then structured information blocks
Right sidebar (optional on desktop)
Background: #0B0F19
Cards: #111827
Impact highlight: #F59E0B
π§± SECTION 1 β PROFILE HEADER (Identity Block)
Full-width card
Padding: 50px
Two-column layout.
Left Side:
Profile Photo (Circular, 120px)
Next to it:
Full Name
Large, bold (28px)
Country (small, muted text)
Business Name (if available)
Stage Badge:
Idea / Early / Revenue / Scaling
Right Side:
Level Badge (Big Visual)
Level 1 β Builder (Blue)
Level 2 β Job Creator (Gold)
Level 3 β Impact Leader (Gold+Glow)
Under badge:
Jobs Created: X
Impact Level: 1 / 2 / 3
Optional small progress bar:
0β9
10β99
100β999
Below header:
Short Bio (2β3 lines max preview)
Button:
Connect
Message
π§± SECTION 2 β ABOUT THE BUILDER
Card background: #111827
Padding: 40px
Heading:
About
Content:
Longer bio text area.
Prompt structure (you can use placeholders to guide users):
β’ What are you building?
β’ Why does it matter?
β’ What problem are you solving?
β’ What is your long-term vision?
No emoji.
No clutter.
Serious writing.
π§± SECTION 3 β VENTURE DETAILS
Two-column layout.
Left Card β Venture Info
Industry
Stage
Team Size
Location
Website
Right Card β Impact
Jobs Created
Year Founded
Current Revenue Stage (optional)
Markets Served
Highlight jobs created in gold color.
π§± SECTION 4 β SKILLS & CONTRIBUTION
Card layout
Background: #111827
Heading:
What I Can Offer
Bullet list or tag-style layout:
Marketing Strategy
UI/UX
Operations
Fundraising
Technical Development
Hiring
Below:
How I Contribute to Youthnet
Short paragraph from application answer.
This reinforces community value.
π§± SECTION 5 β WHAT I NEED
Very important section.
Heading:
Currently Seeking
Example entries:
β’ Co-founder
β’ Marketing guidance
β’ Hiring support
β’ Beta testers
β’ Strategic advice
This drives collaboration.
π§± SECTION 6 β ACTIVITY
Tabs layout:
Discussions
Collaboration Posts
Comments
Chronological.
No vanity metrics.
Only:
Post
Category
Date
Comments
π§± SECTION 7 β IMPACT HISTORY (For Level 2+)
Only visible if Level 2 or 3.
Heading:
Impact Growth
Timeline style:
2024 β 12 Jobs
2025 β 34 Jobs
2026 β 78 Jobs
This becomes powerful later.
π§± SECTION 8 β CONNECT SECTION
Bottom of page.
Centered.
Button:
Send Message
Propose Collaboration
Keep interaction intentional.
π§ WORDPRESS IMPLEMENTATION STRUCTURE
Custom User Fields Needed:
- Business Name
- Industry
- Stage
- Jobs Created
- Skills Offered
- Help Needed
- Bio
- Year Founded
- Team Size
- Website
Use:
Advanced Custom Fields (ACF)
BuddyPress Profile Fields
Dynamic display inside Elementor template.
Create:
Single Member Profile Template
Apply to all user roles: Member Level 1, 2, 3
π― PROFILE PSYCHOLOGY
Header β Identity
Impact β Authority
About β Depth
Offer + Need β Collaboration
Activity β Credibility
Impact Timeline β Aspiration
This page makes members feel:
βI am building something real.β
Next we build:
COMMUNITY FEED
COLLABORATION BOARD
MEMBERS DIRECTORY
RESOURCES
Type the next keyword.
