Steps and elements of web design
- 1. STEPS AND ELEMENTS OF WEB DESIGN Dr. Amaresh Jha
- 2. Steps of web design projects
- 4. Who is the site for? • What do they expect to find or do there? • Is this website’s primary aim to inform, to sell (ecommerce, anyone?), or to amuse? • Does the website need to clearly convey a brand’s core message, or is it part of a wider branding strategy with its own unique focus? • What competitor sites, if any, exist, and how should this site be inspired by/different than, those competitors?
- 6. Tools for Goal Identification • Audience personas • Creative brief • Competitor analyses • Brand attributes
- 7. Scope definition: • Once we know the site's goals, we can define the scope of the project. I.e., what web pages and features the site requires to fulfill the goal, and the timeline for building those out.
- 8. Sitemap creation • Sitemap and wireframe creation: With the scope well- defined, we can start digging into the sitemap, defining how the content and features we defined in scope definition will interrelate.
- 9. Content creation • Now that we have a bigger picture of the site in mind, we can start creating content for the individual pages, always keeping search engine optimization (SEO) in mind to help keep pages focused on a single topic. It's vital that you have real content to work with for our next stages. • Awesome content creation tools: • Google Docs • Dropbox Paper • Quip • Gather Content • Webflow CMS (content management system)
- 10. Visual elements • With the site architecture and some content in place, we can start working on the visual brand. Depending on the client, this may already be well-defined, but you might also be defining the visual style from the ground up. • Tools for visual elements: • Sketch, Illustrator, Photoshop, etc. • Moodboards, style tiles, element collages • Visual style guides
- 11. Testing By now, you've got all your pages and defined how they display to the site visitor, so it's time to make sure it all works. Combine manual browsing of the site on a variety of devices with automated site crawlers to identify everything from user experience issues to simple broken links.
- 12. Launch • Once everything's working beautifully, it's time to plan and execute your site launch! This should include planning both launch timing and communication strategies — i.e., when will you launch and how will you let the world know? After that, it's time to break out the bubbly.
- 13. Do’s and dont’s of web design