Welcome to the Treehouse Community
Looking to learn something new?
Please share your design process. How do you get to your site lauch?
define the functionality and information hierarchy of the site. Ask the client simple questions. For example. Why do you need a website?
Decide what is the most important info for each page
html & css wireframes. No photoshop at this stage.
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.
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 Brewer7,939 Points
- Identify the type of content I will be working with.
- Use Wireframing software such as: Balsamiq Mockups (http://www.balsamiq.com/) to build the layout and general structure of the website.
- Start developing using a code editor and or the code editor in Adobe DreamWeaver CS6.
- Use Photoshop for coloring, and or use Adobe Kuler for color schemes.
- If the client requires a CMS/CMF, I will usually use MODx Revolution.
- Verify browser compatibility in Internet Explorer 7-10, Mozilla Firefox, Google Chrome, Opera, and Apple Safari.
- (Optional) If I am doing a responsive website design, then I will test the website on multiple browsers and or test using BrowserStack.
- If everything works through debugging and testing, send to client for final approval.
- Go live and cash in.
Of course the above is very summed up. But you get the idea.