Click me
Transcribed

6 Steps to a Successful Web Design

DELIVERABLES For Your New WEBSITE DESIGN VENT RESPONSIBILITI 1 DISCOVER In-depth client discovery in order to clarify goals and objectives, assess audience needs, and position your brand for the digital environment. We give you a long questionnaire with all the information on and about your website that you need to answer. DEFINE Synthesize the information to enhance the effectiveness of your website. Planning, planning, planning. We break down your goals and make them become a digital blueprint for execution. Client Brief Site Map Page Specs Wireframes Content Outline All of your website Just what it says. It's a It's like functionality The blueprints for your A handy little docu- goals in one concise virtual map of the site instructions. What in- site. While it may seem ment we put together document. We take ev- that outlines the main formation needs to be like a really dull design that gives everything erything you've told us navigations and the captured, generated or it's the framework we we need from you or a and get ready to hand hierarchy of pages be- displayed on what will base your layout copywriter. Remember it off to the designers neath. It's also a way to pages. These are cru- off of. This is the time all the Greek text that and developers. look at inbound and cial to determine how to think about posi- we put in as place outbound traffic and the site is to be pro- tioning of elements holder ontent will how we'll channel gramed and designed. and content. need to become them. something legit. CONTENT DUE DATE: The #1 reason for delays in launch come from delays in aggregating content. Don't contribute to this statistic. 000 3. 3 DESIGN Create a unique digital design that provides the visual goals and targeted messaging to focus on your business goals and visitor requirements. So how's it going to look? Often clients want to jump right to this step first, but as you can see there's much to think about before we get here. 4 DEVELOP Build the website based on the planned architecture and design. Databases are created and pages are developed into a technically sound website. From static page comps to working HTML goodness. Things are beginning to take shape. Custom programing is completed and CMS's are put in place. Page Development Programing Depending on the site there will most likely be some custom pro- Once static page designs are created we push it to our talented team graming involved. This could be a shopping cart, account login, da- of developers who bring them to life through HTML, CSS, PHP, JAVA, tabase query, etc. We make sure that whatever custom feature we JQUERY, etc. We also spend time making sure all editable areas of have established for you functions smoothly. your site plug into our content management system so you have complete control of your site. DEBUG Verify that the website conforms to industry and client standards. Quality assurance ensures a more positive experience for the end-user. Even though we're a talented bunch there's are always going to be digital hiccup. But don't worry we'll quickly give it a glass of water. 6 DEPLOY Launch the new site and provide CMS training to your company. The ongoing internet marketing officially kicks-off as well at this point. Woohoo! Your site is ready to launch so stock your bar and prepare for a celebra- tion! Pat yourself on the back for helping us complete a sucessful project! The process above is the super-efficient and uber-smooth work-flow of Alter Imaging; a creative Aalterimaging DESIGN BY web and application design agency. Visit alterimaging.com to learn more and check us out. ©2013 Alter Imaging, all rights reserved.

6 Steps to a Successful Web Design

shared by Alter_Imaging on Oct 19
952 views
2 shares
1 comment
If you are embarking on your next web design or redesign of your current website we have combined the six steps we found to be successful in webdesign planning.

Category

Business
Did you work on this visual? Claim credit!

Get a Quote

Embed Code

For hosted site:

Click the code to copy

For wordpress.com:

Click the code to copy
Customize size