Web UX UI | Mark Watkins

Screen and site designer and developer. Making custom WordPress and Concrete5 sites for all types of companies and people. Revamped websites with lots of UX and UI work for Curriculum Technology. Managed web development at Graphis. Handled UI asset management and built wireframes at TiVo. Developed screens for a kiosk presenting a building in Washington DC.

Websites

ct2learn.com | 2016

ct2_els_1500x900
ct2_home_1500x900
ct2_various_1500x900
ct2_preview_1500x900
ct2_reviews_1500x900
ct2_pro_1500x900
ct2_content_1500x900
ct2_bh_1500x900

Case study: Website design and development
Client: Curriculum Technology
Project URL: ct2learn.com
Description: CT2Learn is an educational product by Curriculum Technology, targeted to students and instructors in the criminal justice industry. The 2015-2016 redesign focused on color and graphic continuity on the page and site level, clearer navigational elements and improved mobile support. Work included both the public-facing marketing pages and the membership pages behind a pay wall.

graphis.com | 2013

graphis_home_1500x900
graphis_store_1500x900
graphis_schools_1500x900
graphis_recents_1500x900

Case study: Website design, development, management
Client: Graphis Magazine
Project URL: graphis.com
Description: Designed and helped develop web-based tools for artists and designers to enter annual competitions hosted by Graphis and for Graphis judges to judge the submissions. Hired, managed and collaborated with two Python developers. We focused a lot on carts, databases, and user accounts. Produced many wireframes, sitemaps, flow charts, and mockups for public-facing pages. Pages developed within a custom CMS built by Brick SF in Python with LESS-based styles. Customized a daily WordPress blog. Managed multiple designers on tasks related to the physical production of print books.

Product UX and UI

TiVo 2009-2011

tivo_screenshots_1200x720_04
tivo_screenshots_1200x720_02
tivo_screenshots_1200x720_03
tivo_screenshots_1200x720_05
tivo_screenshots_1200x720_06

Case study: Graphics, UI prep, wireframes
Employer: TiVo
Description: Worked on two projects. First, prepared and managed graphics for the Series4 TiVo Premiere released in 2010 using Flash and second, created 50-75 wireframes for the Series5 TiVo Roamio. Both projects included developing nomenclature and defining exact positioning for all the little bits and pieces, like “fadeTop_mc”, “List Item”, “the pill”, “the BoD”, etc.

Station Place Kiosk 2002

Kiosk_04_1500x900
Kiosk_17_1500x900
Kiosk_06_1500x900
Kiosk_07_1500x900
Kiosk_13_1500x900
Kiosk_11_1500x900
Kiosk_09_1500x900
Kiosk_10_1500x900
Kiosk_08_1500x900
Kiosk_03_1500x900
Kiosk_02_1500x900
Kiosk_12_1500x900
Kiosk_05_1500x900
Kiosk_16_1500x900
Kiosk_15_1500x900
Kiosk_14_1500x900
Kiosk_01_1500x900

Case study: Real Estate Kiosk
Client: Louis Dreyfus Property Group / Kevin Roche Architects
Project: Station Place, Washington DC
Description: Created interactive kiosk for new building in Washington, DC. Collaborated with Animation+Images, Tom Wood Design and Earth Data Solutions. Used Macromedia Director, Flash, Quicktime, Adobe After Effects. Won 2003 Applied Arts Award Annual, 2003 Bronze Award for the ID Interactive Media Design Review, and 2003 Creativity 33 Award Annual.