PortfolioBee landing page ui – Building the Future of Career Identity

PortfolioBee landing page ui – Building the Future of Career Identity
Project thumbnail
Project thumbnail
💡 Innovative

PortfolioBee landing page ui – Building the Future of Career Identity

PortfolioBee was a web-based platform designed to help students and professionals craft their personal brand through visually appealing, interactive portfolios. With a dark theme, modern UI, and smart career tools, PortfolioBee evolved into a comprehensive career-building ecosystem—laying the foundation for its transformation into Wooble.

UI/UX Figma Photoshop

Project Overview

Problem: In a job market saturated with traditional resumes and static LinkedIn profiles, individuals struggled to showcase their work, personality, and growth effectively. Solution: PortfolioBee introduced a modern portfolio-building experience focused on personal branding. Users could build interactive portfolios, track job applications, generate smart resumes, and craft their professional identity with ease. Key Features: 


•🎯 Personal Portfolio Pages: Showcase work, projects, bio, testimonials, and more—visually and contextually.

 

•📊 Career Dashboard: Visual insights into growth, interviews, job offers, and applications. 


•📄 Smart Resume Builder: Real-time analytics and customizable resume sections for impact. 


•💼 Job Tracker: Organize job applications, statuses, and opportunities in one place. 


•✍️ Email Signature Generator: A creative tool to leave a professional impression. 


•🧠 AI Suggestions: For improving resumes, portfolios, and profile impact (planned rollout). Design Philosophy: 


•✨ Aesthetic dark theme with orange-accented UI

 

•📱 Fully responsive and modern user experience 


•🔍 Clean visual hierarchy and accessible design

Project Images

Project image
Project image

Project Claps

114 claps

Recent Clappers

Showing 8 of 114 clappers
Arpita Dash Arpita Dash Homai Contractor Homai Contractor Avijit Swain Avijit Swain Akshat Sharma Akshat Sharma Gaurav Patel Gaurav Patel Seshadev samal Seshadev samal
+106 more clappers

Discussion

Please log in to join the discussion.

More by  Sudhanshu Satapathy

Wooble Career Showcase Stall Design

Wooble Career Showcase Stall Design

A visually dynamic and career-centric stall design created for Wooble, aimed at attracting students and young professionals to explore their career-building platform. The project was designed using Figma and Photoshop, with an emphasis on visual storytelling, user engagement, and modern UI aesthetics.

ColorBoxed – Modern Illustration Mockups

ColorBoxed – Modern Illustration Mockups

A vibrant set of abstract mockups that combine minimalistic illustrations with bold color blocks for creative visual storytelling.

SkillWise – Technical Assessment UI

SkillWise – Technical Assessment UI

A sleek, category-based technical quiz interface designed for assessing coding knowledge through a modern, gamified experience.

Similar Projects

Engagement Audit & Redesign (Advanced)

Engagement Audit & Redesign (Advanced)

Pick any existing Wooble social media post (Instagram or LinkedIn). Post i picked : (2nd image) 1. What works: The original post actually has a clear message. Using icons for each skill helps people scan the information quickly, which is a big plus for social media. The "Independent Thinking" lightbulb right over the head is a bit cliché, but it gets the point across. 2. What doesn’t: It feels very "AI-generated" in a way that’s getting a bit old for people on LinkedIn. The lighting is too perfect, the person looks a bit robotic, and the "arena" background is kind of intense. Even the icons and text, the whole post is just a single AI generated image. Nowadays, with the increasing rise of almost everyone using AI, relying entirely on AI does not give the user an edge and they have nothing to set them apart from others . 3. What’s unclear: The hierarchy is a little messy. My eye jumps from the title to the lightbulb, then tries to circle around all five skills while also looking at the person in the middle. There's just too much competing for attention at once. 4. What’s missing: Personality. It feels like a page from a corporate textbook. There’s no "edge" or specific brand voice that makes me think, "Oh, this is definitely a Wooble post." It lacks that "stop-scrolling-because-this-is-different" factor. 5. One missed engagement opportunity: The original post is too "closed." It gives the info and that's it. It doesn't really challenge the reader or force them to look at the caption to find out what those "5 things" actually are—it just lists them all right there, so there's no mystery left to click on. My Redesign: 1st Image

Arpita Dash Arpita Dash
Scroll-Stopper Test — Proof of Work Matters More Than Resumes

Scroll-Stopper Test — Proof of Work Matters More Than Resumes

A high-impact static social media post designed to challenge traditional hiring mindsets and promote Wooble’s proof-of-work philosophy. The goal was to create a scroll-stopping visual that communicates clarity, urgency, and action while maintaining brand maturity and credibility.

Hriday Jadhav Hriday Jadhav
Founder Pressure Simulation — Why Wooble Rejects 90% of Applicants

Founder Pressure Simulation — Why Wooble Rejects 90% of Applicants

A rapid-turnaround social post created under time pressure, simulating real founder-level expectations. The goal was to communicate Wooble’s hiring philosophy with clarity, maturity, and restraint while maintaining strong visual hierarchy and scroll-stopping impact.

Hriday Jadhav Hriday Jadhav