Believe Support Services

Project preview

Project Overview:

Believe Support Services is a company that helps individuals with complex needs live independent, supported, and fulfilling lives. This website design and development project showcases my final concept. While the design was well-received, it was never implemented due to a combination of factors, the organization used Wix, and I was working as a custom developer.

Project Details

Objectives

As this project occurred three years ago, I don’t have the full details of the requirements. At the time, I was working as a computer technician for the company, and website design and development were additional responsibilities assigned to me based on my job requirements as a Computer Technician. I was not provided with specific instructions regarding the website type or features. This lack of clarity led to miscommunication between me and the clients.

Given this, I approached the project by:

  • Built a Starter Website: Created an events and planning site as a base, then adjusted it based on client feedback.

  • Used Modern Tools: Developed the site with up-to-date technology for better performance.

  • Launched the Final Product: Tested and published the website for client use.

Note: I completed the core design work and provided documentation that helped guide the design aspect of the projects. However, most of the development for the concept was done in my free time as I left the company. Thankfully the company went on to utilize my branding guidelines and visual direction.

Features

Since the initial project requirements lacked guidance, I opted to maintain the company’s existing core structure and branding. This approach ensured consistency with their established identity while allowing room for flexibility in refining the website’s features as more clarity emerged.

By focusing on foundational, widely accepted website features centered around event planning and organizing, I aimed to create a user-friendly and accessible experience, that encourages sharing concepts such as collaboration, community involvement, and transparency.

Creating a Visual Guide Through Storytelling.

  • Utilized a Moodboard to communicate design concepts, ideas, and the overall emotion for the project. Doing this help set the type of energy I believed to share to the companies target audience.
  • Created a Style Tile to help guide clients and establish a shared understanding of the brand’s visuals, energy, and emotions. This enabled me to help visualize the Energy across branding and the companies website.
  • Ensuring a consistent theme throughout the interface. Most of my time was spent writing a comprehensive document consistent set of fonts, colors, widget decoration and best practices to ensure users have an consistent experience that scales.

Note: I am unable to share the full design system documentation as it belongs to the company. I am showcasing a sample document.

About Us

A dedicated page that introduces the company’s mission, vision, and background. Using “About Us” aligns with user expectations and fosters trust and transparency.

Services

A clear and concise overview of the support programs, accommodations, and resources offered. This title is straightforward and widely understood.

Events

A section showcasing upcoming workshops, seminars, or community gatherings. Separating events from applications improves user navigation.

Application / Program Enrollment

A distinct page or section that allows users to apply for programs or services. Clear labeling here improves accessibility and reduces confusion.

FAQ (Frequently Asked Questions)

A compact section addressing common inquiries to streamline user support and reduce repetitive questions.

Contact Us

A comprehensive contact page featuring a form, phone numbers, email, and physical address. The label “Contact Us” is universally recognized and encourages engagement.

Technology Stack

  • Frontend: Next.js 15, React, Tailwind CSS, ESLint, Turbopack, - Prettier, portabletext/react, shadcn/ui
  • Backend: Node.js with PNPM package manager
  • Database: JAMstack with WIX
  • Content Management System: WIX

Outcome

Communication challenges affected workflow during the project. Despite completing seven design revisions, unclear feedback made aligning expectations difficult. Although the project was not launched during my tenure, I delivered comprehensive design and documentation to support future development.

Lessons Learned:

Thankfully I was able to create a concept during my free time, to showcase the possibilities. But, this project underscored the importance of clear, open communication in collaborative projects. Navigating multiple rounds of ambiguous feedback highlighted the necessity of establishing transparent feedback loops early on. It also strengthened my adaptability and professionalism in challenging situations while delivering quality work.

View Next

The Lifeline Canada Foundation

The LifeLine App is an informational platform dedicated to supporting suicide prevention efforts across Canada. It raises awareness of risk factors, provides access to online resources, and promotes local programs that build mental health resilience for all.

Urban Greens Antigua

A showcase website that displays the companies high-quality microgreens. The website provides detailed product information to help customers learn about available varieties. While offering a way to reach out to the owner.