CareerRoc
Responsive DesignNext.jsAIUI/UXCareer Tech

CareerRoc

AI-powered career exploration platform

View Live Site

Role

Designer & Developer

Type

Web App

Year

2024

Status

Live

Overview

CareerRoc is a full-stack web application that uses AI to generate personalized career roadmaps. The platform analyzes a user's current skills and interests, then produces a structured learning path with curated resources to help them reach their career goals.

The Story

CareerRoc started from a personal frustration. I had watched people close to me friends just finishing school, people changing careers mid-life all struggling with the same thing: they didn't know where to start.

Most career advice online felt generic. Search engines returned the same recycled lists. Counselors were expensive. And nothing could give you a truly personalized, structured path based on where you actually were and where you actually wanted to go.

I believed AI could change that not by replacing human guidance, but by making structured, personalized guidance accessible to anyone for free. That became the core idea behind CareerRoc.

The design challenge was significant. AI-powered tools can easily feel cold, robotic, or overwhelming. I needed the experience to feel encouraging almost like a mentor sitting with you, not an algorithm spitting results at you.

I designed a gentle onboarding flow that asked questions progressively, never dumping everything on the user at once. Each question built on the last, creating a sense of conversation. The output the roadmap was broken into clear milestones with resources attached, making the path feel walkable rather than overwhelming.

The visual design leaned into clarity: calm dark tones, strong typographic hierarchy, and deliberate whitespace. Nothing competed for attention. The roadmap itself was the hero.

Sharing the project opened doors I didn't expect. People began reaching out not just to use the tool, but to ask how I built it. It became a conversation starter about what thoughtful AI design actually looks like.

CareerRoc reinforced something I deeply believe: the most powerful technology is the kind that gets out of its own way and puts the human first.

The Challenge

The biggest challenge was designing an AI experience that felt human and encouraging rather than cold and algorithmic. Career exploration is deeply emotional people are often anxious or unsure so every interaction needed to feel supportive and clear.

The Solution

I built a step-by-step onboarding flow that gathers context gently, then presents AI-generated paths in a visual, scannable format. Each roadmap is broken into milestones with estimated timeframes and curated resources, making intimidating career decisions feel achievable.

Key Features
  • AI-generated personalized career roadmaps

  • Curated learning resources per milestone

  • Progress tracking dashboard

  • Responsive design with smooth animations

  • Onboarding flow with skill assessment

Tech Stack
Responsive DesignNext.jsAIUI/UXCareer Tech
Live ProjectOpen in browser
Let’s Make It Happen

Do you have a wild idea?

A polished brand in need of a digital home?

Or maybe just a sketch that needs a code whisperer?


Whatever stage you're in —
I'm here to bring it to life.


I am available for freelance, collabs, and full-time roles

Or just say hi. I’m always down to connect.