Aaron Dressler Design

Aaron Dressler

Web Designer + Web Developer + Creative Professional

Skill Set

HTML5
90%
Bootstrap 3
90%
CSS3
90%
Javascript
85%
jQuery
85%
AngularJS
70%
PHP
85%
Adobe Flash
60%
NodeJS
60%
ASP.NET
70%
Photoshop
90%
Illustrator
75%

About Me

Call today to see how I can increase your business productivity!

(206) 457-3370

Portfolio

Blaise Lanzetta

Roles: Web Designer / Developer, Graphic Design
http://blaiselanzetta.com
Blaise Lanzetta is a good friend of mine from New York. He needed a new website showcasing his free musical spirit, and his extraordinary musical talent on the drumset and in the studio. I wanted to design a site that complimented his creativity and fun spirit. It is built using the Laravel 5 PHP Framework, and AngularJS for client-side form validations and model bindings.

Bump Kitchen

Roles: Web Design / Development, Graphic Design, Social Engagement
http://www.bumpkitchen.com
The Funk/Soul band Bump Kitchen was in need of a new website. I built the new one using Laravel PHP Framework, and a bit of JavaScript. The administration panel features File Sharing, Event Schedule, Task Manager, and a Real-Time chat/bulletin board to keep track of conversations.

Hawaii Paipo Designs

Roles: Web Design / Development, Graphic Design, Social Engagement
http://www.hawaiipaipodesigns.com
My Bodyboard company was in need of an Online Shopping Cart system. So I built this site with PHP from scratch. It features a Shopping Cart, User Login and Order Tracking, an Order Management System, CMS, Product Management, and much more. Links to Paypal for ecommerce check-out, as well as FedEx and USPS for real-time shipping quotes.

BandShare

Roles: Web Designer / Developer, Graphic Design
BandShare is a project that I have been working on to connect unsigned musicians and artists with music lovers from all around the world. The site is being developed with Laravel PHP Framework, and AngularJS for client-side model binding.

Snell Crane Service

Roles: Web Designer / Developer, Graphic Design, IT Specialist
http://www.snellcrane.com
Snell Crane Service contracted me to build a website to compliment their business. It incorporates an Industrial style to connect contractors and other clients with their Operated Crane Rental services. It is built with the Laravel PHP Framework, HTML5, and some JavaScript.

Development Process

"To make apple pie from scratch, you must first create the universe."
-Carl Sagan

My Goal as a Web developer is to create a solution that fits your needs now, but grows with your company as more features and functionality are needed in the future. The web is in constant motion, and to the extent that a web site is never "done". I look ahead to the future with every new web project, and always ask the "what if" questions. When in doubt, I make plug-in points for future features to be added to the framework quite effortlessly.

Step 1: Discovery

The first stage of building a website is determining what purpose it will serve, and what goals it needs to fulfill. Every website is different, so during this process we will define exactly what this website will do. Whether you have a product or service to sell, building a blog to gain followers, or have a million dollar idea no one else has thought of, we will define the end product and create a plan on how to bring this dream into a reality.

Step 2: Wireframes

Wireframing is the process of laying out the features defined in the discovery process on a white canvas. It is basically a blueprint for how the end user will see and use the website. Most modern sites are built using a template that provides a consistent look and feel throughout the different pages of your website. During this process, the template will be defined with rough boxes, labels, and a rough map is drawn showing the various design regions, navigational elements, logo placement, etc.

For more complex applications, there may be many wireframes presented. For example, one set of wireframes for the administrative back-end area, and another set for the public-facing pages, and another set for the public logged in users, etc. The end result is a detailed map showing the placement of critical design elements, components and infrastructure.

Step 3: Design Mockup

Next, I fire up Photoshop and create a few design mockups using the wireframes created earlier. I usually start with the most prominent areas of the site, maybe the home page, the welcome page for members, a typical product page, etc. Colors will be chosen, fonts for various types of content are decided on, and the end result is a full-color representation of what the design will ultimately look like.

Step 4: Development

After the design process, I begin to plan the development of the site. Which areas will be the most labor intensive depend on the features identified during the Discovery phase. I model all of the required components on paper to create a map of how the application will function behind the scenes. Once the required features are modelled, I begin drawing up a battle plan, how I will get all of the pieces of the application together, define how they will talk to each other, and the order in which I will code them.

Using these models, I begin coding in the framework of choice, be it ASP.NET, PHP, or JavaScript. Testing is performed during development to ensure everything works just as expected, and final testing is performed after the individually tested parts are assembled into the final product. I usually start developing the server-side components first, then I will move into developing the front-end visual representation of the various components.

Step 5: Website Launch and Maintenance

Once the application has passed all of the required tests, and meets all of the goals identified in the Discovery, it's time to package the website and deploy it to it's final home. This is called "Moving to Production", and the final result is a complete functional website that you can pull up in a web browser.

After the site has been deployed, it enters a "Maintenance" state. Monitoring is performed to ensure complete functionality, and any identified bugs are squashed through patches and updates. The site is ready for the development process to start all over again, defining and adding new features, services, functionality.

Contact

I am currently accepting new projects, so send me a brief rundown on what you are interested in and I will get back to you as soon as possible.

Sending...