and I'm a product

  • Designer

  • Developer

  • Admirer

A bit about the process I use

Every project has it's own requirements depending on complexities.
This process merely serves as a great roadmap for me.

Requirements & goals

  • What problem does the application or website solve?
  • What goals do users want to accomplish?
  • How does the content context affect user journeys and goals?
  • Weigh the differences in region, language and age.

Develop concepts & workflow

  • Brainstorm with my team, or anyone in my vicinity.
  • I am inquisitive by nature and like to ask questions to solve problems.
  • Our team pulls together data and we analyze it.
  • On my off time, I try to think about solutions in a different way.

Content organization

  • Card sorting and white boarding
  • Detailed concepts of task flows and navigation(s).
  • Naming models for objects and actions in the UI.
  • Ensure the team is on the same page and knows how to present to stake holders.

Incorporate visual design

  • Assess competition positioning and investigate visual ideas.
  • Create a set of different wireframe concepts and share with the team.
  • Present visuals and talk through the solution with the team.
  • Itterate as needed

Hello, I am Joe Richardson...

I'm a product designer living in San Francisco, California. I started as a production designer 13 years ago, worked for a few in-house art departments, and afterwards had my own design consultancy. Previous to my current position I worked for Get Satisfaction and currently work as a product designer at DNN Software. Creating user experiences, functionality and beauty is not just my job, it's my passion.

View my Works

Portfolio pieces

LeaseStar Phone App


The lead product manager for LeaseStar and I were tasked with solving how to bring the robust features of our website template app to a smartphone. We worked with department heads to ensure that the interaction designs that we made were consistent with the product offering. We then brought in the lead developer to go over the interactions to ensure they were feasible. After a few iterations, we went into production.

Finished LeaseStar app LeaseStar interaction design Joe Richardson - UI/UX Designer
LeaseStar Sales Portal

LeaseStar Sales Portal


We finished creating the framework for the website builder that runs on the RealPage proprietary CMS, but needed a way to showcase it to our customers. The sales portal was intended as a time saver for our sales team and as a quick website setup tool.

User Flow

After multiple iterations of the interactions, our user flow became:
Select Theme --> Theme options --> Customizations --> Service Options --> Add Ons --> Wish List
We decided not to fully automate the process as there was concern at the time that it would throw a wrench into the dev team's work flow, so this process became the ownership of the sales team.

User Flow

Interactions in wireframe

After a few meetings and some information gathering, we were able to put together a series of interactions that would show how our team envisioned the process. LeaseStar was to be the newest and greatest of the new product offerings and through it we wanted to offer as many features to our customers as possible. RealPage has a very large set of features and that is one of the major factors that made this project difficult... How to show and offer all of this to a prospect without confusing them through the buying cycle. After some debate, we decided that a step by step buying process was the way to go. The sales agent would have initial contact with the customer, then send them to the sales portal. When the customer went through the sales portal then the sales agent would reestablish contact and would be ready to finish the deal. In parallel, the dev team would be ready to make the site live.

LeaseStar sales gallery wireframes



RealPage has a very large and diverse user base. We methodically designed hundreds of templates to meet very specific personas and decided it would be a great idea to give the user options to narrow their search down for a template instead of just throwing them into a typical pagination system. We went into our user base and researched our users, which led us to the creation of category search sets. We were very happy with the results and it actually helped us define some of the designs that we were on the fence about previously.

Joe Richardson - UI/UX Designer



PCGS is the United States' largest coin grading and collectible grading service. I was contacted by them to help clean up a UX that had gone astray years before. PCGS had never had a designer on staff and as they grew, they had no one to help them grow visually. The previous strategy was to have the developers put new content up ad hoc. The new strategy was to bucket the content properly for ease of use and updates.

This site has a very large amount of content. The strategy we took was to gather all the pages and re-categorize how we would display content. After we came up with a content strategy I started putting together a initial design and flow mockups.

After a design style was chosen we had to think about how to guide users with the new design. PCGS has a lot of older users who aren't very tech savvy and we didn't want to lose them with the new UI. For the first few months we had how to guides for those who might get lost posted on the home site.

The launch of the new PCGS site created a lot of industry buzz and garnered me more clients at the time.

Notable highlights:

  • Larger, modern header with clear company mission
  • PCGS relys on advertising, so the redesign was built to accomodate PPC ads.
  • Defined call to action areas with clear user goals
  • Clean and modern interface with cross browser compliance for non-tech users
pcgs before and after Joe Richardson - UI/UX Designer
Get Satisfaction Community Software

Get Satisfaction Community Software


Get Satisfaction is a world class community software platform with small business and enterprise versions. I have been with Get Satisfaction as the senior designer since January of 2013. I manage the branding, deliver metrics and work in cross functional teams to help with product iterations, development and more.

Finished LeaseStar app Joe Richardson - UI/UX Designer
Punch Rewards App

The Punch Rewards Project


I had done a lot of previous work with the lead programmer who was working on developing the Punch Rewards application. He reached out to me to help guide the UI flow and design of the application. After we finalized the app, he also hired me to help design branding and marketing materials.

The Punch Rewards App

At the time there weren't a lot of punchcard or coupon style apps out there, so we were on the forefront of the market. Our approach was to make it as quick and easy as possible. I was also hired by the company to do marketing materials as the user experience would tie heavily into people picking up info cards, coupons and trifolds (pocket sized) at ocations that offered the app.

Joe Richardson - UI/UX Designer

Feel free to Contact Me anytime

Contact me to chat about UI/UX opportunities, technology, film making, comedy, or anything in between.

Joe Richardson
(619) 972 - 4212