Welcome to
My Brain

 

Adam L Marsh The "UX/UI Design Engineer"

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, Angular and React Abuser, 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.

 


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 integration. Expertise in developing responsive HTML5 pages and components. Experience working with Adobe Creative Suite, Figma, Miro, SCSS, jQuery, Javascript, Angular 6+, Bootstrap and Material Design.

 
Busy Since 2002
  • Project Management
  • Responsive Design & Development
  • Style Guide and Spec Creation
  • Functional HTML5/PHP Prototyping
  • Wireframing, Usability
  • Adobe Creative Suite
  • Bootstrap, Material Design
  • Information Architecture
  • Middle-tier Integration
  • Javascript, JQuery
  • JSP, PHP, SQL
  • SASS (OOCSS)
  • LAMP, WAMP
  • Opencart & Wordpress Development
  • Angular 6+
  • VS Code
  • Github - Branch/Merge

UX vs UI

Um, Say What?

UX is the user experience. Effective UX design encompasses the first of the Double Diamond meme of UX development, and the way in which humans interact with non-human abstracts and entities.
UI is the user interface that encompasses 'ATOMIC Design' and 'Gestalt' principles of design expression. These non-human constructs provide a framework of tools so we can "communicate with data".

Designer / Developer

What's a UI Designer / Developer?

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.

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 Hotels, for example, since they have changed the UI since the one I produced back-in-the-day. These are UIs I actually worked on prior to 2016.

Other Portfolio Screenshots HERE.
See my interactive styleguide and HTML/JS/SCSS prototype in

The Sandbox!
Recent Projects

Primary Skills

Wireframing / Figma
100%
Style Guide Creating
100%
Interactive Prototyping
100%
Adobe Creative Suite
95%
SCSS Bootstrap / Material
95%
Writing
95%
Page Building
90%
Angular 6+
65%
Javascript/jQuery
75%
Middle-tier Integration
70%
WAMP / Node
90%
Surfing (virtually all water sports)
100%

Testimonials

What Folks Are Saying

Work History

UI Design Engineering; 01/2014 to present; —Seattle, WA

Accomplishments

Created responsive web applications and ecommerce platforms for several small businesses and the federal government. Developed UI for Angular 6 app for the VA. 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, the US Department of Veterans Affairs.

Lead UI/UX Designer & Developer

Primary Tools/Technology

  • Figma
  • Miro
  • Bootstrap 4
  • Material Design
  • Adobe Creative Suite
  • SCSS/Gulp
  • Javascript, Ajax
  • Angular 6
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 Designer

Primary Tools/Technology

  • Figma
  • Miro
  • Bootstrap 4
  • Material Design
  • Adobe Creative Suite
  • SCSS/Gulp
  • Javascript, Ajax
  • REST
  • JSP templating
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 Designer & Developer

Primary Tools/Technology

  • Figma
  • Balsamiq
  • Bootstrap 4
  • Material Design
  • Adobe Creative Suite
  • SCSS/Gulp
  • Axure
  • .NET templating
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 Designer & Developer

Primary Tools/Technology

  • Balsamiq
  • iPlotz
  • Bootstrap 3
  • Adobe Creative Suite
  • SCSS/Gulp
  • Javascript, Ajax
  • JQuery
  • JSP, Grails
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 Designer & Developer

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

Projects

My Latest Opencart Themes

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
  • Parallax Modules
  • Scrolling/Fixed Header
  • Easy to Refactor for Your Specific Product Line
My Latest BS4-SCSS Themes

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.

My Latest Opencart Themes

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 2: A base starter kit
  • Part 3: PHP intensive
  • Part 4: The completed project

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.


Find Me Here

Contact

Reach Out

Open for Remote, Freelance or Seattle-based Projects.

Call Me

(206) 954-3738

Email Me

am@adamlmarsh.com

Visit Me

Seattle-ish, USA


Adam L Marsh
906 Rice Street
Aberdeen, WA 98520

Phone: (206) 954-3738



 

 Copyright © 2023  UI Design Engineering  |   All Rights Reserved:
www.ui-design-engineering.com

sesid=leftbrain.v2:  202  031423