process

Design Process

process

Our Design Process

Our process is a combination of traditional and rapid prototyping. The steps below are the ones we’ll take during your project. We start with the initial consultation, but, We’ll need your input and feedback and cooperation along the way – but we do try to keep it simple and easy to understand. Read through these steps and if you’re ready to go click the “I want to Get Started” button at the bottom.

Planning

Gathering of information such as client goals, target audience, detailed feature requests and as much relevant informationYour content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Design
  • Wireframe and design elements planning. This is where the visual layout of the website begins to take shape. Using information gathered from the client in the planning phase, begin designing the layout using a wireframe. Pencil and paper are surprisingly helpful during this phase, although many tools are online to aid as well.
  • Mock-ups based on requirements analysis. Designing mock-ups in Photoshop allows for relatively easy modification, it keeps the design elements organized in layers, and it primes you for slicing and coding when the time later on.
  • Review and approval cycle. A cycle of reviewing, tweaking and approving the mock-ups often takes place until (ideally) both client and contractor are satisfied with the design. This is the easiest time to make changes, not after the design has been coded.
  • Slice and code valid XHTML/CSS It’s coding time. Slice the final Photoshop mock-up, and write the HTML and CSS code for the basic design. Interactive elements and jQuery come later: for now, just get the visuals together on screen, and be sure to validate all of the code before moving on.
Development
  • Build a development framework.. Set-up test server with WordPress, Themes, and plug-in we are using.
  • Build templates for each page type
  • Develop and test special features and interactivity.. Set-up any special features, and forms and start validation.
  • Fill with content… Choose typography, and color scheme and start adding content to pages.
  • Test and verify links and functionality.. Walk through every single page you’ve created—everything from the home page to the submission confirmation page—and make sure everything is in working order and that you haven’t missed anything visually or functionally.
Launch
The purpose of the launch phase is to prepare the website for public viewing. This requires final polishing of design elements, deep testing of interactivity and features and, most of all, a consideration of the user experience. This is where we move the website to the Production server, We then do further testing. Testing in the production environment is important because different servers can have different features and unexpected behavior.

  • Polishing. We identify parts of the website that could be improved in small ways.
  • Transfer to live server.  Make the Client aware of this stage.
  • Testing. Run the website through the final diagnostics using the available tools: code validators, broken-link checkers, website health checks, spell-checker and the like.
  • Final cross-browser check (IE, Firefox, Chrome, Safari, Opera, iPhone, Samsung, etc.).
Post Launch
 

  • Handoff to the client. Be sure the client is satisfied with the product and that all contractual obligations have been met.
  • Start Website Care Plan
  • Provide documentation and source files. Provide documentation for the website, such as a soft-copy site map and details on the framework and languages used. This will prevent any surprises for the client later on, and it will also be useful should they ever work with another Web developer.
  • Project close, final documentation. Get the client to sign off on the last checks, provide your contact information for support, and officially close the project. Maintain a relationship with the client. This done anyway because they are on our Website Care Plan

Any Questions?

Call Us

(661) 932-1959

Gathering of information such as client goals, target audience, detailed feature requests and as much relevant informationYour content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

The sitemap is developed, theme and any premium plugins and third party software is chosen.

rapid prototyping is the process of quickly mocking up the future state of a system, be it a website or application, and validating it with a broader team of users, stakeholders, developers, and designers. Doing this rapidly and iteratively generates feedback early and often

Final Design and Usability Testing is the process of quickly mocking up the future state of a system, be it a website or application, and validating it with a broader team of users, stakeholders, developers, and designers. Doing this rapidly and iteratively generates feedback early and often

Launch is the process of quickly mocking up the future state of a system, be it a website or application, and validating it with a broader team of users, stakeholders, developers, and designers. Doing this rapidly and iteratively generates feedback early and often

Post Launch is the process of quickly mocking up the future state of a system, be it a website or application, and validating it with a broader team of users, stakeholders, developers, and designers. Doing this rapidly and iteratively generates feedback early and often