SJV
Website development, from concept to launch, including wireframing, prototyping, and building a fully functional website.
Delivering a clean, modern, and user-friendly website to highlight Subuola Joe Venture’s offerings of premium livestock feeds while maintaining an emphasis on sustainability, accessibility, and quality.
Discovery and Research
The first step involved a collaborative session with the client to clearly define the project goals. These goals included showcasing their premium livestock feed products, emphasizing their expertise in the industry, and creating a platform that provides users with an effortless way to explore products, learn about the company, and place orders. Additionally, I conducted in-depth competitor analysis to understand industry standards, uncover best practices, and identify opportunities to differentiate Subuola Joe Ventures’ online presence from others in the market.
Wireframing and LoFi Design
Using Figma, I designed low-fidelity wireframes to visualize the website’s structure and hierarchy. These wireframes were focused on creating a smooth user flow that catered specifically to the needs of farmers and retailers. The primary sections—Homepage, About Us, Product & Services, Locations, and Contact—were outlined to ensure logical navigation. By keeping the wireframes simple and functional, the focus was placed on usability and flow rather than visual details, setting the foundation for a user-centered experience.
High-Fidelity Design (HiFi)
In the high-fidelity design stage, I transformed the wireframes into polished visuals that aligned with Subuola Joe Ventures’ brand identity. The hero section featured an eye-catching aquatic theme to symbolize sustainability and the focus on catfish feed. Modern typography, a clean layout, and high-quality imagery conveyed professionalism and reliability. Key value propositions, such as quality products, affordable pricing, and customized offers, were highlighted through visually appealing sections. Strategically placed call-to-action buttons, such as “Read More” and “Place an Order,” were integrated to guide user behavior effectively. Additionally, contact information and location details were designed for easy accessibility, with an interactive map included for convenience.
Webflow Development
The development phase involved building the website on Webflow, ensuring a seamless transition from design to functionality. Custom animations were added using Webflow’s tools to create smooth transitions and subtle interactions, enhancing the overall user experience. The website was designed to be fully responsive, ensuring optimal performance on mobile, tablet, and desktop devices. Accessibility best practices were followed, including adding alt text to images, ensuring adequate text contrast, and providing a consistent experience for all users. SEO optimization was also implemented, with meta descriptions, structured headings, and optimized alt tags to improve search engine visibility.
Testing and Deployment
Before deployment, I conducted thorough testing across various devices and browsers to ensure compatibility and smooth functionality. Particular attention was given to key user flows, such as navigating the site and interacting with CTAs like “Place an Order.” Feedback was gathered from the client during the review phase to make adjustments and ensure the final product met their expectations. After completing all revisions, the site was successfully launched using Webflow’s hosting, delivering a fully functional and visually appealing online platform.
Key Features and Highlights
The website boasts a professional aesthetic that reflects the brand’s commitment to quality and reliability. Its user-focused navigation ensures an intuitive browsing experience for both farmers and retailers. Subtle animations and interactions create a dynamic and engaging experience, while the responsive design ensures usability across all devices. The integration of an interactive map and detailed contact information enhances user convenience.
