Call today to see how I can increase your business productivity!
Roles: Web Designer / Developer, Graphic Designhttp://blaiselanzetta.com
Roles: Web Design / Development, Graphic Design, Social Engagementhttp://www.bumpkitchen.com
Hawaii Paipo Designs
Roles: Web Design / Development, Graphic Design, Social Engagementhttp://www.hawaiipaipodesigns.com
Snell Crane Service
Roles: Web Designer / Developer, Graphic Design, IT Specialisthttp://www.snellcrane.com
"To make apple pie from scratch, you must first create the universe."
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.
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.