Discover how we cloned X.com with AI Tools – Get the case study!
DIGITAL PRODUCT STUDIO
Empowering the Next Generation with STEAM Academy
​STEAM Academy entrusted us with creating a digital presence that reflects their innovative educational approach. The challenge? Developing a website that captures the excitement of their afterschool programs where children aged 4-12 use robotics, programming, and AI to solve humanity's greatest challenges.​​
ABOUT STEAM ACADEMY
STEAM Academy is revolutionizing after-school education as a Public Benefit Corporation. They're responding to a critical need: 65% of today's students will work in jobs that don't yet exist, and STEAM-related positions pay 70% above average.
Through their interactive programs, they prepare the next generation with essential 21st-century skills:​
-
Problem-solving through real-world challenges
-
Teamwork and collaboration
-
Programming fundamentals
-
Critical thinking and analysis
They develop unique LEGO-compatible robotics hardware, complemented by various mobile applications and a learning management system. Children build these robots during mission-based activities, taking on roles such as superheroes saving Earth while developing crucial STEAM skills.
OUR ROLE IN
EDUCATIONAL
INNOVATION
Education has been at the heart of Bobcats Coding since its inception. One of our founding goals was to create a financial foundation for investing in domestic educational projects, with 30% of our company's profits allocated to this fund. So when STEAM Academy approached us with their project, we were thrilled to take on the challenge.
From the start, our mission was clear: create a website that reflects STEAM Academy's forward-thinking approach to education. The project demanded a perfect blend of futuristic design and practical functionality, requiring expertise across multiple disciplines:
​
-
UX/UI design reflecting their innovative educational approach
-
Custom component development
-
Content management system integration
-
Multi-location support for international operations
-
High-performance optimization for a seamless user experience
DESIGNING TOMORROW'S INTERFACE
Recognizing this would be a design-heavy project, we partnered with Studio Stereogram's design team to develop a super-flashy, futuristic, animated website design. The approach to STEAM Academy's digital presence began with two distinct design proposals: a 3D-based solution inspired by narrative game characters, and a 2D content-focused approach. While both concepts were fully developed, STEAM Academy ultimately chose the 2D direction for its clarity and content-first philosophy.
Moodboard Survey
We conducted a moodboard-based survey to clarify stylistic questions, uncovering STEAM Academy's aesthetic preferences: a bold purple color palette, modern monospace typography, and a strong emphasis on content-rich presentation with multimedia elements.
Storyframe Workshop
This pivotal moment involved mapping out STEAM Academy's core values and primary activities. Using affinity diagrams and priority scaling, we created a structured content framework that would guide our development.
Digital War Room
Based on client conversations and workshops, the design team began creating look and feel concepts in a war room setting. This digital war room approach continued throughout the project, streamlining workflows by creating a centralized hub for all project assets and decision-making, enabling seamless collaboration between stakeholders across different time zones.
UI Design
The transition from concept to concrete design began with comprehensive wireframes for both desktop and mobile versions, incorporating clear UI-level solutions. These frameworks, combined with insights from our initial testing, led to the development of a highly animated website design. The final UI featured a techie yet modern typeface complemented by thoughtfully integrated iconography, iframe-embedded content, and strategic 3D assets in the header and footer sections.
The design team delivered both animated and static prototypes to the development team, providing a comprehensive blueprint for implementation. This systematic design process created a foundation for a website that not only looks impressive but effectively communicates STEAM Academy's innovative educational approach through every interaction and visual element.
BEYOND THE BUILDER
The client had a very specific design vision, wanting a truly flashy and futuristic website that couldn't be built with traditional website builders like Webflow or Wix. They also needed to easily customize content in the future. Our development team crafted a solution that balanced cutting-edge features with practical content management needs:
Instead of traditional website builders, we implemented Builder.io to create a custom-feeling website that remains easily editable by the STEAM Academy team. This solution offers:
-
Custom-developed components
-
Easy content updates without developer intervention
-
Flexible layout control while maintaining design integrity
PROJECT EXECUTION
The journey began in the summer of 2023 when STEAM Academy approached Bobcats. The collaboration kicked off in the fall, culminating in a successful website launch in February 2024. Throughout the 3-4 month project timeline, our dedicated teams worked across multiple phases:
​
-
Design Phase: 1.5-2 months with a team of 4 designers, scaling down to 2 by project completion
-
Development Phase: 1.5-2 months with 2 software engineers
-
Regular Touchpoints:
-
Weekly international stakeholder meetings
-
Continuous Slack communication at operational and development levels
-
Agile response to feedback and evolving requirements
-
MISSION ACCOMPLISHED
The final product not only realizes STEAM Academy's future-oriented educational vision but delivers tangible results:​​​​​​
VISION ACHIEVED
-
​A dynamic, engaging website that reflects their innovative educational approach
-
Seamless content management for international teams
-
High-performance metrics supporting their growth goals
IMPACT IN NUMBERS
-
Enhanced SEO performance leading to increased visibility
-
Direct school inquiries within the first 10 days of launch
-
Unsolicited positive feedback from schools and parents
-
Improved organic discovery and direct outreach from educational institutions
CLIENT'S VOICE
​“Thank you to everyone involved. We feel much better with the current site and we already started to build on it. In just 10 days we started receiving direct school contacts and real compliments from schools and parents about the new site. So good job & thanks again.”
László Békéssy
Product Owner & CTO
The website stands as more than just a digital platform – it's become a living embodiment of STEAM Academy's innovative spirit and educational vision. Experience it yourself here.