These are selected examples of Paul Smith's web coding, UI design, and digital graphics. Follow the company links to explore.
Give me a shout out if you have any comments or questions.
And please let me know if you'd like my help with your web project.
UI design / development: A simple, clean design featuring flash demos, lots of product photo work, and "table-less" css layout with javascript that degrades gracefully for non-css/jscript users (508 compliant).
Flash examples: King-Tek Home
King-Tek Overview
web development: Maintained and updated site (xhtml, css, javascript, graphics) with articles, FAQs, weekly forums, and guest experts
Reformatted, in xhtml, css, and javascript,
articles, customer stories, and
FAQs
Also created all of the weekly email blasts for the "QuickBooks Ask The Expert" forums
UI Development: Using 508 compliant xhtml/css/javascript to create and maintain validating bullet-proof layouts for the Voltage Key Mgt & Administration UI and ZDM Dashboards:
Voltage Crypto Key Admin Dashboard
Cool project: Gmail and other web-mail clients strip out images and external css, so for Voltage SecureMail I created background vectors and shadows using only cross-browser compatible inline CSS. (The company logo, if not included deprecates to the ALT text):
SecureMail example
eLearning: Teaching xhtml, css, and best practices in web design, accessibility, and logical UI frameworks in LIBR 240 "Information Technology Tools - xhtml / css / UI design", a Graduate Level course at SJSU. Taught online using Blackboard, with intros to xhtml, css, xml, xslt, ajax, cgi, php, the DOM, javascript, photoshop, and flash. Authored all course documents, elearning, and on-line tutorials:
LIBR 240 - Syllabus
LIBR 240 - Javascript, CSS, and DHTML
LIBR 240 - CSS "table-less" 3 column layout example
xml engineering: Created layouts in xml code integrating raster and vector graphic objects within the iPhoto software application.
UI design / development: Compiled a comprehensive set of improvements for the iPhoto app's usability and interface navigation as it related to the Apple HIG (Human Interface Guidelines) and developed design recommendations for improvement of the user experience:
Apple iphoto UI and usability recommendations
UI design / web development: Created current Zmanda web site, including a unified color scheme tied to application UI themes, DHTML rotating ads, and clear, intuitive navigation flow.
Graphic Design / Marketing Collateral: Created and published art and layouts for zmanda ads, promotions, datasheets and white papers print media.
Zmanda Web Site
Datasheet (pdf): Zmanda Recovery Mgr for MySQL
web development: day to day webmaster duties, updating entire site, news and press releases, created hack-resistant php and salesforce-integrated registration forms with "ajax" javascript validation. Created and managed worldwide distribution for "Best Practices" online newsletter
graphic design: Created original graphics, logos, and flash for site: eg. Ketera - Spend Analysis FLASH Demo, plus marketing collateral data sheets, white papers, ppt presentations, and case studies: eg. Ketera - Spend Analysis white paper
web design: a "table-less" css layout with some interesting graphics and cross-browser css "hacks" to float 4 transparent pngs in a master div.
icon and favicons: animated home icon reveals the JSB initials in the Bach crest.
web dev / UI design: Original "table-less" css layouts for Bristlecone corporation newsletter. Tables-based version also created for error-free transmission through email servers.
graphic design: Created new icon for Bristlecone Advisor, layout elements, and print ads for trade shows and magazine promotions.
Also created original layouts and graphics for Bristlecone email blasts.
Director Graphic Design Dept: As an instructor, I taught Photoshop, Illustrator, Multimedia, Ad Layout, and Web Technologies, xhtml, and css. As Director, my duties included implementation of the Graphic Design Program, setting class schedules, teacher assignments, and updating syllabi and curriculum. Inaugurated the first SVC Annual Spring Art Show / Competition
web development: Designed, built, and supervised the maintenance of this SVC Graphics Dept www site from 2004 - 2005.
web development / eLearning: Created online instructional sites, step-by-steps, and tutorials for AvantGo customers.
AvantGo Call Pilot Quick Reference Guide
web UI graphics and flash design: Worked on Lifescan International and Regulatory sites. Created an "eye-catching" design with Flash to welcome new visitors on the web and for trade show kiosk monitors:
"Flashy" international welcome and web portal
web dev: as a member of the Lam Research Intranet web development team, I created new sites for a variety of company organizations, also worked on the Lam www home page, and the Lam CEO's internal site (y2k!). Created the UI interface and html for a custom version of WebBoard, used for secure internal discussions worldwide.
graphic design:Finalized the look and feel of many intranet sites, and created custom graphics like this logo for the Lam Research Business Excellence Division: Business Excellence Logo Design
web dev and UI design: Created an original look and feel for TownVibes, a social networking site
TownVibes prototype design
Here's a side-by-side comparison of original specifications and the new site design:
TownVibes before and after
graphic design: This is a little gallery with some original illustrations, ads, and digital graphics created by hand and with Illustrator and Photoshop editing. For more "corporate" examples, view the links to company sites listed to the left.
