PORTFOLIO · 2026 · V1

HOW I APPROACH THE WORK

Give me the problem.The screen comes later.

I don’t start by deciding what the interface should look like.

I start by understanding what needs to work better: the product, the people using it, the business goal, the constraints, what already exists, and where the real friction lives.

Then I decide what the problem needs from me.

EXPLORE ATLASVIEW SELECTED WORKElvis Experience

Elvis Experience

LIVEv0.3

FLAGSHIP PRODUCT ECOSYSTEM

ATLASUI SYSTEM

Atlas UI System

An enterprise product ecosystem spanning UX/UI, design systems, reusable React components, Storybook, and a live interactive product.

Product Design
Design Systems
React
Storybook
AI-Assisted

ATLAS INTELLIGENCE

Design System
Scalable tokens and patterns.
React Library
Reusable, accessible components.
Storybook
Documented component system.
Live Product
Interactive enterprise experience.

This product continues to evolve through new workflows, accessibility improvements, and design system refinements.

02 / 07SELECTED WORK

SELF-INITIATED PRODUCT ECOSYSTEM

01FLAGSHIP

ASCEND

A self-initiated product ecosystem — brand, marketing site, product experience, design system, and React implementation — designed as one cohesive premium lifestyle operating system.

In Active DevelopmentEXPLORE

FLAGSHIP PROJECT · LIVE INTERACTIVE PRODUCT

02FLAGSHIP

Atlas UI System

An enterprise product ecosystem spanning UX/UI, design systems, React components, Storybook, and a live interactive product.

LiveEXPLORE

TOXMOD · VOICE VAULT · ENTERPRISE MODERATION

03CASE STUDYPROFESSIONAL WORK

Voice Moderation Platform

ToxMod, Voice Vault, executive analytics, design system work, internal tools, and Webflow launch support — Modulate.

Senior UX/UI Designer · Sep 2022 — Mar 2026ENTER

FRAME · PROMPT · ITERATE · REFINE · SHIP

04PRACTICE

AI for Product Designers

AI became part of the workflow — not just the output. A reflection on rapid prototyping, systems thinking, and designing alongside AI.

AI Workflow Exploration · May 2026ENTER

GOALS · SKILL GAPS · ROADMAP · REASONING

05CASE STUDY

AI Skill & Career Navigator

Transparent career exploration: goals, gaps, and a roadmap you can argue with — prototyped as a calm, inspectable AI partner.

Product Designer (lead) · 2026ENTER

REAL-TIME CUES · CONTEXTUAL DISCLOSURE · FEED-NATIVE TRUST

06CASE STUDY

Signal — AI Trust Layer

A concept for embedding AI disclosure in social feeds — fast to read, voluntary to deepen, consistent across platforms.

Product Designer (concept) · 2026ENTER

BEHIND THE WORK

The process behind the portfolio.

This portfolio became a project of its own: an evolving digital experience shaped through product thinking, direct-in-code design, continuous critique, and repeated refinement.

Elvis Fernandes portfolio homepage shown in desktop and mobile layouts (Light theme.)

Elvis Fernandes portfolio homepage shown in desktop and mobile layouts (Dark theme.)

PROCESS PROJECT

I treated my portfolio as a product rather than a static collection of work. The experience was shaped through information architecture, content strategy, direct-in-code design, responsive implementation, continuous UX reviews, and feedback from experienced designers and former colleagues.

Independent Project · UX/UI Designer · Front-end · AI-assisted Workflow

Explore the Process

03 / 07 · HOW I WORK WITH AI

The loop, not the magic.

Five named stages. Each one names the human move, the AI move, and the tools I reach for. This is what separates a workflow from a vibe.

01 · FRAME01 / 05

Frame the problem

Sketch the real design question. Define system boundaries. Write a one-sentence thesis before any pixel.

02 · PROMPT02 / 05

Compose the prompt

Treat prompts as design specs — explicit about audience, constraints, output shape, and tone.

03 · GENERATE03 / 05

Generate the variants

AI as a junior collaborator — not a designer. Generate breadth, then strip ruthlessly.

04 · CRITIQUE04 / 05

Critique with intent

Replace 'looks good' with 'why does it work?'. AI helps surface bias and edge cases I'd miss alone.

05 · SHIP05 / 05

Ship the system

Translate to tokens, components, code. Design-to-code is the same continuous loop, not a hand-off.

SWIPE → EXPLORE THE LOOP

03 / 07 · HOW I WORK WITH AI

The loop, not the magic.

Five named stages. Each one names the human move, the AI move, and the tools I reach for. This is what separates a workflow from a vibe.

01 · FRAME01 / 05

Frame the problem

Sketch the real design question. Define system boundaries. Write a one-sentence thesis before any pixel.

02 · PROMPT02 / 05

Compose the prompt

Treat prompts as design specs — explicit about audience, constraints, output shape, and tone.

03 · GENERATE03 / 05

Generate the variants

AI as a junior collaborator — not a designer. Generate breadth, then strip ruthlessly.

04 · CRITIQUE04 / 05

Critique with intent

Replace 'looks good' with 'why does it work?'. AI helps surface bias and edge cases I'd miss alone.

05 · SHIP05 / 05

Ship the system

Translate to tokens, components, code. Design-to-code is the same continuous loop, not a hand-off.

SCROLL → ADVANCE THE LOOP

04 / 07PRACTICE

Systems thinking,clarity, and shipped detail.

What follows reflects work shaped by systems thinking, collaboration, and real product constraints — designed to stay clear, useful, and adaptable as products evolve. My craft sits between product strategy, design, and front-end implementation.

AI is a new material, not a feature. I use it the way I use type, color, and motion: as a deliberate part of the design.

05 / 07WHERE I LIVE

A map, not a list.

Four overlapping families. The interesting work happens in the overlaps. Hover a family to filter—or tap dots on smaller screens and read the label below the map.

DESIGN

ENGINEERING

SYSTEMS

ELVIS

ALL FAMILIES

TAP A NODE · LABEL BELOW MAP

06 / 07CONTEXT

Selected credits.

Set as a print colophon — not as a logo wall. Where the work happened, and what it asked of me.

01Sep 2022 — Mar 2026

Senior Product DesignerModulateSep 2022 — Mar 2026

02Reviewer infrastructure · reskins + refresh

ToxModReal-time voice moderationReviewer infrastructure · reskins + refresh

03Identity UX · greenfield → platform evolution

Voice VaultVoice authenticationIdentity UX · greenfield → platform evolution

04Webflow stack · redesign + system stewardship

Marketingmodulate.aiWebflow stack · redesign + system stewardship

END OF COLOPHON

07 / 07INVITATION

Give me the problem.The screen comes later.

Atlas UI System

ASCEND

Atlas UI System

Voice Moderation Platform

AI for Product Designers

AI Skill & Career Navigator

Signal — AI Trust Layer

The process behind the portfolio.

Designing My Design Portfolio

The loop, not the magic.

Frame the problem

Compose the prompt

Generate the variants

Critique with intent

Ship the system

The loop, not the magic.

Frame the problem

Compose the prompt

Generate the variants

Critique with intent

Ship the system

Systems thinking,clarity, and shipped detail.

A map, not a list.

Selected credits.

If any of this looks
like a system you’re building —
say hello.

Give me the problem.The screen comes later.

Atlas UI System

ASCEND

Atlas UI System

Voice Moderation Platform

AI for Product Designers

AI Skill & Career Navigator

Signal — AI Trust Layer

The process behind the portfolio.

Designing My Design Portfolio

Frame the problem

Compose the prompt

Generate the variants

Critique with intent

Ship the system

The loop, not the magic.

Frame the problem

Compose the prompt

Generate the variants

Critique with intent

Ship the system

Systems thinking,clarity, and shipped detail.

A map, not a list.

Selected credits.

If any of this lookslike a system you’re building —say hello.

If any of this looks
like a system you’re building —
say hello.