Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

General Discussion

Posted by Matthew McLennan
Matthew McLennan
10,315 Points

Workflows

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

Best practices?

2 Answers

Kevin Esther
Kevin Esther
8,551 Points
Kevin Esther
Kevin Esther
8,551 Points

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
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!