Website UI / UX Design & Prototype

Closed
BUYER FOLIO INC
Montréal, Québec, Canada
Edouard Romeus
CEO
(4)
5
Project
Academic experience or paid work
80 hours per learner
Learner
Anywhere
Intermediate level

Project scope

Categories
UI design UX design Branding & style guides
Skills
software design user interface testing design tool user interface prototyping user experience (ux) design user interface (ui) design usability testing user experience (ux) figma (design software) user interface (ui)
Details

Main Objective: The main objective of this project is to design a user-friendly, visually engaging, and informative website for Buyer Folio that effectively communicates the company's mission, services, and value proposition.

Problem Statement: Students will address the challenge of creating a cohesive and visually appealing web design that enhances user engagement and effectively conveys Buyer Folio’s unique offerings. This involves overcoming typical web design hurdles such as ensuring intuitive navigation, maintaining consistent branding, and creating an engaging user experience across various devices.

Expected Outcome: By the end of the project, students are expected to achieve the following outcomes:

  1. A Comprehensive Design: Produce a fully fleshed-out design for the Buyer Folio website, including high-fidelity wireframes, mockups, and interactive prototypes for all specified sections (Home Page, Partnership Page, Blog/Resources Page, FAQ Section).
  2. User-Centric Layout: Develop a website layout that is easy to navigate, visually appealing, and responsive across different devices (desktop, tablet, mobile).
  3. Effective Communication: Ensure that the website clearly and effectively communicates Buyer Folio’s mission, services, and value propositions through well-structured content and professional visual elements.
  4. Brand Consistency: Implement design elements that align with Buyer Folio’s brand guidelines, ensuring a consistent look and feel across the entire website.
  5. Enhanced User Engagement: Incorporate features such as call-to-action buttons, high-quality visuals, and customer testimonials to boost user engagement and interaction.
  6. Design Specifications for Development: Provide detailed design specifications and assets for the development team to implement, ensuring a smooth transition from design to development.


Deliverables

Tasks and Deliverables:

Market Analysis and User Research:

  • Conduct a market analysis to understand the competitive landscape and identify key design trends in fintech and proptech websites.
  • Perform user research to gather insights on the target audience's needs, preferences, and pain points.
  • Deliverable: Market Analysis Report and User Research Summary.

Wireframing and Prototyping:

  • Create low-fidelity wireframes for the key pages of the Buyer Folio website (Home Page, About Section, Features Section, Success Stories, Contact Us, Blog/Resources Page, Partnership Page, FAQ Section).
  • Develop high-fidelity mockups based on feedback from initial wireframes.
  • Design interactive prototypes to demonstrate the user flow and functionality of the website.
  • Deliverable: Wireframes, High-Fidelity Mockups, and Interactive Prototypes.

Content Strategy and Layout:

  • Develop a content strategy that aligns with Buyer Folio's mission and value proposition.
  • Organize and structure content for clarity and impact, ensuring each section effectively communicates the intended message.
  • Deliverable: Content Strategy Document and Page Layout Plans.

Visual Design and Branding:

  • Design visual elements that align with Buyer Folio’s branding guidelines, including color schemes, typography, icons, and imagery.
  • Ensure consistent branding across all pages and elements of the website.
  • Deliverable: Visual Design Assets and Branding Guidelines.

Responsive Design:

  • Ensure the website design is responsive and provides an optimal user experience across various devices (desktop, tablet, mobile).
  • Test designs on multiple devices to ensure compatibility and usability.
  • Deliverable: Responsive Design Prototypes.

User Testing and Iteration:

  • Conduct user testing sessions to gather feedback on the prototypes.
  • Analyze user feedback and iterate on the design to improve usability and user satisfaction.
  • Deliverable: User Testing Report and Iterated Design Prototypes.

Final Design and Handoff:

  • Finalize the design based on feedback from user testing and stakeholders.
  • Prepare design specifications and assets for the development team, ensuring all necessary components are included for implementation.
  • Deliverable: Final Design Specifications, Design Assets, and Handoff Document.

Summary of Deliverables:

  • Market Analysis Report and User Research Summary
  • Wireframes, High-Fidelity Mockups, and Interactive Prototypes
  • Content Strategy Document and Page Layout Plans
  • Visual Design Assets and Branding Guidelines
  • Responsive Design Prototypes
  • User Testing Report and Iterated Design Prototypes
  • Final Design Specifications, Design Assets, and Handoff Document
Mentorship

Support Offered:

Access to Tools and Technology:

  • Design software ( Figma)
  • Collaboration tools (e.g., Slack, Microsoft Teams, whatsup)

Staff Time and Guidance:

  • Dedicated mentor for weekly check-ins and feedback
  • Office hours for questions and advice

Workshops and Training Sessions:

  • Workshops on user research, wireframing, visual design, and responsive design
  • Training on design tools and software

Access to Data and Resources:

  • Market analysis reports, user personas, and brand guidelines
  • Repository of previous design projects and case studies

Feedback and Iteration:

  • Regular design review sessions with constructive feedback
  • Multiple rounds of feedback and refinement

Collaboration Opportunities:

  • Collaboration with marketing and development teams
  • Peer-to-peer collaboration and critique

Documentation and Templates:

  • Templates for market analysis, wireframes, and user testing plans
  • Best practices and accessibility guidelines documentation

Access to Test Users:

  • Pool of test users for research and usability testing
  • Assistance in recruiting and scheduling testing sessions

Supported causes
No poverty

About the company

Company
Montréal, Québec, Canada
2 - 10 employees
Banking & finance, Real estate, Technology

Buyer Folio is at the forefront of revolutionizing homeownership through innovative financial solutions. We specialize in empowering individuals and communities by redefining how people access and experience buying homes. Our platform leverages advanced technology to offer shared mortgages, personalized co-buyer matching, and data-driven insights that ensure fair and inclusive access to homeownership opportunities.

At Buyer Folio, we are committed to breaking down barriers in the housing market, enhancing customer satisfaction, and reducing financial risk for co-buyers. Our mission is to create a future where everyone can achieve their dream of owning a home, fostering equitable growth and empowerment across diverse communities.