Paradigm pet professionals

UX/UI Design / Research / Wireframing / Prototyping
2023
Final Project for my User Interface Design & Development Course

My Role
For this project, I conducted every facet of the UX/UI Design, & Web Design.

Deliverables included:

a revamped, mobile first website
visually communicated the client's services

Challenge

Outdated Website: The current website was designed by a part-time intern 10 years ago, leading to an outdated with a non-user-friendly interface.
Lack of Responsiveness: The existing website is not optimized for various devices and screen sizes, hindering accessibility for users on mobile and tablets.
User Needs and Expectations: Understanding the needs and expectations of prospective and new pet owners seeking basic pet care information and virtual consultations is essential but may require in-depth research.
Information Architecture: The website does not have a well-structured information architecture, making it challenging for users to find the information they need quickly and easily.

Deliverables

Objective 1:

Evaluation of the existing website and user design specifications provided by Paradigm Pet Professionals.
Development of a sitemap to outline the structure and organization of the redeveloped website.
Creation of wireframes to visualize the layout and user interface of the new website.

Objective 2:

Creation of an interactive desktop prototype of the redeveloped website.
The prototype should align with the design specifications provided by Paradigm Pet Professionals.
The prototype will showcase the user interface, navigation, and interactions of the new website.

website redevelopment:
stakeholder needs

User Data Collection

Redevelop forms to optimize data collection during consultation requests.
Obtain valuable insights into user preferences and experiences for service enhancement.

Conversion-Focused Pages

Redesign consultation-related pages to maximize conversions
.
Gather essential user data during the inquiry process for stakeholder analysis.

Streamlined and Engaging Content

Remove Outdated Information:

Eliminate outdated content for accurate and relevant information access.

Consolidate Redundant Pages:

Combine overlapping content for a simplified site structure.

Improve Media Engagement

Replace or remove low-performing media to create a visually compelling website:

Integrate high-quality, colorful, and captivating photographs of pets in various settings, showcasing their joyful and heartwarming moments.
Create a visually pleasing layout that complements the content, enabling users to connect emotionally with the website and its offerings.

Website Redevelopment:
User Needs

Enhanced User Experience with Microinteractions

Interactive Buttons:

Color change and animation to provide visual confirmation upon clicking.

Guided Exploration:

Hover over elements (e.g., pet care tips) to trigger microinteractions for additional information, fostering curiosity and user engagement.

Real-time Form Validation:

Immediate feedback on correct input during consultation requests, reducing form errors and enhancing user experience.

Clear and Accessible Navigation

Straightforward menu with links to Home Page, Pet Care Tips (Dogs, Cats, Birds), FAQs, and Consultations Page.
Intuitive navigation to quickly find desired information.

SiteMap

Existing content for Cats and Dogs will be redeveloped to align with the proposed user-centric sitemap, the new Bird page will be added as well as the Consultations Page. FAQs will remain but will be redesigned to align with branding.
The homepage content will also be reworked to incorporate links to the new Bird page and the Consultations page, enhancing user accessibility and engagement.

Information Architecture

Meets Audience and Stakeholder Needs

The information architecture aligns with the audience's needs by providing tailored content for each pet type (Dogs, Cats, Birds). Users can easily access specific pet care tips, improving their overall website experience.
Stakeholder needs for increased consultations are addressed through a user-friendly Consultations page with clear calls-to-action, making it easier for users to request one-on-one sessions.

Primary and Secondary Navigational Elements

Primary Navigation: The main menu includes links to essential sections - Home, Pet Care Tips (with subsections for Dogs, Cats, and Birds), and Consultations - providing clear access to key information and services.
Secondary Navigation: Within the Pet Care Tips section, secondary navigation allows users to explore specific content related to each pet type, such as Feeding Tips, Activity Needs, and Social Interaction. This ensures a deeper level of engagement for users interested in specific topics.

Alignment with Audience and Stakeholder Needs

Primary Navigation aligns with both audience and stakeholder needs as it provides easy access to crucial sections like Consultations, facilitating the stakeholders' goal of scheduling 150 new consults.
Secondary Navigation supports the audience's needs by offering pet-specific content, improving the user experience, and increasing the time spent on the website, which is vital for achieving the owners' objective of having 100,000 new visitors within a year.

Wireframing

Hi-fi prototype

Redesigned the hifi prototype and identified the need for navigation changes. Extended the navigation to include each pet group and removed the FAQs to improve user experience.

Implemented a responsive grid-based layout, ensuring the website's compatibility and optimal display from desktop to mobile devices.

Modernized the website's overall look by emphasizing heavy imagery and employing a strategic approach to break up large blocks of text, enhancing user engagement.

Addressed stakeholder requirements by adding the Consultation and Bird pages, completing the website's functionality and fulfilling the stakeholders' needs.

Explore the interactive prototype

CLICK HERE