Darren Trautwein

Human Connections Start Here

Nike

Art Director/Designer | Promotional Campaign

Princeton HealthCare System Foundation

Art Director/Designer | Advertising Campaign

Alexa by Trojan

Creative Director | Advertising Campaign, Social Media, Web

Merck - MerckEngage

Art Director | UX Design, Responsive Web

Zoom HRV

Art Director/Designer | Packaging, Companion Mobile Application

YOO

Art Director/Designer | Packaging, Companion Mobile Application, User Experience, Responsive Web, Product Strategy

Magazine Opening Spread

Art Director/Designer

Toujeo

Creative Director | UX Design, Responsive Web

Walking Dead / PlayStation

Art Director/Designer | Promotional Campaign

Heartery

Art Director/Designer | Branding, Responsive Web, Mobile Application

HappyChef

Creative Director | Advertising Campaign

Guild Mortgage

Art Director/Designer | User Experience, Mobile Application, Responsive Web

Sidra

Art Director/Designer | Promotional Campaign

RxNetwork

Art Director/Designer | Branding, Mobile Application, User Experience, Responsive Web, SAAS, Product Strategy

Magazine Opening Spread

Art Director/Designer

Pepsi

Art Director/Designer | User Experience, SAAS

HappyChef

Creative Director | Description/Performance Tags

Rethink Energy NJ

Art Director/Designer | User Experience, SAAS

Merck

Art Director/Designer | User Experience, Responsive Web

As an artist and designer, my practice begins with the creation of nonlinear visual systems—layered compositions that operate through fragmentation, disruption, and intertextuality. Influenced by Grunge Graphic Design, Deconstructivist Typography, and collage-based visual practices, my work incorporates distressed textures, fragmented typographic forms, photographic elements, vector geometry, and scanned ephemera. These elements draw from traditions including Swiss Punk, New Wave graphics, and Constructivist poster design while engaging broader postmodern strategies such as visual density, disrupted hierarchy, and the blending of high and low cultural references.Across these visual approaches, I explore themes related to music, culture, environment, mental health, and relationships. Each composition functions as an affective system that reflects complex psychological and social structures, inviting viewers to navigate nonlinear pathways of interpretation rather than fixed narratives.This exploratory, nonlinear practice forms the conceptual starting point for my digital design work. When translating these visual systems into web design, mobile application design, and Sass-based interface architecture, I move deliberately from experimentation toward structured, usable products.Early stages of my process prioritize visual exploration and layered composition to generate ideas and uncover relationships between content, form, and meaning. From this generative phase, I distill the underlying logic of the work into clear interface structures built on modular grids, component systems, and intuitive navigation patterns.
This approach aligns with a product design framework centered on creating experiences that are desirable, valuable, viable, and feasible. Expressive visual language contributes to desirability, while structured information architecture and interaction design ensure usability and value for users. Through scalable Sass-based design systems—using variables, mixins, and modular components—I translate these ideas into maintainable, responsive code frameworks that support real-world development and collaboration.
Through this process, nonlinear artistic exploration becomes the foundation for structured digital systems, allowing expressive graphic experimentation to evolve into functional, engaging web and mobile products.

Darren Trautwein

Shaping connected experiences that elevate humanity—driving a global design dialogue bold enough to transform organizations, inspire progress, and spark the future.
[mailto://[email protected]]