Codecamp started out back in 2008, in an extremely young IT landscape that showed significant signs of growth in the future. Three professionals in the field felt the need to create a space where the community could meet and share knowledge and ideas. In the past 12 years, the conference grew to a nation-wide multi-annual event, with over 40.000 attendees and more than 45 conferences, important partners (both companies and communities) and international speakers from major companies. The conferences now cover a lot of fields including AI & Machine Learning, IoT, Web Development, Architecture & Software Development, Testing, Cloud, Mobile, Management & BA, Automotive, Fintech, Startup & Entrepreneurship
The founders came to us with the feeling that their current visual and verbal identity didn’t match the point they reached. They needed Codecamp to look, feel and talk according to what they believe it represents now, an established and trustworthy series of events. So we started the project by doing our usual research into the brand and the IT events landscape in Romania. We talked a lot about these past 12 years, what matters to them, the public and the partners, what their future goals are. We dug deep to find insights and how to translate them into a new visual and verbal communication system.
This project showed us yet again why research is so important and why we always spend time in interviews. Where these were over, we asked ourselves what Codecamp is truly all about, and the answer was right there in front of us. Codecamp is not about any particular track, presentation or masterclass. It’s about the new careers that start after the conference ends, the new teams and projects that are born from the people that meet there and exchange ideas, the impact and growth that is felt in the years to come in the industry itself. Codecamp is about what happens next. This became the new tagline.
We designed the new identity from this core message outward. The new logo is a bold, modern statement that shows a brand that knows what it’s doing. The ongoing story writes itself and the blinking cursor conveys this exact message, that Codecamp is always about what is written next. We chose to be even bolder by opting for dark backgrounds with white lettering for almost all of the digital touchpoints. Because every city is a chapter in Codecamp’s book, we developed a colour system that assigns different colours to each of them.
After having designed the entire new visual style (logo, colour system, typography, graphics, photography, compositions), we started implementing all of the materials that were needed to ensure a completely new brand experience in every touchpoint: signage, business cards, letterheads, presentation templates, event lanyards and badges, apparel, event agendas, gift-bags and all the digital assets from email to social media. We gave ourselves time to experiment with these so we could establish design guidelines throughout the process. We ended the first phase of the project by developing the visual identity guidelines for the new Codecamp brand.
The next phase of the project was the UX/UI design for the Codecamp websites: the main website and the city landing pages. Our approach was mobile first and the goal was to align the website experience and interface with the new visual identity, while making sure that the main user goals, registering and content consumption, are easier to achieve. We brought the cities closer to the user, so now less steps are necessary to register or check out the speakers and the agenda. Micro-interactions offer a much more pleasant and rewarding navigation on the websites. The Blog and the Connect pages are still in development, but these were also redesigned from the ground up.
Responsive web design
We started with designing the mobile screens, since a majority of the visitors are mobile users and an even bigger number are techies. The frontend and backend development was done by Strongbytes, a software development company in Iasi. Working together with them was flawless as they respected all our design specifications. That’s why everything looks and functions impeccably.
As mentioned before, each city has its specific colour within the general brand identity. We did this to honour the local communities and to differentiate the events on the long run. We designed the specific sections of the landing pages, created the main copy for them and then tested, tested, tested. Almost double the amount of design hours for the website was put into working with development to ensure everything runs smoothly.