The Problem
Keos, a Colombian company specializing in chatbots and WhatsApp APIs, was facing several challenges with its existing online presence. The website lacked an engaging and modern user interface, making it difficult to effectively showcase their services. Also, poor SEO practices were hindering the site's visibility, resulting in low organic traffic and missed opportunities to attract potential clients. The site was also not optimized for mobile devices, which negatively impacted user experience and engagement. Furthermore, the lack of integrated analytics tools made it challenging for Keos to gain insights into user behavior and traffic trends, limiting their ability to make data-driven decisions. The company needed a comprehensive solution that would not only revamp the website’s look and feel but also improve functionality, responsiveness, and search engine performance.
Solution
Design Overhaul
Starting with a detailed Figma prototype and Adobe XD wireframes built by a specialised UI/UX designer. Working independently I initiated a complete re-build of the website using Astro and Tailwind CSS. The focus was on incorporating Keos' specific requirements and objectives into the design for a more user-friendly and visually appealing interface.
My main tasks included:
- Developing the front-end: Utilizing Astro and Tailwind CSS to create a responsive and visually appealing interface.
- Implementing Content Management and Analytics Tools: Setting up Sanity.io for content management and integrating Tracardi analytics for data tracking and insights.
- Ensuring SEO Optimization: Implementing robust SEO practices to enhance the site’s visibility and ranking on search engines.
- Facilitating a Smooth User Experience: Overseeing the integration of interactive elements and ensuring the website was easy to navigate and fully responsive across devices.
Features
- Testimonials Section:
- Included a testimonials section featuring client feedback and satisfaction with Keos' services, implemented with React Islands and the Slider.js library.
- Analytics Integration:
- Integrated self-hosted Tracardi analytics tools to track user behavior, monitor traffic trends, and gather insights.
- Contact Forms:
- Implemented user-friendly contact forms for easy communication that link to existing CRM in ActiveCampaign.
- Blog Section:
- Integrated a blog or news section for sharing industry insights, updates, and company news via a Sanity.io hosted CMS.
- Also include Pagination and a dynamic search using Fuse.JS and a JSON api endpoint that provides instant results.
Modern Interface
The resulting site now boasts a modern and visually appealing interface that captivates visitors. Carefully curated design elements effectively highlight Keos' chatbot and WhatsApp API solutions, providing an engaging and immersive user experience.
SEO Enhancement
Recognizing the importance of search engine optimization, I implemented robust SEO strategies. This ensured improved visibility and organic rankings for the website, addressing the initial struggles Keos faced in this area.
Results
With the implementation of Astro and the Tailwind CSS framework, Keos now has a powerful online platform. The redesigned website allows them to showcase their expertise in the chatbot and WhatsApp API domains effectively. This, in turn, attracts a wider audience, opening up new business opportunities for the company.