Old Website

Client: Black Tech Pipeline

Industry: Tech Recruiting

Project Overview: Black Tech Pipeline, a tech recruiting company dedicated to the Black community, needed a comprehensive website redesign to improve user experience, increase engagement, and better represent its mission and values. The project was executed using Figma for design and Framer for development.

Enhance User Experience (UX): Create a seamless and intuitive navigation flow.

Improve Visual Design: Develop a modern, appealing design that aligns with the brand identity.

Increase Engagement: Implement features to encourage interaction and community building.

Mobile Responsiveness: Ensure the website is fully functional and visually appealing on all devices.

Content Optimization: Present information clearly and concisely to attract job seekers and employers.

Conducted interviews with the Black Tech Pipeline team to understand their vision, goals, and pain points with the current website.

Key insights included the need for a more vibrant, inclusive design and improved job listing features.

Analyzed competitor websites to identify industry standards and unique features that could be integrated into the new design.

Surveyed existing users to gather feedback on the current website and understand their needs and preferences.

Developed detailed user personas representing both job seekers and employers to guide design decisions.

Defined clear, measurable goals for the redesign, focusing on UX improvements, visual appeal, and engagement metrics.

Created low-fidelity wireframes in Figma to outline the basic structure and layout of key pages.

Iterated based on feedback from stakeholders and users.

Developed high-fidelity designs in Figma, incorporating branding elements such as colors, typography, and imagery.

Ensured consistency across all pages, including the homepage, job listings, candidate profiles, and contact page.

Built interactive prototypes in Figma to demonstrate the user flow and interactions.

Conducted usability testing with a select group of users to gather feedback and make necessary adjustments.

Created a comprehensive design system in Figma, including components, icons, and style guides to maintain consistency during development and future updates.

Transitioned high-fidelity designs from Figma to Framer for development.

Utilized Framer's powerful design-to-code features to ensure the fidelity of the design was preserved.

Ensured all components and layouts were responsive, providing an optimal viewing experience across devices.

Developed interactive elements such as job search filters, candidate profiles, and application forms to enhance user engagement.

Integrated animations and transitions to create a smooth, dynamic user experience.

Integrated a Content Management System (CMS) within Framer to allow the Black Tech Pipeline team to easily update job listings and content.

Conducted thorough testing across different browsers and devices to ensure functionality and performance.

Addressed any bugs or issues identified during the testing phase.

Released a beta version of the website to a small group of users for final feedback and adjustments.

Made final tweaks based on beta user feedback, focusing on usability and visual polish.

Launched the new website with a marketing campaign to attract attention from both job seekers and employers.

Monitored site performance and user feedback closely post-launch to address any immediate concerns.

Users reported a more intuitive and enjoyable experience navigating the site, with easier access to job listings and application forms.

The new design and interactive features led to a significant increase in user engagement, with more time spent on the site and higher interaction rates with job postings.

The modern, inclusive design better represented Black Tech Pipeline’s mission, attracting more users and fostering a sense of community.

The website performed well across all devices, ensuring accessibility for users on smartphones, tablets, and desktops.

The integrated CMS allowed the Black Tech Pipeline team to efficiently manage and update content, keeping the site current and relevant.

Positive feedback from users highlighted the improved design and functionality, with many appreciating the community-focused elements and ease of use.

The redesign of the Black Tech Pipeline website successfully met the project's goals, delivering a modern, user-friendly, and engaging platform that better serves its community. Utilizing Figma for design and Framer for development ensured a seamless transition from concept to execution, resulting in a website that not only looks great but also performs exceptionally well.