Night Portfolio

Design
Process as
an Art Form

I lead design solutions for over a million real estate professionals by day and explore the boundary of digital logic on canvas by night.

Peter Pillsbury Art Show
UX/UI · Code · AI
Painting · Printmaking
Laguna Beach, CA
Scroll to explore
Manifesto

I deconstruct UX/UI, Code & AI — translating them into painting and printmaking. Each canvas holds 100 attributes of the design process: redlines, flows, annotations, wireframes. Art as documentation. Documentation as art.

Where most designers close the laptop at 5pm, this is where the real exploration begins. The night portfolio is the place where design thinking takes physical form — rendered in pigment, ink, and gesture.

UXUI Art Attributes

100 items.
One design
process.

Each painting hides 100 attributes — the properties, tools, and methods of a complete UX/UI/FE design process. Redlines. Flows. Personas. Components. Typography. Code. Find them if you can.

01IDEO Model
02Double Diamond
03Web Annotations
04Redlining
05User Flows
06Re-Design Checklist
07Gantt Chart
08Task Analysis
09User vs Business Needs
10UX Hypothesis
11Kanban
12Mindmap
13Proto Persona
14Business Model Canvas
15User Survey
16Value Proposition Canvas
17Affinity Diagram
18Empathy Map
19Problem Statement
20KPI
21Heuristic Analysis
22User Persona
23User Insight
24UX Design Brief
25UX Ideation
26Dot Voting
27UX Scenario
28UX Storyboard
29User Journey Map
30Decision Diagram
31Interview Questions
32AEIOU
33Competitive Analysis
34Design Principles
35Brand Definition
36Brand Positioning
37Defined Color Palette
38Website Task List
39Responsive Redline
405 Dimensions
41Build UI Pattern
42Open Card Sorting
43Rebuild Sitemap
44Redefine User Flow
45Responsive Grid Layout
46Responsive Grid Challenge
47Type Inspiration Board
48Type Like Not
49Agency Type Choice
50Type Voice
51Type Hierarchy
52Type Copy Block
53Homepage Wireframe
54Wireframe Test
55Feature Benefit Matrix
56SWOT Analysis
57Component Design
58Delight Mindmap
59Maturity User Flow
60Maturity Review
61Nav Moodboard
62Responsive Nav Menu
63Mobile Menu Iterations
64A/B Testing
65Usability Test Plan
66Value Prop Test Plan
67Value Prop Canvas II
68Style Tile
69Funnel
70Header
71Footer
72Primary Navigation
73Hero Slider
74Photo Carousel
75Testimonial
76Calls To Action
77Modal
78Dropdown
79Side Nav
80Mobile Menu
81Listbox
82Typography
83Iconography
84Input Form
85Image Placeholder
86HTML
87CSS
88Javascript
89Daily UI
90Social Media
91Title
92Chat
93Body Text
94Progress Bar
95Scroll Bar
96Cell Phone Status
97Pagination
98404 Error
99Hidden Gem
100Signature

Thirty laws.
One craft.

Thirty foundational laws of user experience — from Fitts to Hick to the Peak-End Rule. Click any law to understand the science behind the art.
L01Aesthetic-Usability Effect
L02Doherty Threshold
L03Fitts's Law
L04Goal-Gradient Effect
L05Hick's Law
L06Jakob's Law
L07Law of Common Region
L08Law of Proximity
L09Law of Praegnanz
L10Law of Similarity
L11Law of Uniform Connectedness
L12Miller's Law
L13Occam's Razor
L14Pareto Principle
L15Parkinson's Law
L16Peak-End Rule
L17Postel's Law
L18Serial Position Effect
L19Tesler's Law
L20Von Restorff Effect
L21Zeigarnik Effect
L22Law of Continuity
L23Chunking
L24Mental Model
L25Cognitive Load
L26Signal-to-Noise Ratio
L27Norman's Action Cycle
L28Affordance
L29Feedback Loop
L30Progressive Disclosure
Peter Pillsbury Art on Instagram
Follow on Instagram →
@peterpillsburyart

Let's talk
art & design.

Interested in original work, commissions, or just want to talk shop about UX and fine art? Send a message directly.

Your message goes directly to im@peterpillsbury.com