Portfolio concept milestone 1

I design the app and the room it lives in.

A product and UX portfolio for a designer whose edge is uncommon: enterprise dashboards, AI-enabled product flows, HCI strategy, and a spatial design practice that understands bodies, environments, materials, and behavior.

Enter the portfolio studio See the impact dashboard
Enterprise UX AI product thinking Spatial systems Research storytelling Executive dashboards

Executive signal layer

0%decision latency reduction
0%engagement lift
0%delivery reliability
Nourish AI flow Care moments, meal context, and conversational guidance.

Spatial reasoning

Case study companion

Ask why
Trace constraints
Explain tradeoffs

Hiring-manager read: this portfolio should feel like a product demo, not a resume pasted into a webpage.

A portfolio built around translation.

The core idea: Swatika translates human behavior across scales. A hiring manager can inspect product craft, spatial intuition, business impact, and collaboration without losing the thread.

Research synthesis

The site should be memorable, but the evidence has to stay legible.

External research pushed this prototype toward a layered experience: bold first impression, fast case-study scanning, clear role and outcomes, and spatial interactions that clarify rather than distract.

Google portfolio tips

Show 3-5 case studies with role, process, problem, solution, and impact.

This prototype therefore centers selected stories and makes the case-study frame reusable.

Source
NN/g hiring research

Hiring managers look for thought process, workflow, business goals, and outcomes.

The dashboard and case drawer make metrics and decision logic visible before a long read.

Source
Spatial UX guidance

Depth should communicate hierarchy and add value, not visual noise.

The 3D layer is intentionally CSS-light now, with a path to Spline or Three.js later.

Source

Interactive idea 2

The impact dashboard becomes the resume.

Because Swatika has worked across executive products and environments, the resume can behave like the kind of decision tool she designs: filterable, quantified, and immediately scannable.

0% Faster decisions

Frame as dashboard latency, executive review speed, or fewer handoff loops once exact source data is confirmed.

0% Engagement lift

Useful for Nourish, content interactions, or adoption if backed by product analytics.

0% Delivery reliability

Signals operational maturity: scopes, timelines, stakeholder coordination, and implementation follow-through.

Spatial foundationInterior design, retail, hospitality, luxury residences, and built-environment storytelling.
Brand and cultural translationVisual systems, global design language, and cross-cultural communication.
HCI and product strategyProduct / UX design, AI tools, enterprise workflows, and portfolio systems.

Interactive idea 3

Case studies that can be scanned in 30 seconds or defended for 30 minutes.

Each card starts with the hiring-manager read, then expands into artifacts. This avoids the classic portfolio trap: beautiful pages that do not explain the designer's decisions.

Experian: Decision intelligence dashboard

Show how you turned complex business signals into a legible executive workflow.

  • Before / after information architecture
  • KPI hierarchy and drilldown logic
  • Decision latency and stakeholder impact

Nourish: AI care companion

Demonstrate AI product judgment: prompt boundaries, trust, context, and human-centered guidance.

  • Conversation model and guardrails
  • Provider / patient journey map
  • Prototype flows for meal and care moments

Open Storey: Spatial brand system

Reframe interior practice as product strategy: audience, positioning, conversion, and visual identity.

  • Service blueprint and inquiry funnel
  • Visual system and content architecture
  • Portfolio gallery and private-project access model

Cisco: Workplace experience worlds

Use the campus work to prove systems thinking at human scale: movement, collaboration, zones, and behavior.

  • Floor-by-floor narrative system
  • Employee behavior and breakout zoning
  • Working drawings, renders, and installed outcomes

Keha Casa: Retail experience center

Show luxury retail UX before it was called UX: discovery, pacing, product comprehension, and memory.

  • Retail journey and display strategy
  • Material storytelling and lighting hierarchy
  • Press validation and spatial differentiation

Career map: Chennai to Barcelona to SF

Make the multicultural arc memorable and useful: it explains why your design lens is hard to copy.

  • Journey map of education and practice
  • Transferable skills matrix
  • Role narrative for Product / UX interviews

Milestone 2

A case-study workbench with source status built in.

This is the safer version of “replace placeholders”: every case now has a reusable long-form structure, and every metric or artifact has a visible source state before it becomes public proof.

Needs resume validation

Experian executive dashboard

A detailed case-study slot for the enterprise dashboard story.

Evidence ledger

Separate public proof from asset gaps.

The ledger helps us keep momentum without muddying credibility. Green items are locally verifiable, blue items are designed placeholders, and orange items need exact resume or analytics confirmation.

Verified locally

Open Storey live portfolio system

The current repo already contains the public interior site, private portfolio flow, mobile navigation tests, gallery filters, and contact funnel.

Verified locally

Cisco and Keha spatial imagery

Commercial and retail assets exist in the local image library, so these can become real spatial UX case studies quickly.

Needs source

25% / 40% / 96% metrics

These came from the brief and remain visible as candidates, but should not be treated as final until tied to resume lines, analytics, or project notes.

Needs source

Experian and Nourish product visuals

No screenshots were found in this workspace. The page uses CSS mock visuals until approved images or sanitized screens are added.

Designed placeholder

AI companion answer model

The companion is intentionally scripted for preview. It gives us UX behavior now and a clean path to retrieval-backed answers later.

Designed placeholder

3D room layer

The next section uses a CSS spatial prototype so we can test hierarchy, story, and performance before adding Spline or Three.js.

Interactive idea 4

A geographic story, not a linear resume.

The journey map turns a varied background into a coherent advantage: each place adds a lens that Product / UX teams need.

Origin

Chennai

Material intelligence, hospitality, residences, and a sensitivity to how culture shows up in space.

Expansion

Barcelona

Brand systems, global references, and visual communication across different design vocabularies.

Product lens

San Francisco

HCI, AI-enabled workflows, product strategy, and the ability to prototype digital systems end to end.

Milestone 3 scaffold

3D room navigation, proven first as a fast CSS prototype.

This gives us the interaction shape without adding a heavy dependency yet. If the preview feels right, the same content model can move into Spline or Three.js.

Dashboard wall Enterprise UX, metrics, and decision hierarchy.
Recruiter-safe fallback Every 3D object maps to regular HTML content, so the portfolio stays readable and testable.

Interactive idea 5

The case-study companion.

Milestone 4 is now scaffolded as a safe preview: local scripted answers for the browser, with a clear backend contract for a Cloudflare Worker once the case-study source pack is approved.

Ask the portfolio

Try a question. I can explain the portfolio thesis, suggest the best case study path, or connect spatial design to product design.

The next version should feel like opening a door.

Milestones 1-4 now establish the story, evidence system, spatial prototype, and companion path. From here, the highest-leverage move is to plug in verified resume metrics and approved Product / UX screenshots.

Email Swatika Back to Open Storey