Agri Schoenau Website Development

The Agri Schoenau website is a platform designed to showcase sustainable charcoal products, promote transparency in sourcing and logistics, and engage customers through educational and news content. As a full-stack developer, I built this project to highlight my expertise in creating responsive, visually appealing web applications with a focus on user experience and modular design. The business is currently undergoing a brand change and I got the opportunity to develop and maintain the revamped website.

Project Contributions

• Frontend Development: Built a responsive and immersive user interface using Next.js and React, featuring a full-screen cinematic video background and interactive product showcases with hover effects.
• Styling and Animations: Implemented custom CSS with a focus on responsive design, utilizing Bebas Neue font for consistent typography and smooth animations for enhanced user engagement.
• Component Architecture: Designed reusable React components for the header, video background, and product sections, ensuring modularity and scalability.
• Form Integration: Integrated form-based contact functionality to facilitate B2B and DTC customer inquiries, enhancing user interaction.
• Content Management: Structured content to highlight sustainability, supply chain transparency, and educational resources, aligning with the brand’s mission-driven marketing goals.

Technologies Used

• Next.js: For server-side rendering and static site generation, optimizing performance and SEO.
• React: For building dynamic and reusable UI components.
• CSS: Custom styles for responsive layouts, animations, and visual effects.
• TypeScript: For type-safe JavaScript development, improving code reliability.
• Git: For version control and collaborative development.

Resources

Explore the code and documentation on the project’s GitHub repository: Agri Schoenau.