Web Design and Development
- Featured: Michael Rooker Online
-
Overview
The personal website of actor Michael Rooker, Michael brought me on to migrate the site to a new server and to manage the day-to-day coding requirements as needed. The site design is a standard Wordpress plug-n-play theme with a little bit of tweaking thrown in. In truth I would like to move it away from Wordpress and rebuild the site on my preferred platform but for the time being the site will stay where it is.
Visit Michael Rooker Online
Project Responsibilities, Requirements and Tools
- Responsibilities
- Development
- Code Requirements
- HTML5
- Sass / CSS3
- JavaScript
- PHP
- Jeffrey Axelbank Psy., D.
-
Overview
A redesign/recoding for a prominent psychologist, the challenge of this site was the sticky menu with a horizontal hide/show CSS3 animation effect. The menu’s structural design is more complex than I normally build but it was necessary in order to provide a brief summary of each page link on tap/rollover. It’s well-structured and semantic though initially I had some UX concerns, but after some fine-tuning I feel it works well.
At the client’s request accordions are used extensively throughout to help streamline the layout and better differentiate sections, thus making it quicker and easier for the visitor to target a specific area of interest.
Visit Jeffrey Axelbank Psy., D.
Project Responsibilities, Requirements and Tools
- Responsibilities
- Concept and Wireframe (hand-drawn)
- Design (UI, UX, Responsive Layout)
- Development
- Graphics
- Code Requirements
- HTML5
- Sass / CSS3
- JavaScript
- PHP
- Primary Development Tools
- Coda
- CodeKit
- GitUp
- LAMP Stack
- Graphic Tools
- Affinity Designer
- Affinity Photo
- Sketch
- Content Management System
- Yes
- QREATiv
-
Overview
QREATiv is a community-based project where people can sign-up, create, edit, publish content and manage media uploads all from their front-end account. It required highly customized content editing and media management tools with great attention given to user permissions and general security.
Functionally this was by far the most ambitious site I have built to date. As a front-end dev the PHP was outside my comfort-zone, and even some of the javascript customization was new territory. It was a great learning experience and I am proud of what I was able to accomplish with the members’ area.
Visit QREATiv
Project Responsibilities, Requirements and Tools
- Responsibilities
- Concept and Wireframe (hand-drawn)
- Design (UI, UX, Responsive Layout)
- Development
- Graphics
- Code Requirements
- HTML5
- Sass / CSS3
- JavaScript (vanilla) and jQuery
- PHP
- Primary Development Tools
- Coda
- CodeKit
- Prompt 2
- GitUp
- LAMP Stack
- Graphic Tools
- Affinity Designer
- Content Management System
- Yes
- Saparoff Music
-
Overview
Originally I worked on the parent site to this project which made extensive use of audio/video to showcase the client’s musical talent. But that (main) site has since been moved to Squarespace and redesigned by the client.
However, due to the technical limitations of Squarespace the client required a secure and private “satellite” site solely for Saparoff Music clientele. A place where the site Admin can create and manage personalized client profiles and download areas where the client can sign-in and access files specific to their project. My involvement with the “main” site is effectively over.
Visit Saparoff Music
Project Responsibilities, Requirements and Tools
- Responsibilities
- Secure client login
- Customized rich-text editing and media management (for site Admin)
- Design (UI, UX, Responsive Layout)
- Development
- Code Requirements
- HTML5
- Sass / CSS3
- PHP
- Primary Development Tools
- Coda
- CodeKit
- LAMP Stack
- Graphic Tools
- Affinity Designer
- Affinity Photo
- Sketch
- Content Management System
- Yes
- Princeton Family Institute
-
Overview
I was hired to redesign and recode this site from scratch. Look, it’s obviously not an eye-catching design but that wasn’t the goal, nor was it what the client wanted (it’s a mental health site, after all). The client requested a very simple and clean aesthetic along with his preferred color scheme. Being visually clever was not part of the design brief.
No, the real beauty of this site lies with the Content Management System customization. The client needed granular control over multiple editors and content editing which required heavily modified security permissions, customized editing tools, and under-the-hood control over multiple forms. What I provided was a bespoke and user-friendly editing experience based on his specific needs. Overall the client loves the result, front and back.
Visit Princeton Family Institute
Project Responsibilities, Requirements and Tools
- Responsibilities
- Concept and Wireframe (hand-drawn)
- Design (UI, UX, Responsive Layout)
- Development
- Graphics
- Code Requirements
- HTML5
- Sass / CSS3
- jQuery
- PHP
- Primary Development Tools
- Coda
- CodeKit
- LAMP Stack
- Graphic Tools
- Affinity Designer
- Affinity Photo
- Content Management System
- Yes
- Dr. Norbert Wetzel
-
Overview
The personal website (blog) of a prominent east coast psychologist, the client very much likes the minimalist aesthetic, as do I. Functionally it’s very simple but it works well for the client’s modest content needs.
Visit Dr. Norbert Wetzel
Project Responsibilities, Requirements and Tools
- Responsibilities
- Concept and Wireframe (hand-drawn)
- Design (UI, UX, Responsive Layout)
- Development
- Graphics
- Code Requirements
- HTML5
- Sass / CSS3
- JavaScript
- PHP
- Primary Development Tools
- Coda
- CodeKit
- LAMP Stack
- Graphic Tools
- Affinity Designer
- Affinity Photo
- Sketch
- Content Management System
- Yes
Hand-drawing
- “Woman in Coat”
-
Overview
As difficult as it may be to believe this drawing was created entirely by hand (yes, really) with pencils on heavyweight plate finish paper. Not a computer in sight.
My interests span multiple drawing styles but as someone who is (pardon the pun), particularly drawn to photorealism, I was intrigued by the fine detail of the coat and brick wall which came out nicely, if I say so myself. I also wanted to capture the woman's expression which I'm quite happy with.
Media and Tools