Skip to Main Content
It looks like you're using Internet Explorer 11 or older. This website works best with modern browsers such as the latest versions of Chrome, Firefox, Safari, and Edge. If you continue with this browser, you may see unexpected results.

StoryLab: HIST 3391 / SOCI 3392

Planning Your Website

Before you begin your web project, make a plan. You may even want to plan your project out before choosing your web development tool.

Just like with any research project you still need to brainstorm and plan. Don't jump right into the technology. Remember that your research, content, and presentation of materials and ideas are still the most important parts of the project. Some possibilities to help you with this process include:

  • Mood Boards – Maybe you want a visual direction for you project. Are you inspired by pictures, colors, and fonts? A mood board is an arrangement of images, materials, pieces of text, etc., intended to evoke or project a particular style or concept. Before outlining your website, you may want to do some visual brainstorming. Compile images to help organize your design ideas for your project. This is a great way to organize images, colors, objects and general inspiration for your project. Pinterest, Canva, and GoMoodBoard can be used to create mood boards. If you want some inspiration from other designers check out this post highlighting 10 mood boards.
  • Outlines – Gather your thoughts to help get your project off the ground. Use a simple word processor like Google Docs to get started. 
  • Project Management Tools - Use a project management tool like Trello to organize your information in a visual format using boards, lists and cards. Use our Trello Guide to learn more. You can start using Trello with pre-made templates and hit the ground running.
  • User Experience/Interface Design Tools – Web designers often start by designing what they want their site to look like and how they plan for it to function. Though WordPress, Omeka, and Google Sites will provide you with templates and themes to help you with your design needs, tools like Adobe Photoshop (available in the computer labs on campus), Adobe XD (free to try) and Figma (free to use) are great options to help you visualize your website and ideas before diving straight into a content management system.