Adam L Marsh === "UI Design Engineering"

Who is Adam L Marsh?

He's a designer who codes, and a coder who designs -- a UI/UX Creator, Design Technologist, Page Builder, DOM Scripter, SASS Magician, AJAX/REST Contortionist, Responsive Engineer, Framework Tinkerer, Dog Lover, and a UI/UX Obsessive. He creates responsive websites and apps for individuals and companies of every ilk and location. And most importantly, he knows how to make a design technologically feasible. He makes designs that work.

"UI/UX" vs "Front-end"

UI/UX creators are primarily concerned with the "look and feel" of a page/view and work within the DOM to style a page according to project specifications. Front-end developers deal with the data aspects at the page-level. They work primarily with front-end frameworks such as Angular, React, Backbone and so forth and are less concerned with the visual aspects of a page such as padding, font sizes, image responsiveness, content flow and positioning. UI devs manage DOM objects like image, button, form, etc; whereas front-end devs manage javascript objects such as function, array, string, etc. UI/UX creators are page builders and create user flows, wireframes, clickable prototypes, style guides, and page-level objects and behaviors as well; they also make a web page responsive for a legion of modern devices. Front-end developers nowadays write javascript. Period. And as a good friend of mine told me recently, "the front-end world has become a raging tire fire". As a Sr level UI/UX Designer & Developer I am proficient in UI skills/frameworks such as Bootstrap, Foundation, Materialize, SASS, Javascript, AJAX, REST, JQuery, JSP, PHP, HTML5, Grunt/Gulp, ACS, usability scripting, middle-tier integration (.NET, RoR, and JSP), and Opencart and Wordpress experience. So if you find yourself smelling rubber, please give me a call and we'll put out the fire together.

 

Career Summary

Extensive design engineering experience producing scalable, flexible web apps, prototypes, wireframes, style guides, PoC's and usability roadmaps. Experience designing application infrastructure, dependencies and content—providing front-end functionality and middle-tier, PHP/JSP/RoR integration. Expertise in developing responsive HTML5 pages and components via Bootstrap, Foundation, and Materialize. Experience working with PHP, JSP/JSTL, SASS/OOCSS, jQuery, Javascript, AJAX, and Ruby on Rails. Opencart and Wordpress development. Angular.js newbie.

Working Since 2002

  • HTML5 Design/Development
  • Responsive Development
  • DHTML/XML/XSLT
  • Wireframing, Usability
  • Axure, Balsamiq
  • Adobe Creative Suite
  • Bootstrap, Foundation
  • Information Architecture
  • Middle-tier Integration
  • Javascript, JQuery
  • SASS (OOCSS)
  • Technical Writing
  • Ruby on Rails
  • Ajax, REST
  • Bower/Grunt
  • Hudson, TeamCity
  • Agile, SEO
  • LAMP, WAMP
  • Opencart/Wordpress Development
  • Teamsite CMS

What Folks are Saying...

Primary Skills & Experience

  • HTML5 Design & Development
  • JQuery / Sass (OOCSS)
  • Javascript (DOM), Ajax, REST
  • Information Architecture
  • Functional DHTML / RoR Prototyping
  • Photoshop / Sketch / Balsamiq
  • Technical Writing
  • Usability Testing

Work History

UI Design Engineering; 01/2014 to present; —Oakland, CA
Accomplishments

Created responsive web applications and ecommerce platforms for several small businesses. Created Sass components, build scripts and reusable components built on opencart technologies. Created wireframes and branded userflows. Created style guides and fully functional jsp, php, and ror prototypes. Created Opencart and Wordpress themes.

Clients: Kaiser Permanente, Inmar, NearIX, EllieMae.

Lead UI/UX Developer
Primary Tools/Technology
  • Javascript, Ajax
  • JQuery
  • Adobe Creative Suite
  • RoR templating
  • PHP
  • Balsamiq
  • SASS/Grunt
DMI; 03/2015 to 02/2016; —San Francisco, CA
Accomplishments

Created responsive UIs for www.shoecarnival.com and www.bedbathandbeyond.com. Created Sass components, build scripts and reusable components for team. Managed team of 4 UI/UX Engineers working remotely. Maintained Oracle VM, ran configuration and update scripts on each remote vm.

Lead UI/UX Developer
Primary Tools/Technology
  • Javascript, Ajax
  • JQuery
  • REST
  • Adobe Creative Suite
  • Balsamiq
  • JSP on LAMP
  • JSP templating
  • SASS/Grunt
Ramsell Corp; 03/2014 to 03/2015; —Oakland, CA
Accomplishments

Lead the team's HTML5/CSS-3 development efforts while creating two responsive (bootstrap) web apps. Produced style guides for web and mobile devices and implemented all UI functionality according to spec. Managed all aspects of UI development and coordinated efforts between front and back-end developers.

Lead UI/UX Developer
Primary Tools/Technology
  • Javascript, Ajax
  • JQuery
  • Adobe Creative Suite
  • Axure
  • .NET templating
  • Knockout.js
  • SASS/Grunt
Visa; 03/2013 to 03/2014; —Foster City, CA
Accomplishments

Built and maintained Visa merchant portals and customer service web applications. Created customer-facing UI with dynamic, data-driven functionality via JSP and GSP. Developed js/css framework.

Sr UI Developer
Primary Tools/Technology
  • Javascript, Ajax
  • JQuery
  • Adobe Creative Suite
  • XML/XSLT
  • JSP, Grails
  • Angular.js
Group Health Coop; 02/2010 to 01/2013; —Seattle, WA
Accomplishments

Delivered a dynamic and secure web experience for staff, service partners, and ghc members enabling them to make appointments with physicians and specialists, view lab results, and fill prescriptions and other integrated services. Created deployment scripts for Teamsite CMS. Developed XML/XSL components on Teamsite CMS.

UI/UX Developer
Primary Tools/Technology
  • Javascript, Ajax
  • JQuery
  • Axure
  • JSP templating
  • Sitemesh
  • Photoshop
  • Teamsite CMS
  • XML/XSLT
Sotto Wireless; 02/2006 to 11/2009; —Bellevue, WA
Accomplishments

Gave www.sottowireless.com a Web site, Storefront, and Activation Portal from the ground up, literally. Created style guides, all graphical content, java servlets, usability testing scripts.

JSP Developer/Designer
Primary Tools/Technology
  • JSP templating
  • STRUTS
  • Javascript, Ajax
  • Photoshop
  • JSTL
  • JSP (LAMP)
  • MySql
  • XML/XSLT
AT&T Wireless; 02/2004 to 02/2006; —Redmond, WA
Accomplishments

Built and maintained the AT&T Wireless customer service web application. Created customer-facing UI with dynamic, data-driven functionality via JSP/JHTML. Managed the redesign efforts of user accounts and payments.

Front-end Developer
Primary Tools/Technology
  • Javascript
  • CSS
  • Photoshop
  • JSTL
  • JSP (LAMP)
  • MySql
  • XML/XSLT

Sample URLs

Note: Some of the sample screenshots I present here are of web apps I have designed and developed while employed over the years. Of course, I cannot list a current URL for Hilton.com, for example, since they have changed the UI since the one I produced back-in-the-day. The screenshots  HERE. are of the UIs I actually worked on prior to 2014. Feel free to download my code and design samples.

Most recent UI projects:

 


Get an Opencart or Wordpress Theme
[Useability First! Made for the end-user and not the designer.]

Can't find a theme you like?

Let me build one for you.

If you have designs or just an idea, we can come up with the perfect Wordpress or OpenCart site designed specific to your needs. The current hourly rate is $25. We can work together to:

  • Define a color scheme
  • Create a custom layout for any and all pages
  • Develop custom mods and extensions
  • Create or find the right graphics
  • Mix-n-match mods and page parts to deliver targeted content
  • Choose typography and jquery behaviors
  • Et Cetera...

Send me a message, and let's get the ball rolling.

Wordpress PHP (with Boostrap-4)

All themes are SASS ready with a grunt file guarnateed to compile all your .scss files. Make sure you have node and scss installed in your theme directory.

The theme here is actually 1 theme broken up into 3 parts:

  • Part 1: A base starter kit
  • Part 2: PHP intensive
  • Part 3: The completed project

Need More?
I can help. Call me at 929-430-4426

This covers the basic "global" features of Wordpress. This structure is common to most Wordpress sites and serves as a basic template for a new WP project.


This goes over the Wordpress For Loop, templates, custom pages, and many php constructs utilized by Wordpress.


This extends Part 3 and focuses on styling.

Dowload from Github


Themes here feature the following:

  • Truly Modular & Responsive
  • Choose and Arrange Mods You Want
  • Up to 20 Custom Modules
  • SQL for Mods/Extension
  • Extra jQuery Modules
  • Scrolling/Fixed Header
  • Materialize Revolution Slider
  • Parallax effect
  • Easy to Follow Installation Doc
  • Free Lifetime Support
  • Free Upgrades
  • Easy to Refactor for Your Specific Product Line

Need More?
I can help. Call me at 929-430-4426


Grap a Widget
[Functional widgets ready for you to style.]

No need to reinvent the wheel, right? Simply copy, paste, refactor. Quick and easy on-the-go widgets with just the code you need to make it work.
Style it any way you like and stick it in your own apps/sites.

AJAX Widget
account_circle

Layered Slideshow
brightness_7

Contact
[Q & A]

Have a job opportunity you want to discuss? Or maybe ideas about creating your own site? Maybe a redesign? Some new functionality? Or something new altogether?
I'd love to help you spruce up, or create from scratch, a web identity and presence that tells the world who you really are.

Contact Details

9794 Coral Rd
Oakland, CA 94603


P: 929-430-4426

E: am@adam-marsh.com

H: Monday - Friday: 10:00 to 7:00