WGU D279 User Interface Design Final Submission
Task| 2026 Latest Update with complete solutions.
User Interface Design D279
INFORMATION ARCHITECTURE (PART A)
A1 - Functionality & Microinteraction Needs
Stakeholder Needs:
Pet Paradigm stakeholders need a website that simplifies navigation, offers essential
pet care advice, enables users to contact the company for consultations, and enhances
brand recognition.
Audience Needs:
Users require an easy-to-navigate site with straightforward content in plain language
optimized for different device screen sizes.
Proposed micro-interactions:
● Include visual and audio feedback on the navigation bar by hovering and clicking.
● Provide text descriptions for all images and buttons.
● Enhance usability with the following micro-interactions:
● Add a contact form with animation/feedback on submission success or failure.
● Underline all links/hyperlinks.
● Display company contact details (phone/email) at the top and bottom of each
page.
● Add social media sharing buttons and content download options.
A2 - New Content
Persona: Fish Owners: Interested in freshwater and saltwater maintenance, often using
handheld devices.
Fish owners need guidance on ensuring the safety and suitability of their fish’s aquatic
environment. The new content will provide detailed care and maintenance information
for freshwater and saltwater fish, emphasize the use of water tester kits, outline water
chemical safety levels, and inform users that they can consult with a “Pexpert.” This
content will help fish owners create a safe aquatic habitat for their pets.
New website features will make it easier for fish owners to find the necessary
information and care. A “Fish” link in the navigation bar will allow them to access pet-
specific content with just 1-2 clicks. A contact form added under the “Schedule an
, Appointment” link will provide easy access to consultation services, such as fish species
compatibility. The responsive design will ensure fish owners can easily read and
navigate the site on mobile devices.
A3 - Redevelop or Removal Existing Content
1. Revamping the Homepage with Company Overview
Issue: The current homepage lacks a clear description of the company and its services,
leaving users unclear about what the website offers.
How it fails to meet Audience and Stakeholder needs: Users need a clear overview
of what the company does and the type of information they can expect to find on the
site. Stakeholders want to clarify the company’s services and mission to users from the
homepage to ensure visitors understand the site's value and encourage further
exploration.
How it will be redesigned: The homepage will be revamped to include a description of
the company’s services and a summary of the information on the site. This will address
the user’s need for an overview of the company’s offerings and ensure stakeholders’
goal of clearly communicating the brand’s value proposition is met.
2. Responsiveness Redevelopment
Issue: The website does not adapt well to different screen sizes, especially mobile,
limiting accessibility and user experience.
How it fails to meet Audience and Stakeholder needs: The audience expects a
seamless mobile experience, which the current design lacks. Stakeholders need a
responsive site to reach a wider audience and enhance user experience.
How it will be redesigned: We’ll make the site fully responsive across mobile, tablet,
and desktop, improving accessibility and engagement by adding advanced CSS styling
and reorganizing the information on the website.
3. Navigation Bar Redesign & Bug Fixes
Issue: The navigation bar has broken links and incorrect tab highlights, causing
navigation issues.
How it fails to meet Audience and Stakeholder needs: The audience needs easy
navigation to find information quickly. Broken links and incorrect highlights frustrate
them, and stakeholders need a functional navigation system.
How it will be redesigned: We’ll fix the links, correct tab highlighting, and reorganize
the structure for smoother navigation.
4. Adding "Top Pet Care Tips" Section
Issue: Content is too long or dense, making it hard for users to find key pet care
information quickly.
Task| 2026 Latest Update with complete solutions.
User Interface Design D279
INFORMATION ARCHITECTURE (PART A)
A1 - Functionality & Microinteraction Needs
Stakeholder Needs:
Pet Paradigm stakeholders need a website that simplifies navigation, offers essential
pet care advice, enables users to contact the company for consultations, and enhances
brand recognition.
Audience Needs:
Users require an easy-to-navigate site with straightforward content in plain language
optimized for different device screen sizes.
Proposed micro-interactions:
● Include visual and audio feedback on the navigation bar by hovering and clicking.
● Provide text descriptions for all images and buttons.
● Enhance usability with the following micro-interactions:
● Add a contact form with animation/feedback on submission success or failure.
● Underline all links/hyperlinks.
● Display company contact details (phone/email) at the top and bottom of each
page.
● Add social media sharing buttons and content download options.
A2 - New Content
Persona: Fish Owners: Interested in freshwater and saltwater maintenance, often using
handheld devices.
Fish owners need guidance on ensuring the safety and suitability of their fish’s aquatic
environment. The new content will provide detailed care and maintenance information
for freshwater and saltwater fish, emphasize the use of water tester kits, outline water
chemical safety levels, and inform users that they can consult with a “Pexpert.” This
content will help fish owners create a safe aquatic habitat for their pets.
New website features will make it easier for fish owners to find the necessary
information and care. A “Fish” link in the navigation bar will allow them to access pet-
specific content with just 1-2 clicks. A contact form added under the “Schedule an
, Appointment” link will provide easy access to consultation services, such as fish species
compatibility. The responsive design will ensure fish owners can easily read and
navigate the site on mobile devices.
A3 - Redevelop or Removal Existing Content
1. Revamping the Homepage with Company Overview
Issue: The current homepage lacks a clear description of the company and its services,
leaving users unclear about what the website offers.
How it fails to meet Audience and Stakeholder needs: Users need a clear overview
of what the company does and the type of information they can expect to find on the
site. Stakeholders want to clarify the company’s services and mission to users from the
homepage to ensure visitors understand the site's value and encourage further
exploration.
How it will be redesigned: The homepage will be revamped to include a description of
the company’s services and a summary of the information on the site. This will address
the user’s need for an overview of the company’s offerings and ensure stakeholders’
goal of clearly communicating the brand’s value proposition is met.
2. Responsiveness Redevelopment
Issue: The website does not adapt well to different screen sizes, especially mobile,
limiting accessibility and user experience.
How it fails to meet Audience and Stakeholder needs: The audience expects a
seamless mobile experience, which the current design lacks. Stakeholders need a
responsive site to reach a wider audience and enhance user experience.
How it will be redesigned: We’ll make the site fully responsive across mobile, tablet,
and desktop, improving accessibility and engagement by adding advanced CSS styling
and reorganizing the information on the website.
3. Navigation Bar Redesign & Bug Fixes
Issue: The navigation bar has broken links and incorrect tab highlights, causing
navigation issues.
How it fails to meet Audience and Stakeholder needs: The audience needs easy
navigation to find information quickly. Broken links and incorrect highlights frustrate
them, and stakeholders need a functional navigation system.
How it will be redesigned: We’ll fix the links, correct tab highlighting, and reorganize
the structure for smoother navigation.
4. Adding "Top Pet Care Tips" Section
Issue: Content is too long or dense, making it hard for users to find key pet care
information quickly.
