Commyt
Product Designer & Creative Director — AI Job Search Companion
Overview
AI-powered job search dashboard for LinkedIn
Commyt is an AI-powered job search companion that helps professionals organize their applications, score job matches, and craft personalized outreach messages. The platform includes a full web dashboard, a Chrome Extension for LinkedIn integration, and an AI message composer—all designed to eliminate the chaos of modern job searching.
The Challenge
Taming the chaos of job searching
Job seekers struggle with disorganized applications scattered across tabs, generic outreach messages that get ignored, and no clear system to track what's working. The challenge was to build a tool that feels like a personal career assistant—intelligent enough to score jobs and draft messages, yet simple enough that anyone can use it in seconds.
The product needed to work seamlessly as a Chrome Extension on LinkedIn, a standalone dashboard, and eventually a mobile app—all with full bilingual support for English and Spanish markets.
Design Philosophy
Modern minimalism with vibrant intelligence
Commyt's design language communicates AI sophistication without intimidation. Borderless cards, generous whitespace, and a vibrant gradient system create an interface that feels both powerful and approachable.
Vibrant Gradient System
A 5-color gradient palette (violet → teal) creates visual energy and distinguishes features, while maintaining a cohesive brand identity.
Borderless Cards
Cards without visible borders create a clean, modern feel. Subtle shadows and background tints provide hierarchy without visual clutter.
Maximum Clarity
Minimal UI with maximum information density. Every element earns its space—no decorative fluff, just purposeful design that helps users act fast.
Visual Showcase
The dashboard in context
The Commyt dashboard combines job tracking, AI scoring, and network management into a single, intuitive interface with a collapsible sidebar and borderless card system.
Color & Typography
A vibrant gradient system
The palette draws from AI-inspired hues—violet, purple, blue, green, and teal—creating an energetic yet professional system that signals intelligence and innovation.
Color Palette
Violet
#9d94ff
Purple
#c780e8
Blue
#59adf6
Green
#42d6a4
Teal
#08cad1
Typography
Logo / Brand — Outfit
Commyt
Geometric sans-serif · Modern · Brand identity
Display — Archivo Black
Bold Headlines
Impact · Hero sections · Landing page
Body — Nunito Sans
Clean & Readable
Humanist sans · Friendly · Dashboard text
Sections Designed
A full product ecosystem
From dark landing page to light dashboard, every surface was designed as part of a cohesive product experience spanning web, extension, and AI.
Landing Page
Dark hero with gradient text and animated feature cards. Conversion-optimized layout with social proof, pricing tiers, and bilingual toggle.
✦ Dark HeroDashboard
Main application hub with collapsible sidebar (260→72px), job tracking table, AI score badges, and quick-action buttons for each application.
✦ Collapsible SidebarChrome Extension
Lightweight overlay on LinkedIn job pages. One-click save, instant AI scoring, and quick notes—all without leaving the LinkedIn tab.
✦ LinkedIn IntegrationJob Scoring View
AI-powered match scoring with detailed breakdown: skills match, experience alignment, company culture fit, and salary range analysis.
✦ AI ScoringNetwork Manager
Contact tracking with relationship strength indicators, last-contact timestamps, and AI-suggested follow-up actions to nurture professional connections.
✦ Relationship CRMAI Message Composer
GPT-powered outreach generator that crafts personalized messages based on job description, user profile, and communication style preferences.
✦ AI ComposerKey Design Decisions
Why every detail matters
Gradient System
A 5-color gradient (violet → teal) creates visual energy and distinguishes features while maintaining a cohesive brand identity across all surfaces.
Collapsible Sidebar
Sidebar collapses from 260px to 72px (icons only), maximizing content area on smaller screens while keeping navigation always accessible.
Borderless Cards
Cards without visible borders create a clean, modern feel. Subtle background tints and shadow depths provide hierarchy without visual noise.
Bilingual (EN/ES)
Full English/Spanish localization with instant toggle. UI expands gracefully for longer Spanish strings without breaking layouts.
Chrome Extension UX
Constrained to a popup viewport, the extension uses progressive disclosure—showing job summary first, details on demand—to stay lightweight.
Dark Landing → Light App
Dark landing page creates drama and brand impact; light dashboard ensures readability for daily professional use—a deliberate tonal shift.
Results
What was shipped
50+
Features Shipped
80+
API Endpoints
1
Chrome Extension Published
EN/ES
Full Localization
Workflow
Human creativity, amplified by AI
AI-Enhanced Design Process
This project leveraged an AI-enhanced workflow where AI tools accelerated ideation, code generation, and iteration—while every creative and strategic decision was made by the designer. AI powered rapid prototyping of the dashboard components and helped scaffold the Chrome Extension architecture, but all UX decisions and visual design remained human-led.