Project Overview
Coding Gurus is a tech-based blogging platform focused on learning articles and solutions covering coding and programming. It includes a community forum where users can ask questions and receive answers, which sets it apart from typical blogging platforms, and an integrated AI chatbot to guide users who still have questions after reading an article. The aim was a user-friendly platform that fosters a strong community while offering comprehensive coding resources, with a modern, clean design suited to a developer audience.
The Challenge
The site's complexity and multiple features posed a challenge, requiring a balance that kept it usable despite that complexity. A thoughtful approach was needed to integrate the forum and AI chatbot, and to create a professional, tech-forward look that would appeal to both beginner and experienced developers.
What We Improved
We focused on a design that clearly separates the platform's crucial elements: original articles, the community forum and the AI chatbot.
Understanding Platform Requirements
Coding Gurus blends a content-driven platform with a community-based forum, so a seamless user flow was essential. User research helped us identify the key journeys: reading articles, posting queries, responding to other users and interacting with the AI chatbot.
Visual & Functional Design
To keep the design lively and tech-savvy, we used Mint Green (#00A76F) balanced with neutral tones for both light and dark modes, so the colour looked crisp and fresh across both themes. The "Satoshi" font was used throughout the platform to align with the fresh, tech aesthetic.
Integrating the Forum & AI Chatbot
With multiple features in play, the design needed to stay uncluttered, so we created dedicated, easily accessible spaces for the community forum. The AI chatbot was placed at the end of every article in a way that feels natural, giving users the chance to ask follow-up questions.
Testing & Feedback
We conducted user testing with people from coding backgrounds to validate the design before launch.
Key Deliverables
- User research and key user journeys
- Visual identity with light and dark modes
- Article and content layouts
- Community forum design
- Integrated AI chatbot experience
- User testing with the developer community
