My Portfolio

−

✕

FileEditViewHelp

Resume.doc

Case Studies

Contact.txt

passwords.txt

C:\My Documents\Case Studies

−

✕

FileEditViewHelp

The Crit

Daily Ticker

Design Leadership

Instructional Design

Kipple Digital

Motion Graphics.mov

Brand & Design Systems

C:\The Lab - Creative Experiments

−

✕

FileEditViewHelp

AI Assistant

Sketchbook

90s Web Generator

NikNotes

Minesweeper

Tic-Tac-Toe

Calculator

My Mix Tape

Guestbook

Pixel Lab

Solitaire

Recycle Bin - Idea Graveyard

−

✕

FileEditViewHelp

bad_logo.psd

startup_ideas.txt

comic_sans.doc

web3_pivot.txt

i_hate_papyrus.gif

are_you-ok.gif

Social Hub

−

✕

FileEditViewHelp

Email Me

nikkikipple.com

Calculator

−

✕

0

Tip of the Day

✕

Did you know...

Nikki specializes in building comprehensive Design Systems that scale.

Show tips at startup

Resume.doc - WordPad

−

✕

FileEditViewInsertFormatHelp

NIKKI KIPPLE

Product Designer & Developer

San Francisco, CA • hello@nikkikipple.com • linkedin.com/in/nikkikipple

✦ Summary

Multidisciplinary designer with a passion for bridging the gap between design and engineering. Expert in building intuitive user experiences, design systems, and creative web applications that combine aesthetic excellence with technical precision.

✦ Experience

Founder & Creative Director | Kipple Digital | 2021 - Present

Launched a digital agency focused on solving complex problems through design and technology
Built and led agile teams to transform ideas into impactful digital experiences
Specialized in SEO, web design, and brand systems for diverse clients

Senior Product Designer | Tech Corp Inc. | 2019 - 2021

Led the redesign of core mobile applications, increasing user retention by 35%
Established a comprehensive design system used across multiple product lines
Collaborated closely with engineering teams to implement complex animations and interactions

Instructional Designer | Education First | 2017 - 2019

Developed curriculum based on evolving industry trends and learning science
Shipped a Learning Management System (LMS) connecting 5,000+ students with faculty

✦ Skills

Design: Figma, Adobe Creative Suite, Motion Graphics, Design Systems, User Research, Prototyping
Development: HTML/CSS, React, TypeScript, JavaScript, Creative Coding, Responsive Design
Leadership: Agile Methodologies, Mentorship, Team Building, Cross-functional Collaboration

✦ Education

Bachelor of Arts in Design Media Arts | University of California

Display Properties

−

✕

Wallpaper

Select an option to change the desktop background:

Guestbook

−

✕

Sign My Guestbook!

WebMaster: Thanks for visiting! 1995-08-24

Tic-Tac-Toe

−

✕

Player X's Turn

Solitaire

−

✕

GameHelp

🃏 Solitaire

Coming Soon!

Classic Klondike Solitaire will be available here.

About_Me.txt - Notepad

−

✕

╔═══════════════════════════════════════════════════════════════╗
║                         ABOUT_ME.TXT                           ║
║                    Last Modified: 2025                        ║
╚═══════════════════════════════════════════════════════════════╝

👋 HI, I'M NIKKI KIPPLE



Product Designer & Developer
📍 San Francisco, CA
📋 THE TL;DR
I build design systems, lead product design teams, and occasionally
convince developers that yes, those 2 pixels DO matter.

I'm a builder who bridges design and code - I prototype in Figma
AND build it in React. No handoff drama, just solutions that work.
🛠️  WHAT I DO✓ Design Systems that actually get used
  (Not just pretty Figma files - real, living systems)
✓ Product Design with a technical edge
  (I speak fluent React, TypeScript, and developer empathy)
✓ Creative Direction for brands
  (That need more than templates and generic solutions)
✓ Instructional Design
  (Making complex things learnable and accessible)
✓ Team Leadership
  (Building design teams that ship quality work)
💼 CURRENTLY→ Running Kipple Digital (my design agency)
→ Building design systems that don't make developers cry
→ Teaching design at Academy of Art University
→ Probably overthinking a color palette somewhere
→ Building tools that help designers grow
🎯 MY APPROACH
I believe in:
• Building solutions, not just designs
• Systems thinking over one-off fixes
• Clear communication (thanks, instructional design background!)
• Code that designers can understand
• Design that developers can build
🎮 WHY THIS LOOKS LIKE WINDOWS 95
Because nostalgia is fun, and I wanted a playground to experiment
with creative web development. Plus, who doesn't love a good retro
aesthetic?

This entire portfolio is a working Windows 95 simulator - complete
with games, apps, and easter eggs. Yes, the games actually work.
No, I don't have time to play them (but you should try them!).
✨ FUN FACTS→ I bridge design and engineering seamlessly
→ My instructional design background = obsession with clarity
→ I can prototype AND code (rare combo, apparently)
→ This portfolio is built with TypeScript, Vite, and ✨magic✨
→ I once spent 3 hours debating 2px of spacing (worth it)
🤝 WANT TO WORK TOGETHER?📧 Email: hello@nikkikipple.com
💼 LinkedIn: linkedin.com/in/nikkikipple
🌐 Website: nikkikipple.com
💡 PRO TIP
Explore the desktop - there are easter eggs hidden everywhere!
Try clicking on things, opening apps, and see what you discover.

Contact.txt - Notepad

−

✕

CONTACT FORM
I'm always open to new opportunities and collaborations.

                        Name:
                        
                        Email:
                        
                        Organization: (optional)
                        
                        Inquiry Type:
                        
                        Message:
                        
Or reach out directly:
Email: hello@nikkikipple.com
LinkedIn: linkedin.com/in/nikkikipple

America Online

−

✕

Screen Name:

Password:

90s Web Generator

−

✕

Connecting...

NikNotes

−

✕

Paint - Sketchbook

−

✕

Doom II

−

✕

AI Assistant

−

✕

Minesweeper

−

✕

🚩 10

⏱️ 0

Let's play! Click a square to start.

Image Viewer

−

✕

Pixel Lab

−

✕

FileEditViewPresetsHelp

▼ Upload Image

📁

Drop image here

or

Also supports paste (⌘V / Ctrl+V)

▼ Presets

Win98

8px • 4 levels

Avatar

6px • 5 levels

Vaporwave

10px • 4 levels

Mono

6px • 3 levels

▼ Pixel Settings

Pixel Size

8 px

Color Steps

4 levels per channel

▼ Color Palette

▼ Grid & Display

Show Grid

Grid Opacity

0.35

Background

Grid Color

Ready

—

Media Player

−

✕

Loading Media Player...

🔊

The Crit - Case Study

−

✕

FileEditViewHelp

Daily Ticker - Case Study

−

✕

FileEditViewHelp

Design Leadership - Case Study

−

✕

FileEditViewHelp

Instructional Design - Case Study

−

✕

FileEditViewHelp

Kipple Digital - Case Study

−

✕

FileEditViewHelp

Motion Graphics - Case Study

−

✕

FileEditViewHelp

Brand & Design Systems - Case Study

−

✕

FileEditViewHelp