Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

General Discussion

Workflows

Please share your design process. How do you get to your site lauch?

Best practices?

2 Answers

My workflow.

  1. define the functionality and information hierarchy of the site. Ask the client simple questions. For example. Why do you need a website?

  2. Decide what is the most important info for each page

  3. html & css wireframes. No photoshop at this stage.

  4. Create a style tile in photoshop. This stage am between text editor and Photoshop. Creating and trying out elements. Using the style tile as a mood board to keep me focused and not wondering off in the wrong design direction.

  5. Send the client links to url. Make revision if required.

I have also been using goes to work for Organize projects. keeps me off twitter and focused.

I also use gimmebar to create moodboards and capture inspiration.

The hardest part is getting started. I just start. Make mistakes and learn.

Aaron Brewer
Aaron Brewer
7,939 Points

My Workflow:

  1. Identify the type of content I will be working with.
  2. Use Wireframing software such as: Balsamiq Mockups (http://www.balsamiq.com/) to build the layout and general structure of the website.
  3. Start developing using a code editor and or the code editor in Adobe DreamWeaver CS6.
  4. Use Photoshop for coloring, and or use Adobe Kuler for color schemes.
  5. If the client requires a CMS/CMF, I will usually use MODx Revolution.
  6. Verify browser compatibility in Internet Explorer 7-10, Mozilla Firefox, Google Chrome, Opera, and Apple Safari.
  7. (Optional) If I am doing a responsive website design, then I will test the website on multiple browsers and or test using BrowserStack.
  8. If everything works through debugging and testing, send to client for final approval.
  9. Go live and cash in.

Of course the above is very summed up. But you get the idea.

Cheers!