Web & User Experience DesignWeb & User Experience Design
Visual storytelling via user-centered experiences
I've been designing online experiences since before the world wide web was released to the public, as a natural extension to my work in the interactive arts and as a print designer. Craftsmanship is key to me, and I believe that every form, color, and moment - no matter how small - work collectively to define how the user engages a design and what they ultimately take away from it.
Click the image to zoom
OMMS
Solutions for Decentralized Cryptocurrency Exchanges
OMMS, a financial-tech startup working in the crypto space, provided turn-key widgets and plugins for decentralized crypto-currency exchanges (also known as DEXs). In addition to developing their corporate presence, I also designed and built their premier DEX offering.
Roles: UX Designer, Graphic Designer, Developer
Skills: Market/User Research, UX Design, Graphic Design, User Personas/Journeys, Prototyping
Technologies: Adobe Illustrator/Photoshop/XD
Click the image to zoom
WineDor
An AI-powered Wine Pairings Assistant
WineDor was conceived as a ChatGPT-powered pairings assistant designed to help consumers find the perfect wine to go with their meal.
Roles: UX Designer, Graphic Designer, Developer
Skills: Market/User Research, UX Design, Graphic Design
Technologies: Adobe Illustrator/Photoshop, ChatGPT
Click the image to zoom
Romio Mobile
Community-building and Rental/Real Estate discovery app
Romio was a neighborhood-focused social media and real-estate startup that consisted of a stand-alone web app with tight integration into Facebook's canvas and social vectors. Shown here is an adaptation of my web user experience design into a design suitable for a mobile app.
A full wireframe, depicting onboarding and rental search flows in PDF format, can been found here.
Roles: UX Designer, Graphic Designer, Front/Back End Developer
Skills: Product-Market Fit Studies, Market/User Research, User Studies, User Personas/Journeys, Prototypes, Web Development
Technologies: Adobe Illustrator & Photoshop, Axure RP, Balsamiq, Zend, PHP, MySQL, FBML
Click the image to zoom
noaa
Lorem ipsum dolor sit amet, consectetur adipiscing elit
noaa Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Click the image to zoom
Roles: Art Director and Lead Designer
Skills: Graphic Design, Market Research, User Studies
Technologies: Adobe Illustrator, Adobe Photoshop, Pantone Color System
Click the image to zoom
Farmsuite Wireframes
Lorem ipsum dolor sit amet, consectetur adipiscing elit
farmsuite Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Click the image to zoom
Roles: Art Director and Lead Designer
Skills: Graphic Design, Market Research, User Studies
Technologies: Adobe Illustrator, Adobe Photoshop, Pantone Color System
Click the image to zoom
focus-engine
Lorem ipsum dolor sit amet, consectetur adipiscing elit
focus-engine Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Click the image to zoom
Roles: Art Director and Lead Designer
Skills: Graphic Design, Market Research, User Studies
Technologies: Adobe Illustrator, Adobe Photoshop, Pantone Color System
Logos & Brand Identity
The Unique Essence of a Venture
I was fortunate enough to be mentored by marketing legend Jay Chiat in the late 90's. During that time he drilled into me that "a brand is the smell, the color, everything leading to
In other words, a brand is much more than just a unique mark. It is the embodiment of a company or product; the thought that lingers even when the brand is out of sight, and if executed correctly, it becomes the subtle measure against which all competing thoughts are compared.
Click the image to zoom
Killer Kards Tarot
An underground club with faux gambling and a high-tech boudoir theme
Lust wasn't your normal nightclub. It featured all-night faux gambling and catered to the after-hours San Francisco night-life scene. The solution to their brand identity featured a high-tech boudoir theme and a logo that was juicy and a little bit naughty.
Roles: Art Director and Lead Designer
Skills: Graphic Design, Market Research, User Studies
Technologies: Adobe Illustrator & Photoshop, Pantone Color System
Click the image to zoom
Lust Identity
An underground club with faux gambling and a high-tech boudoir theme
Lust wasn't your normal nightclub. It featured all-night faux gambling and catered to the after-hours San Francisco night-life scene. The solution to their brand identity featured a high-tech boudoir theme and a logo that was juicy and a little bit naughty.
Roles: Art Director and Lead Designer
Skills: Graphic Design, Market Research, User Studies
Technologies: Adobe Illustrator & Photoshop, Pantone Color System
Click the image to zoom
Cybergold Identity
Giving form to one of the internet's first digital currencies
After trying several design agencies and freelancers, Cybergold asked me to take a crack at their logo and brand image. The solution was to create an image evocative of international currency and blend it with forms that suggested solidity and security. It was a hit; the company ended up plastering it on everything from public buses to candy. I was also able to increase their conversion rates by 18%.
Roles: Art Director and Lead Designer
Skills: Graphic Design, Market Research, User & Use-case Studies, Future-casting, Style-guide Development
Technologies: Adobe Illustrator, Adobe Photoshop, Pantone Color System
Click the image to zoom
Blüm
Capturing a line of Oakland streetwear
Fashion designer Brenna Dean approached me to design a label for a clothing line she was working on. She wanted something along the lines of an "edgy flower."
Having to work without ever being able to see the clothing line, and relying upon intuition alone. I was apprehensive about showing her the new logo. But fears were set aside when she screamed with delight; it seems that she had decided to incorporate a gun motif into many of the prints. The logo, bearing an unfolding "gun-flower" was, in her words, "perfect."
Roles: Art Director and Lead Designer
Skills: Graphic Design, Market Research, User Studies
Technologies: Adobe Illustrator, Adobe Photoshop, Pantone Color System
Click the image to zoom
SunSynchronous
Capturing an aerospace subsidiary
SunSynchronous, a subsidiary of a company that developed satellite telemetry software for the aerospace industry, needed a logo that was bold and evocative of cutting edge technology without appearing cliche. My solution was to wrap an object in space with the iconic ground track pattern of an orbiting satellite that is in a sun synchronous orbit. The font treatment was selected to be reminiscent of a museum display in order to convey an established sense of stability and permanence.
The client appreciated the design so much that elements of it became incorporated into their parent company's main site and logo.
Roles: Art Director and Lead Designer
Skills: Graphic Design, Market Research
Technologies: Adobe Illustrator, Adobe Photoshop, Pantone Color System
Design Arts
Visually Communicating Ideas, Experiences, and Narratives
I began my design career working solely in print, back in the days before desktop publishing was a thing. Over the years I've designed everything from business cards and annual reports to magazine layouts and apparel prints. If it can have ink applied to it, chances are I've designed something for it.
Click the image to zoom
Love Unites Campaign
Award-winning public awareness design
One of about a dozen pro-bono posters I designed as part of the Love Unites equal rights campaign. The design went on to win an award and was subsequently exhibited at the Advocate & Gochis Galleries in Los Angeles alongside the work of Shepard Fairy.
Roles: Art Director and Lead Designer
Skills: Graphic Design
Technologies: Adobe Illustrator & Photoshop, Pantone Color System
Click the image to zoom
hOOt.
Consumer marketing for a medical cannabis product
Marketing insert for a medical marijuana product. The manufacturer wanted an earthy, memorable, and immediately identifiable design that placed emphasis on their chemical-free extraction technique while still feeling somewhat recreational and non-clinical. The owl is a traditional Russian paper-cut design. I love the two tiny owls in her tummy.
Roles: Art Director and Lead Designer
Skills: Product Design, Graphic Design, Market Research, User Studies
Technologies: Adobe Illustrator & Photoshop, Pantone Color System
Click the image to zoom
Vale Felis
Nightclub promotional marketing communication
"Vale Felis" - which in Latin roughly translates to "Goodbye Kitty" - was an underground nightclub with a tongue-in-cheek pirate theme. In addition to the brand and logo, I also designed their marketing materials and promotional merchandise - everything from coffee mugs to Christmas cards.
Roles: Art Director and Lead Designer
Skills: Graphic Design
Technologies: Adobe Illustrator & Adobe Photoshop, Pantone Color System
Digital Media
The Unique Essence of a Venture
I first began producing digital assets in early 90's. Primarily for video games and personal art projects at first, and then later everything from photo restorations to editorial illustrations and marketing communications. In addition to my own personal style, I have to date I have been able to mimic any style requested of me. I am also able to develop novel styles to match specific requirements. Below are examples highlighting my technical expertise.
In other words, a brand is much more than just a unique mark. It is the embodiment of a company or product; the thought that lingers even when the brand is out of sight, and if executed correctly, it becomes the subtle measure against which all competing thoughts are compared.
Click the image to zoom
Character Development
From concept to creation
After trying several design agencies and freelancers, Cybergold asked me to take a crack at their logo and brand image. The solution was to create an image evocative of international currency and blend it with forms that suggested solidity and security. It was a hit; the company ended up plastering it on everything from public buses to candy. I was also able to increase their conversion rates by 18%.
Roles: Art Director and Lead Designer
Skills: Graphic Design, Market Research, User & Use-case Studies, Future-casting, Style-guide Development
Technologies: Adobe Illustrator, Adobe Photoshop, Pantone Color System
Click the image to zoom
Digital Painting
Everything from manual face-swapping to photo-manipulation
Fashion designer Brenna Dean approached me to design a label for a clothing line she was working on. She wanted something along the lines of an "edgy flower."
Having to work without ever being able to see the clothing line, and relying upon intuition alone. I was apprehensive about showing her the new logo. But fears were set aside when she screamed with delight; it seems that she had decided to incorporate a gun motif into many of the prints. The logo, bearing an unfolding "gun-flower" was, in her words, "perfect."
Roles: Art Director and Lead Designer
Skills: Graphic Design, Market Research, User Studies
Technologies: Adobe Illustrator, Adobe Photoshop, Pantone Color System
Click the image to zoom
Ethical AI-Assisted
Illustrations producted via Generative AI, using my own original work as style and structure inputs
Click the image to zoom
Beautiful Creatures Digital Painting
An underground club with faux gambling and a high-tech boudoir theme
Lust wasn't your normal nightclub. It featured all-night faux gambling and catered to the after-hours San Francisco night-life scene. The solution to their brand identity featured a high-tech boudoir theme and a logo that was juicy and a little bit naughty.
Roles: Art Director and Lead Designer
Skills: Graphic Design, Market Research, User Studies
Technologies: Adobe Illustrator & Photoshop, Pantone Color System
Experimental Arts
The Unique Essence of a Venture
I was fortunate enough to be mentored by marketing legend Jay Chiat in the late 90's. During that time he drilled into me that "a brand is the smell, the color, everything leading to
In other words, a brand is much more than just a unique mark. It is the embodiment of a company or product; the thought that lingers even when the brand is out of sight, and if executed correctly, it becomes the subtle measure against which all competing thoughts are compared.
Dapplegraphs
Sun-powered animations
After trying several design agencies and freelancers, Cybergold asked me to take a crack at their logo and brand image. The solution was to create an image evocative of international currency and blend it with forms that suggested solidity and security. It was a hit; the company ended up plastering it on everything from public buses to candy. I was also able to increase their conversion rates by 18%.
Roles: Art Director and Lead Designer
Skills: Graphic Design, Market Research, User & Use-case Studies, Future-casting, Style-guide Development
Technologies: Adobe Illustrator, Adobe Photoshop, Pantone Color System
Click the image to zoom
Discrete Paranoia
Brainwave-Controlled Virtual Reality
I believe this was the first example ever of a brain wave interface for navigating a 3D environment.
User/(Viewer) input was conducted via a simplified electroencephalogram (EEG) connected to the viewer's head.
Seated before the sculpture, the viewer was put to the task of using his or her mind to navigate the 3D environment presented in the top viewport. While engaged in this activity, their actions and brainwaves were monitored to determine if they were focused on the 3D viewport or not.
Once their focus was engaged, the sculpture would begin alter the output of the second display. If the animations went unnoticed, faces in the second display would begin whispering, snapping the user out of their focus. At that moment the sculpture would immediately return to its initial state. Since the viewer's mental activity was being directly monitored, only the barest impression of any change could be glimpsed before it disappeared - with no concrete evidence that any change actually occurred. Hence the name Discrete Paranoia.
Roles: Art Director and Developer
Skills: Fabrication, Programming, Digital Art, Game Design, Embedded Development
Technologies: C/C++, Assembler, DOS
Click the image to zoom
focus-engine
Lorem ipsum dolor sit amet, consectetur adipiscing elit
focus-engine Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Click the image to zoom
Roles: Art Director and Lead Designer
Skills: Graphic Design, Market Research, User Studies
Technologies: Adobe Illustrator, Adobe Photoshop, Pantone Color System
Traditional Media
Visual storytelling via user-centered experiences
My romance with the arts began at a very early age, fueled by the covers of the fantasy and sci-fi novels I forever had my face buried in. Below are examples of my figiurative work in my default style, which is heavily influenced by Turner, Rembrandt, and Frazetta.
Click the image to zoom
I Dreamt of Horses
Oil on canvas, 3 panels
Click the image to zoom
Detail
Pen & Ink on illustraion board
Web Development
Pixel-Perfect Cross-Browser Construction*
With a background in embedded software and game development, I began writing code for the web shortly after Mozilla made it possible to display images on a page over three decades ago.
*No pixels were harmed in the creation of these websites
Client/Server Languages & Formats: WebGL/GLSL/AGSL, HTML, CSS, PHP, Javascript/ES6, FBML, XML, JSON, SVG, C/C++/C#, Assembler, Curl, .htaccess, SCSS/Sass, LESS†, Java†, ActionScript
Relevant Skills: Project Management, API & Widget Development, Agile Processes/Scrum, Refactoring, Security, Finite State Machines, Code Optimization, SEO, Business Requirements Translation, Server Deployment, KYC, Mentoring, Department/Team Building
Tech/Frameworks: MySQL, NoSQL†, Git, SVN, REST, Wordpress, Zend, NPM/YARN, Node.js, Express.js, jQuery, React†, Postman, Bootstrap, Tailwind, Three.js, Alpine.js, Tinygrid, OpenGraph, Composer
APIs: ChatGPT, OAuth, Google Vision/Charts/Ads/Tag, Hubspot, Clearbit, Sendgrid, FaceBook, Twitter
Hosting Tech: Google Cloud, Linux, Apache, cPanel, WHM, SSH, SSL certification, DNS, VMWare, Server Management
Hosts/Registrars: Google, Linode, HostGator, DreamHost, NameCheap, MochaHost, SquareSpace, Wix, GoDaddy, BlueHost, & Private Servers to the discrete component level
† Indicates reduced and/or non-production-environment experience
Click the image to zoom
Amperity
A custom-built PHP MVC site with seamless WordPress integration
Amperity is a B2B platform that leverages AI to quantify customer data at scale. As the sole developer on the project, I built the site from the ground up using a Model-View-Controller paradigm. It features a seamlessly integrated WordPress blog, a sophisticated URL handling system, advanced .htaccess mods, and connection to a large API ecosystem that includes providers such as Hubspot, Clearbit, and Sendgrid.
The site's facade, with reduced functionality so as not to interfere with the current amperity.com site, can be viewed via the button below:
Roles: Full-stack Developer
Skills: MVC development, Project Management, Server Management
Technologies: Linux, Apache, MySQL, PHP, SVN, Clearbit, Sendgrid, & Wordpress (as an attached blog)
Click the image to zoom
Sugarfoot Deals
Bringing Derivatives Trading to Cryptocurrency
A skinnable widget/plugin for decentralized cryptocurrency exchanges (DEXs), Sugarfoot simplified derivatives trading capability.
Roles: Lead Developer
Skills: Fin-tech Development, KYC, Crypto Development, API Development
Technologies: Javascript, React, Express.js, Solidity
Click the image to zoom
Photocard Checkout
An Embedded PHP Web App with FaceBook and Twitter Connectivity
Photocard Checkout was a Web App built into a stand-alone kiosk that could be deployed at promotional events as a social media-connected photo booth.
Roles: Front/Back End Developer, FaceBook & Twitter App Developer
Skills: Embedded Web Development
Technologies: PHP, OAuth, FaceBook & Twitter Apps + APIs
Click the image to zoom
Color Anomaly
Web-based 3D using WebGL
Color Anomaly, built as part of a personal art project, is an interactive 3D experience built with the three.js WebGL library and custom GLSL shaders.
Roles: Developer, Art Director
Skills: 3D, WebGL, Shader Development, Web Development
Technologies: Three.js, Javascript, GLSL, HTML/CSS
Software Development
- Section Currently Under Construction
Mobile, Server, Embedded, Industrial Control, and more
Languages, Protocols, & Formats: C/C++/C#, Assembler, x86/6805/z80 Machine/Microcode, GLSL/AGSL, Javascript/ES6, Curl, XML/XSLT, JSON, Postscript, HTML/CSS, PHP, Modbus, BASH, Batch, FBML, Swift†, Solidity†, Java†, Perl†, Lua, BASIC, TCP
Development Targets: iOS, Android, Linux, OSX/Darwin(BSD/Unix), Google Cloud, Windows, DOS, Embedded: x86 & Microcontrollers(Arduino/PIC/6805/etc.), Web Client/Server, Industrial/Robotic Control, Solder
Relevant Skills: Project Management, API Development, Agile Processes/Scrum, Refactoring, Security, Finite State Machines, Code Optimization, SEO, Business Requirements Translation, Server Deployment, Mentoring, Department/Team Building
Tech/Frameworks: Web Client/server, MySQL, NoSQL†, Git, SVN, REST, NPM/YARN, Node.js, Cocopods ...
APIs: ChatGPT, WebGL, OAuth, Google Vision/Charts/Ads/Tag, Hubspot, Clearbit, Sendgrid, FaceBook, Twitter
† Indicates reduced and/or non-production-environment experience
Click the image to zoom
Lorem ipsum dolor sit
Lorem ipsum dolor sit amet, consectetur adipiscing elit
_________ Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Roles: Lead Developer, lorem ipsum
Skills: Lorem ipsum dolor sit amet, consectetur
Technologies: Lorem ipsum dolor sit amet, consectetur
Print Design
The Unique Essence of a Venture
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Click the image to zoom
Project Name
Lorem ipsum dolor sit amet, consectetur adipiscing elit
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Roles: Art Director and Lead Designer
Skills: Graphic Design, Market Research, User Studies
Technologies: Adobe Illustrator, Adobe Photoshop, Pantone Color System