• Part 1: Professional Presence
  • Part 2: Setting Up Your Website
  • Part 3: Customizing Your Website
  • Part 4: Portfolio Contents
  • Terminology
  • FSE - Templates
  • Translations
  • Designing your website

    As with the creation of instructional materials, designing a website before implementing it in WordPress is a crucial step in the website development process. It involves planning and organizing the content, layout, and functionality of the site. By doing this, you can ensure that your website will be user-friendly, easy to navigate, and have a cohesive look and feel.

    One of the main benefits of designing a website before implementing it in WordPress is customization. By planning ahead, you can identify the features and functionalities you need, such as custom post types, page templates, and plugins. This can help you to customize your website to meet your specific needs and goals.

    Another benefit of designing a website before implementing it in WordPress is efficiency. By having a clear plan, you can avoid unnecessary revisions and modifications during the development process. This can help to streamline the development process and ensure that your website is completed on time and within budget.

    Overall, designing a website before implementing it in WordPress is essential for creating a successful and effective website. It can save time and resources, ensure that your website meets your goals, is user-friendly, and is optimized for search engines. Taking the time to plan and organize your content, layout, and functionality can help to create a website that engages and converts visitors into customers.


    There are many tools to support designing websites. Personally, I find it easiest to just use PowerPoint and create a poster of my website. Website designs should include: 

    Tip: Fonts

    One way to make your site unique is to use different fonts. Google fonts are free and can be used on any website. I recommend exploring Google fonts and choosing two or at most three: one for titles, one for content, and one for menus.

    Example Website Design Poster

    A design for the website demystifying instructional design

    This content is provided to you freely by EdTech Books.

    Access it online or download it at https://edtechbooks.org/professional_presence/designing_your_websi.