Zapia, an advanced AI personal assistant developed by BrainLogic AI, stands out by simplifying daily tasks through conversational AI via WhatsApp. The website serves as the primary interface where users can explore the application's features, read insightful blogs, or directly jump to using Zapia through its App or WhatsApp. Attracting an impressive 1M+ visitors per month, Zapia's online presence is both robust and engaging.
Building on BrainLogic AI's core design, our mission was to breathe life into these visuals with technical expertise, ensuring that the design captivated and worked seamlessly across all user interactions. The challenge was to elevate the existing site to not only attract users but also actively encourage conversion towards app usage, support multiple languages, add blogs, and provide flawless mobile responsiveness.
"Sagitta has really stepped up for us. They’ve not only delivered top-quality results fast, but they’ve also been a huge help in other parts of our business."
Juan Pablo Pereira - CEO
Our approach began with a comprehensive restructuring of the site’s architecture. By employing CSS & Tailwind for fluid styling, we ensured that the design maintained its aesthetic appeal across various devices. The usage of React allowed us to create dynamic, responsive elements that guaranteed a consistent user experience whether accessed on a desktop, tablet, or mobile device.
In addition to the visual enhancements, we recognized the importance of accessibility for a global audience. We implemented an automatic language selection feature that adapts to the user’s location, thereby enhancing the site’s usability for diverse demographics. This multi-language support was crucial in making the site more inclusive and expanding its reach to anyone on the map.
To ensure users stayed informed with the latest posts and news, we integrated Prismic as the content management system (CMS) for the blog page. This integration allowed BrainLogic AI to easily manage and update blog content, ensuring that new information could be published quickly and efficiently. Prismic made it simple to keep the blog dynamic and up-to-date to keep users informed about the latest updates related to Zapia.
Performance optimization was another critical aspect of the project. Deploying the redesigned site on Cloudflare significantly reduced load times and operational costs while ensuring robust security and reliability. This not only improved the user experience but also provided BrainLogic AI with a more efficient and cost-effective platform.
Our technical selection was defined by the use of advanced technologies that ensured the success of Zapia’s website redesign. At the forefront of this effort was the combination of CSS & Tailwind with React, pivotal in crafting an engaging and interactive user interface. Tailwind provided us with a highly customizable framework that allowed for rapid and consistent styling across the site. This utility-first CSS framework enabled us to create a visually cohesive and responsive design, ensuring that every element on the site maintained its integrity across various screen sizes and devices.
React, known for its component-based architecture, facilitated the development of dynamic and interactive elements. By breaking down the user interface into reusable components, we ensured not only consistency and maintainability but also improved the overall user experience.
Next.js played a crucial role in optimizing site speed and SEO. This React framework significantly improved the site's performance by pre-rendering pages and delivering them faster to users. Also, deploying the redesigned site on Cloudflare further enhanced performance and security. Cloudflare’s CDN distributed the site’s content across multiple servers worldwide, ensuring quick load times regardless of the user’s location. This global distribution minimized latency and provided users with a faster and more reliable browsing experience
This selection of technologies—combining the strengths of CSS & Tailwind for styling, React for interactive UI development, Next.js for performance and SEO optimization, and Cloudflare for enhanced security and speed—ensured that the site was not only visually appealing but also highly functional and efficient. By leveraging these advanced tools, we created a platform that excelled in both form and function, providing an exceptional user experience that met and exceeded client expectations.
The resulting redesigned website exceeded the client’s expectations, leading to a marked improvement in user engagement and conversion. The new user-friendly interface significantly lowered bounce rates and increased time spent on the site and conversion towards using Zapia through the app and WhatsApp. Enhanced functionality, such as the addition of QR code scanning and direct app store links, streamlined the user journey from the website to app usage. The multilingual platform effectively catered to a diverse user base, increasing the site's reach and usability.
