Moving forward from their reflections on the old site, Sarah and Brenda then shifted their focus to planning the structure of the new website. They sat down with the Power Pages design studio open in front of them, ready to turn their vision into reality. The first task at hand was reviewing the various templates provided by Power Pages, selecting one that best represented the essence of Rob the Builder. They knew their new site needed to be not only visually appealing but also functional and easy to navigate. As they browsed through the options, they discussed the key sections the website would feature:

• An Home page
• An About Us page
• A Contact Us page
• A client listing consisting of an image and text for each listing

Sarah decided to write an Agile user story to capture the essence of their website development work and ensure clear communication with the team and stakeholders.

As a construction company aiming to enhance our digital presence and showcase our services effectively, we need a modern and user-friendly website. This website should reflect our brand identity, provide clear navigation, and engage visitors with compelling content and imagery so that we attract potential clients, communicate our expertise, and facilitate seamless interactions with our audience.

Acceptance criteria

Here are the acceptance criteria for building the website:

• The website should have a visually appealing design that aligns with our branding guidelines
• It should feature key sections such as Home, About Us, Services, and Contact Us, each providing relevant information to visitors
• The Home page should welcome visitors with an engaging headline, accompanied by high-quality images and introductory text
• The About Us page should provide insights into our company history, values, and team members, fostering trust and credibility
• The Services page should showcase our offerings in a clear and organized manner, detailing the range of services we provide
• The Contact Us page should include a contact form or clear instructions for visitors to reach out to us easily
• The website should be responsive and accessible, ensuring optimal viewing experience across devices
• Content should be organized logically, with intuitive navigation and consistent layout across pages
• The website should be hosted on a reliable platform and configured with proper security measures to safeguard user data

Tasks

Here is a list of tasks for building the website:

1. Collaborate with Brenda to finalize the website structure and content.
2. Select appropriate templates and design elements within the Power Pages design studio.
3. Populate pages with relevant text, images, and multimedia content.
4. Customize design elements, such as colors, fonts, and layout, to align with branding guidelines.
5. Test website functionality and responsiveness across different devices and browsers.
6. Iterate based on feedback from stakeholders and make necessary revisions.
7. Deploy the website to a production environment and configure domain settings for launch.

By implementing this user story, we aim to create a professional and engaging website that effectively represents Rob the Builder and attracts potential clients while providing valuable information to our audience.

Having written and submitted the user story to her client, Sarah would now go on to install Power Pages templates both to learn from and see if she could make use of their designs to repurpose them for her work.

In the previous chapter, Sarah had already set up the environments and initial website using Power Pages. Microsoft’s policy of offering a 30-day free trial and allowing users to create multiple websites within the same tenancy worked to the company’s advantage. This flexibility enabled Sarah to experiment confidently with various template designs. She named these experimental sites RobBuilderDev1, RobBuilderDev2, and RobBuilderDev3. This approach allowed her to explore different design options without any immediate commitment, ensuring that the final choice for Rob the Builder’s website would be well-informed and perfectly suited to their needs.

To create the websites, Sarah follows these steps:

1. Log in to Power Pages.
2. Select the Dev environment and select the Templates tab.
3. Scroll through templates, read the description, and view their styling design.
4. Select a Preview template such as Starter layout 1, as shown in Figure 2.1.
5. Having reviewed the description, select Choose this template to install it.
6. Enter a site name and a web address, such as RobBuilderDev1:

Figure 2.1 – Power Pages design studio templates

After thoroughly reviewing and selecting their preferred templates from Power Pages, Sarah now had a clear vision for the page layouts, font choices, and styling.