About

A premium system build with Penny at the center.

WildCard DEV is designed to feel like a high-end holographic interface: cinematic enough to be memorable, structured enough to stay dependable, and polished enough to carry a true flagship identity.

This phase keeps the rebuilt foundation intact and focuses on how the site feels in use. The contact lane becomes easier to understand, quicker to act on, and more polished under mouse, keyboard, and touch without introducing risky interaction patterns.

What changes in this phase

The biggest changes land in the contact experience: clearer action grouping, elevated Penny routing, stronger interactive language, and safer responsive behavior for high-intent actions like email, calling, texting, and profile visits.

Web Design

Premium layouts, polished framing, and brand-driven interfaces that feel deliberate instead of improvised.

Web Development

Stable self-contained architecture with clean single-file organization that remains easy to maintain and expand.

Assistant-Led UX

Penny is treated as part concierge, part executive interface, and part branded intelligence rather than a decorative add-on.

Brand Systems

Blue and violet establish the system. Penny’s signature pink marks the moments where the intelligence inside that system takes control.

Resume / Experience

Experience and execution, inside a cleaner flagship shell.

Matt Tobaben — Full Stack Developer / CEO

WildCard DEV leadership, frontend architecture, UX direction, branded systems thinking, and practical build execution across web and app experiences.

Open Resume PDF Email Matt Call Company Line

Current Focus

WildCard DEV 2024 — Current

Building the flagship company site, premium contact experience, responsive UX systems, and Penny-centered brand interactions.

Production-minded frontend work Ongoing

Prioritizing layouts that stay stable across desktop, phone, and very small screens before layering in higher-risk polish.

Why this section still matters

The earlier rebuild phases raised the brand presence without undoing the dependable foundation. Experience remains cleanly accessible so later collateral, QR links, and deeper resume presentation can be added without reopening layout problems.

Portfolio / Holo Stage

A restored holo panel system with cinematic energy and safer bones.

The portfolio lane remains intact from the previous rebuild and now benefits from the same cleaner interaction language used across the contact experience. The presentation stays layered, glassy, and system-consistent, but the motion model and layout remain intentionally restrained so desktop polish never comes at the expense of phone or watch-sized containment.

Tony Stark inspired / stability first

Portfolio / Holo Stage

Existing repo media is reused as the ambient energy source for the showcase, while the panel framing, HUD labeling, and controlled glow language bring the section back as a true flagship feature. Penny keeps her own pink-dominant panel so the assistant presence still reads as distinct from the broader system.

Core System Panel Panel 01

WildCard DEV flagship shell

Stable single-page architecture, fake-page navigation, and premium framing that gives the rest of the brand a dependable stage to stand on.

System glow / blue-violet Responsive-safe presentation
Flagship interface Panel 01

WildCard DEV core experience

The base shell now has a portfolio presentation worthy of the brand: glassy, illuminated, and controlled instead of looking like a temporary placeholder.

Single page Safe motion Responsive
Service showcase Panel 02

Client-facing presentation lane

This panel language is built to sell premium capability: cinematic enough to impress, but calm enough to stay readable and dependable.

Glassy HUD labels Contained media
Penny signature panel Panel 03

Penny command intelligence

Pink remains the control signal. Penny’s panel feels higher-touch and more intimate than the base system panels, preserving her role as the heart of the brand.

Pink-forward Distinct layer Brand core
Expansion route Panel 04

Watch, QR, and future utility flows

The restored stage gives future wearable demos and utility features a polished home instead of forcing them into a section that was never designed to carry them.

Wearables QR flows Future-safe

Stable presentation first

The holo system is stronger visually, but it still respects the same responsive guardrails established in earlier rebuild phases.

Brand-consistent glow language

Blue and violet define the main system panels, while Penny’s pink lane stays clearly separated anywhere her presence takes priority.

Safe interaction model

The spotlight control uses dependable click/focus switching rather than fragile hover-only behavior, and the grid remains readable even when stacked.

Contact / Penny Office

Penny now feels like the premium intelligence running the room.

Penny Office Executive Assistant Layer
Online WildCard System
Penny Presence

Controlled. Confident. Polished. A little dangerous in a perfectly professional way.

Penny is the premium assistant presence of WildCard DEV. She is not filler, not a gimmick, and not just a contact form skin. She is the interface voice that makes the system feel personal, high-end, and unmistakably alive.

Pink-forward identity Executive-assistant energy Stable on small screens
Role Front desk intelligence Guides contact, tone, and first impressions.
Signal Pink control layer Distinct from the base blue/violet system.
Client Intake

Clear first-contact routing for proposals, builds, rescue work, and premium branded experiences without making visitors hunt for the right lane.

Fast Response Paths

Phone, text, and email all stay visible and tappable, with stronger feedback so the site feels intentional instead of passive.

Brand Tone Control

Penny’s lane stays elevated, pink-forward, and controlled so the contact experience feels polished rather than generic.

Email Matt Best for serious project conversations, scope notes, and clean written intros.
Written lane Project scope
Text the company line Ideal for quick outreach, first-touch questions, and lightweight follow-up.
Fast lane Phone-first
Call WildCard DEV Use the direct line when timing matters more than ceremony.
Direct line High urgency
Open Watch Lane Reserved for QR, wearable presence, and future Penny experiments.
Future utility Wearables
Penny’s office now emphasizes decision clarity: the fastest route, the cleanest written route, and the future utility route are all visible immediately, while the interaction layer stays safe, lightweight, and mobile-friendly.

Contact WildCard DEV

Choose the lane that fits how you like to move. Email handles fuller project detail, text keeps things quick, and the direct line stays visible when speed matters.

Email for proposals and scope Best for polished written intros, asset delivery, and detailed project notes. Text for the fastest first touch Quick outreach on phone-friendly devices with less friction than a formal email.
Matt Tobaben Primary build lane
matt@wildcarddev.com (402) 915-0789
CEO Full Stack Development Project Intake
Email Matt Text Call
Space Beth Smith Partner lane
SpaceBeth@wildcarddev.com Partner / developer / collaborative build force
Partner Development
Email Space Beth
Company line Fastest response lane
(402) 915-0789 Primary direct contact for current site, app, and rescue-build inquiries.
Call now Text now
On phones, every primary contact control remains thumb-friendly and visible without requiring hover.
Penny’s pink lane highlights priority actions, while the rest of the system keeps the blue/violet WildCard DEV framing intact.

Leave a message for Penny

Send the polished version here. This keeps the current contact flow dependable while making the intake experience feel more like a premium concierge handoff than a generic form.

Email, phone, text, and form pathways all stay live here, but this lane is tuned for the cleanest handoff when you want to explain exactly what you need.

Watch Experience

A clearer wearable demo lane with room for Penny-first utility later.

Future-facing / small-screen intentional

The watch section now reads like a real product preview instead of a placeholder.

This pass keeps the architecture stable and the navigation untouched, while giving the wearable lane a more deliberate shell, clearer framing, and safer content density across desktop, phone, and very narrow widths.

Wearable-first thinking Future QR-ready Penny-adjacent
Live watch concept shell

What improved in 6A

The shell feels more intentional, the supporting copy explains the product lane more clearly, and the layout now reads like a future-facing wearable demo instead of a parking spot.

Why it stays lightweight

The stable Phase 5 navigation and section logic remain untouched. This is a visual and structural lift, not a risky interaction rewrite.

Built to stay clean at narrow widths. The watch lane keeps its place in the flagship architecture so later Penny-triggered shortcuts, branded QR entry points, wearable contact flows, and utility surfaces have a dependable home without forcing another structural rebuild.
Quick-action QR cards for resume, business card, and contact handoff flows.
Penny concierge prompts that feel native to a tiny screen instead of squeezed down from desktop.
Device-aware demo containers for square and circular wearable presentation later on.
Future-facing structure only

Lightweight hook containers are now in place for the next expansion pass.

These are intentionally framed as safe placeholders instead of active features, so the flagship build gains clean destinations for later QR utilities, avatar upgrades, Penny interaction lanes, Stripe-related flows, and watch-linked handoff content without disturbing the current navigation or interaction model.

QR feature staging

Structured tiles now reserve space for future resume, business card, and direct-contact QR surfaces without forcing those assets into the live layout yet.

QR HooksSafe container for branded QR art, link targets, and scan-first layouts later.

Avatar / media upgrade containers

Dedicated shells are now present for future Matt, E, and Penny media upgrades so richer holographic stills or video assets have a predictable landing zone.

Avatar HooksPrepared for higher-end stills, short loops, and later cinematic overlays.

Stripe / integration framing

The layout now includes a clearly non-functional integration lane so future Stripe-backed deposits, paid build requests, or service checkout flows can be introduced without reworking the section structure again.

Stripe preferred Request intake Payment status Client handoff
Payment / Integration HooksReserved for future processor UI, status copy, and protected next-step messaging.

Advanced Penny + watch-linked slots

Small, structured placeholders now mark where later concierge prompts, wearable quick actions, and watch-to-site continuity cards can plug in without creating layout clutter at tiny widths.

Penny SlotReserved for higher-touch assistant prompts, task routing, and contextual micro-copy.
Watch-linked future contentReserved for mirrored cards, wearable triggers, and companion-flow summaries.