Hi. I’m Mike, a user experience designer.

Mike's Notebook

These are some aspects of my workflow.

Process Audit

Stories & Goals

The process begins with conversations and stories about where clients have been, where they are, and where they'd like to be. These discussions may lead to content audits, interviews with customers and stakeholders, empathy maps, and time around the table with dry-erase boards, markers, and sticky notes.

Download Sample Content Audit Map

Process Wireframe

Organization & Prioritization

The information and desires mapped out in the previous step set the stage for a process of translation into form and function. The high-level elements are organized and prioritized with object maps, site maps, and the specific details of these elements are organized and prioritized with wireframes (or page maps).

Download Sample Wireframe

Process Comp

Aesthetics & Interactions

Once organized and prioritized, the interactions between the elements as well as their style begin to emerge in an iterative process that begins with sketches on paper and evolves into fully-functioning code. Style tiles, living style guides, comps, and responsive prototypes may be created along the way.

Download Sample Comp

And here are a few design examples.

Close Project

Web Applications

Whether leading a team or working independently, my role when designing web applications usually involves information architecture, user interface design, and prototyping.

Florida Outdoor Recreation Inventory

Close ProjectFlorida Outdoor Recreation Inventory (2016) I designed and created the prototpye for the search and map-based results user interface of the upcoming Florida Outdoor Recreation Inventory web and mobile application.

Meteorology

Close ProjectMeteorology Course (2015) I led the UI design effort in the creation of an online Meteorology course, the first of its kind in the State of Florida.

WeatherSTEM

Close ProjectWeatherSTEM (2014) I designed the UI vision for the WeatherSTEM station pages. I also designed and coded all of the resources in the Learn section.

ERA

Close ProjectERA (2011) In addition to directing the redesign of ERA, I led the design team at Homes.com on several projects for other Realogy brands.

Close Project

Dashboards

I have designed the admin interfaces for a variety of web applications including learning management systems, content management systems, and customer relationship management systems.

Navitas Dashboard

Close ProjectNavitas Customer Account Dashboard (2016) I worked with the Navitas Credit Corp product team to design the user interface for their new mobile app used that is used as a management tool for customer accounts.

SPEAR Dashboard

Close ProjectSPEAR Dashboard (2016) I helped the Titus Human Performance team reimagine their analytics application as a responsive dashboard.

REMAX control panel - contacts

Close ProjectRE/MAX LeadStreet (2010) I led the UI design for a new prototype of the RE/MAX control panel.

Homes.com Dashboard

Close ProjectHomes.com Dashboard (2011) I led the UI design for the new Homes.com control panel.

Close Project

CMS & LMS Interfaces

I have created custom interface templates for a variety of content management systems including WordPress, Joomla!, ExpressionEngine, and several propriety content and learning management systems.

Ucompass

Close ProjectUcompass (2014) Ucompass creates education technology applications. My roles in this project included user interface design, and the creation of a WordPress template.

Barry Bevis Realty

Close ProjectBarry Bevis Real Estate (2008) This custom template was created to be used in the AgentAdvantage CMS. My roles in this project included user interface design and front-end development.

Tyler Turkle

Close ProjectTyler Turkle (2008) This custom WordPress template was created for artist and filmmaker Tyler Turkle. My roles in this project included user interface design and front-end development.

N1E Agent Site

Close ProjectN1E Agent Site (2010) This template was created to be used in the NUMBER1EXPERT CMS. My roles in this project included user interface design and front-end development.

Close Project

Mobile Apps

Before the widespread adoption of responsive web design, I was designing user interfaces and coding HTML5/CSS3 for mobile devices. I was able to draw from over ten of experience designing and programming discs and touchscreen kiosks.

Close ProjectWeatherSTEM Mobile App (2015) I provided user interface consulting and testing for the developement team that coded the WeatherSTEM app. I also created this promotional video after the app was released.

Mobile Website Templates for AgentAdvantage

Close ProjectAgentAdvantage mobile websites (2010) This project is the re-envisioning of a traditional real estate agent’s website for display on mobile devices. My roles in this project included project management, user interface design, and front-end development (HTML5, CSS3, and jQuery).

Close Project

Kiosks & Discs

I began my career designing user interfaces for disc-based media and touchscreen kiosks. This experience has proven to be very useful as I move into interface designs for devices like the iPad.

Challenger Learning Center Space Kiosk

Close ProjectThe History of Florida as the Space State (2004) This touchscreen kiosk was designed for the Challenger Learning Center / IMAX in Tallahassee.

Pulp Fact or Fiction

Close ProjectPulp Fact or Fiction (1998) Featured at Disney’s Innoventions Pavillion, this touchscreen kiosk showcased the many uses and sustainability of paper products.

Close Project

Logos & Icons

I’m occasionally asked to design logos, come up with names for products, and illustrate icons. The following samples include some of this work over the years.

Various logo concepts

Close ProjectLogo Concept Sheet A group of logo concepts for a STEAM-oriented educational hackathon

Various logos

Close ProjectVarious Logos Shown above are logos I’ve designed for a variety of clients.

Various icons

Close ProjectVarious Icons Shown above are a few icons I’ve created.

  • Web Applications

    Web Applications

  • Dashboards

    Dashboards

  • CMS Templates

    CMS & LMS Interfaces

  • Mobile Apps

    Mobile Apps

  • Kiosks & Discs

    Kiosks & Discs

  • Logos & Icons

    Logos & Icons

Here’ a bit more about my background.

Mike Houghton

Overview:

  • Design team leadership and product management
  • Information architecture, wireframing and prototyping
  • Front-end design and development for web apps and mobile devices
  • Front-end development – HTML, CSS & Javascript
  • Design for CMS and CRM applications
  • Icon and logo design
  • Download Resume
  • View LinkedIn Profile

I’ve been designing interfaces for over 25 years, and though I didn’t expect to stay in Tallahassee beyond my days using HyperCard as an undergrad at FSU, my entire career has been shaped within Florida’s capital city. I cut my teeth as a designer at Interlight Productions, and despite that fact that both the company and the CD-i technology we used are now-defunct, the principles I learned (and wife that I met on the job) remain with me to this day. A Masters Degree focusing on New Media Communication and several years designing and authoring CD-ROMs and kiosks for clients like GlaxoSmithKline, Ziff-Davis, and BellSouth followed. In the late-90s my work shifted almost entirely to designing for the Web. The remainder of my career has largely focused on designing user interfaces and interactions, nearly a decade of which as the Design Director for Homes.com.

ConvergeFL 2012 logo Refresh Tallahassee logo

After the first of my four children was born, I became an early-bird. I typically start work days in my home office with a fresh cup of coffee in hand, freelancing for small businesses and non-profits. From time to time I teach as an adjunct professor at Florida State University and lead relief projects. In 2006 I founded Refresh Tallahassee (now with over 600 members), and in October of 2012 I partnered with the Unmatched Style team to bring the Converge Conference to Florida. That same month I joined the Ucompass team as UX Lead on a large project with the goal of re-imagining online education. In mid-2014, I began working with Ucompass on the WeatherSTEM project - an initiative to blend weather stations, data, public safety and curriculum.

And here’ a way to connect.

Mike Houghton

3790 Piney Grove Drive
Tallahassee, FL 32311
USA