Elvis Fernandes designs and builds thoughtful UX/UI, scalable design systems, and front-end experiences.
CURRENTLY BUILDING
ASCEND
Premium Lifestyle Operating System
Designing a premium operating system that helps men build discipline through intentional habits, health, training, recovery, and community.
Active Development
CURRENT PROGRESS
CURRENTLY BUILDING
ASCEND
Premium Lifestyle Operating System
Designing a premium operating system that helps men build discipline through intentional habits, health, training, recovery, and community.
Active Development
CURRENT PROGRESS
FLAGSHIP PRODUCT ECOSYSTEM
An enterprise product ecosystem spanning UX/UI, design systems, reusable React components, Storybook, and a live interactive product.
ATLAS INTELLIGENCEDesign 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.
SELF-INITIATED PRODUCT ECOSYSTEM
FLAGSHIP PROJECT · LIVE INTERACTIVE PRODUCT
An enterprise product ecosystem spanning UX/UI, design systems, React components, Storybook, and a live interactive product.
TOXMOD · VOICE VAULT · ENTERPRISE MODERATION
ToxMod, Voice Vault, executive analytics, design system work, internal tools, and Webflow launch support — Modulate.
FRAME · PROMPT · ITERATE · REFINE · SHIP
AI became part of the workflow — not just the output. A reflection on rapid prototyping, systems thinking, and designing alongside AI.
GOALS · SKILL GAPS · ROADMAP · REASONING
Transparent career exploration: goals, gaps, and a roadmap you can argue with — prototyped as a calm, inspectable AI partner.
REAL-TIME CUES · CONTEXTUAL DISCLOSURE · FEED-NATIVE TRUST
A concept for embedding AI disclosure in social feeds — fast to read, voluntary to deepen, consistent across platforms.
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.
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 Process03 / 07 · HOW I WORK WITH AI
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.
Sketch the real design question. Define system boundaries. Write a one-sentence thesis before any pixel.
Treat prompts as design specs — explicit about audience, constraints, output shape, and tone.
AI as a junior collaborator — not a designer. Generate breadth, then strip ruthlessly.
Replace 'looks good' with 'why does it work?'. AI helps surface bias and edge cases I'd miss alone.
Translate to tokens, components, code. Design-to-code is the same continuous loop, not a hand-off.
SCROLL → ADVANCE THE LOOPVERTICAL SCROLL · HORIZONTAL LOOP
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.
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.
TAP A NODE · LABEL BELOW MAP
Set as a print colophon — not as a logo wall. Where the work happened, and what it asked of me.