Markery Web Design and Development

Professional website development requires a lot more than flashy, brightly colored animations and stock photos. It takes knowledge of high design principles, tried and tested web design, usability studies, new technologies, and good clean code!

I am currently looking for a new position as a Web Developer and User Interface Designer. Take a look at my resume and portfolio to see examples of my work.

Corporate Web Design

An interactive web site must be dynamic, easily updatable, and modifiable framework, not simply a series of interconnected screens. The Jaspersoft site was completely rebuilt in the span of 6 weeks using the power of the Drupal CMS.

Jaspersoft Multilingual

Events West

E-Newsletters

Web Applications

During my time at Lumetra, we focused on developing complex user management systems and tools for updating and organizing a calendar of events. These are a few examples of the results.

Event Manager

Account Manager

Content Management System

The Process

Building an interface requires an understanding of the user and their goals. Toward this end, it is helpful to draw a clear model of the people you hope to reach. The next step requires we specify the features and flush them out using wireframes. Once everyone involved is content with the functions presented, the visual design process begins.

User Profiles

Wireframes

Final Version

Online Portfolios

The following are sites that promote artists, photographers and performers. Any relation? Yes, Jack is my father and John is my big brother.

Jack Johnson

Shaolin Monks

John Johnson

Interactive Television

For several years I worked in the field of Interactive Television, where I was given a number of cutting edge design challenges. We created applications that let TV viewers do more then just change channels. They could throw tomatoes at people on the show, or select from a library of on demand videos, or even buy the shirt off the back of a rock star!

TV Channel Guide

Starz on Demand

Levi's Interactive Shopping

Code Samples

Slideshow Viewer and Image Uploader Using PHP and Javascript

Simple Slideshow Viewer

Mark Johnson

892 14th Street, SF, CA 94114
Cell: (415) 309-0404
E-mail: mark@markery.com
Portfolio: www.markery.com

SKILLS

Technical HTML, CSS, PHP, AJAX, XML, XSLT, jQuery and JavaScript
Graphics Adobe Photoshop, Illustrator, 3D Studio Max, Flash MX, and PowerPoint
Tools Visual Studio, MS Project, Word, Excel, and Access
Platforms Windows, Mac OS, Unix, Linux, Drupal

WORK EXPERIENCE

Web Producer
November 2008 - May 2009Jaspersoft

  • Completely redesigned and built a new website in Drupal
  • Designed email templates and managed campaigns
  • Produced Flash banners and animated gifs

Web Developer
February 2005 - September 2008Lumetra

  • Maintained content for internal and external sites
  • Designed interfaces for interactive applications in the field of health care
  • Developed project management and user account systems
  • Created style sheets, graphics, icons and banners

Interface Designer
May 2003 - January 2005ICTV

  • Designed and built Starz and Mayo Clinic VOD interface
  • Designed and built ICTV interactive menu system
  • Redesigned Comcast website for Television using Net6 tools
  • Built XML based interactive Video-On-Demand application for Mayo Clinic

Interface Designer
June 2000 - January 2003Liberate Technologies

  • Applied user-centered design to interactive TV games and applications
  • Developed interface designs for core products using Adobe Illustrator and Photoshop
  • Assisted customers and third parties in their own interactive TV development
  • Created and presented PowerPoint presentations in design for enhanced TV
  • Produced graphics and layout for over 20 interactive games and applications

Manager of Developer Relations
June 1998 - June 2000Network Computer Incorporated (NCI)

  • Created community of over 500 developers through outreach programs
  • Managed and supported third party developers through website and marketing
  • Acted as lead project manager for all portal development
  • Presented training in design of enhanced TV applications
  • Traveled extensively worldwide presenting to small and large groups

EDUCATION

Master's Degree in Instructional Technology, San Francisco State University
Bachelors Degree in Psychology, San Francisco State University