• Home
  • About
  • Folio
  • Testimonials
  • Contact
  • Twitter/
  • Linked In/
  • Facebook
© 2021 John Johnson
Sizzle Logo White
  • Home
    • Meet John
    • Why hire John?
    • Web and Mobile design strategy
    • Resume download
    • References
  • About
  • Folio
    • EPIC Hotel
    • EVENTI Hotel
    • Kimpton Hotels
    • PG&E
    • Sports Apps
    • Telecommunications
    • Teira Wines
    • Style Tile Example
  • Testimonials
  • Contact

Meet John

My Mission — It's simple… make amazing online experiences, provide excellent service, and try to be a good person.

Here's some recent examples of recent work:

Prev   Next
  • John Johnson
    John Johnson
    UX/UI Design, Branding and Graphic Design
    •   
    •   
  • Telecommunications
    Latest Work
    Stonecrop Technologies

    Mobile and Web App UX/UI

  • PG&E
    Recent Work
    Pacific Gas & Electric

    Tablet and Phone Prototypes

  • Teira Wines
    Recent Work
    Teira Wines

    Branding, Label Design, Responsive Website

  • Kimpton Hotels
    Recent Work
    Kimpton Hotels

    Desktop, Tablet, Phone, Apps, Campaigns

  • EPIC
    Recent Work
    EPIC Hotel, Miami

    Desktop, Tablet, Phone, Apps, Campaigns

  • eventi
    Recent Work
    Eventi, New York City

    Desktop, Tablet, Phone, Apps, Campaigns

Why Hire John?

I aim to spark an emotion, a vivid memory, and a deeper connection with your audience.

Before I sketch and explore design solutions, I sit-tight and listen, absorbing client's communication problems, goals, and target demographic. My design style is clean, spacious and infused with a love of typography but most importantly designs are focused on reaching your audience. And I love designing for mobile, it speaks to my core strengths — designing user experiences, where interactions must work, are well-organized and simple.

I've applied these core design principles for: NBC, eBay, Kimpton Hotels, PG&E, and Wireless Carriers to name a few clients.

10+

Years of Experience

250+

Web/Mobile sites & Apps Designed

1050+

Projects Completed

100+

Mobile Projects

Recent Work

Telecommunications - Mobile and Web Apps
EPIC Hotel, Miami
Eventi, New York City
Kimpton Hotels & Restaurants
Pacific Gas & Electric
Teira Wines
Sports Apps
Style Tile

Clients

Telecommunications
Mobile & Web Applications UI/UX
Kimpton Hotels & Restaurants
Design & Production Web & Mobile Sites
Pacific Gas & Electric
Prototype Development for Consumer App
eBay
Online Shopping UX/UI
NBC Sports
Interactive TV App
Teira Wines
Web & Mobile, Label Design
SFMOMA
Event Design
eVOC
Usability Testing

Design Strategy

  • 01 Goals

    • Understand the site's objective and define who your target customer is — the more specific the better.

    • Define what the measurement is for success.

    • Examine sites you love and don't - learn why and discuss how we could integrate or adapt some of the solutions

    • Develop a "measuring-stick" to continually see if the site design meets the client's objectives. Use during initial designs, as well as for future content creation.

    • Create prototypes for testing, for either formal or informal testing.

    • Create or evolve a Style Guide with scalable design guidelines for colors, fonts, content layout, photographs, editorial tone, interactive elements, and logo use.

  • 02 Process

    • After listening carefully and hearing about your objectives, I create "Style Tiles". Style tiles are a design deliverable consisting of fonts, colors and interface elements that communicate the essence of a visual brand. They help form a common visual language between the designers and the stakeholders and provide a catalyst for discussions around your preferences and your goals… Here's a Style Tile example

    • From the feedback on the syle tiles, I design wireframes — wireframes show screen layout ideas. These sketches also include: some color palette and image treatments, interaction design suggestions, design ideas from sites or apps you enjoyed. Key screens are explored.

    • After we decide on a direction for screen layout, (including a navigation system) I work on color mock ups and present font and type treatments, image and possible video integration, color suggestions and present ideas for interactions. We provide design options for key pages and a few examples of key features.

    • Once I have color mockup options, you can elect to do user-testing - informally or formally, whichever the budget allows for. We also present prototypes of key functions so you can "play". Check-in on budget and schedule.

    • Based on the results of user-testing and/or direction from teams, I create a final round of refined mockups of key pages and important functions.
    Please note: I ensure that the design solutions are agile, regardless of the device but also regardless of how the site itself evolves as its content grows and changes.

    • Once the final mocks and prototypes are approved, I prepare all the files for hand-off to developers. Photoshop files are meticulously organized and clearly labeled. We also provide supporting documentation for reference. The files are always available on a password-protected client extranet. We recommend having a meeting with the development team to review the files during hand-off.

    • It's a simple road map that keeps everybody involved. The process allows for input from teams at key milesones, so that progress is reviewed and feedback is provided timely for maximum efficiency. I check-in on progress at defined content builds, so I can adjust things at early stages to avoid costly, site-wide changes.

  • 03 Post Hand-off

    After I hand-off the web design files and guidelines, I ensure that any development teams have all the tools needed for site creation, and that design-related questions are promptly answered.

    I like to build lasting relationships with my clients and I'm always interested in how to further evolve the site or application, offering new ideas and monitoring the project for improvements.

Testimonials

Sr VP Inspiration & Creativity
Kimpton Hotels & Restaurants

Steve Pinetti

Email Steve    12 years   Phone: (415) 397-5572

"John's strength hasn't just been in the ultimate cutting-edge products he has produced for us but more importantly his process of immersing our teams to fully understand the purpose and goal of the asset or campaign, the message and the audience.

From redesigning our web sites to creating an industry 1st with our desktop reservation app, he's always seeking the strongest opportunity in the space we are trying to penetrate or impact."

LIZ WEBB
eVOC: Co-Founder, CEO

Liz Webb

Email Liz    4 years   Phone: (415) 439-8333

"As a customer experience consulting firm, we work closely with clients to help define, test, and improve their digital marketing strategies. To meet this need, John has helped our clients by developing high-fidelity prototypes for their mobile and tablet platforms in order to undergo rigorous usability testing to ensure success prior to full deployment. John pays close attention to the requirements, clearly understands user centered design, and is able to make iterative design changes under rapidly paced timelines. John and his team consistently deliver high quality work to meet our clients' needs."

Founder & Chairman
Teira Wines

Daniel Donahoe

Email Dan    15 years   Phone: (415) 613-8399

As the chairman of Teira Wines, Dan has been at the forefront of the premium wine on tap movement since its inception. Dan recently commissioned John to re-launch the Teira Wines brand. We recently launched the new Teira Wines website and is currently designing a new package.

The new corporate identity is designed to work across a wide-range of materials including; website, labels for red and white wines, package boxes and/or kegs. Social Media channels are also be created to engage a growing community of Teira Wine lovers.

Resume

Need a great user experience? I'd love to hear about your plans.
RFP  Download my Resume

Sizzle Logo

Quick Links

  • Meet John
  • Why hire John?
  • Web and Mobile design strategy
  • Resume Download

 

  • Design & development examples
  • Style Tile example
  • References
  • See Paintings & Artworks by John

Stay Creative

Get JRJ — email me
I don't spam — promise
  • Twitter/
  • Linked In/
  • Facebook
  • Back Top/
  • Hire John