Sizzle AI Website Design
About Sizzle AI
Sizzle AI is a free app designed to assist users in solving step-by-step and word problems. Sizzle generates step-by-step answers to math equations and word problems, covering subjects like physics, chemistry, and biology.
Project Overview
SizzleAI needs to establish its online presence to enhance visibility, engage its audience, and effectively communicate the unique capabilities of its mobile app.
Goals
Showcase mobile app features
Establish our brand
Highlight our team
Recruitment platform
Convey company culture
The Design Process
Discovery:
To initiate the design process, I collaborated with our Head of Marketing to gain insights into our brand identity and how we wanted to convey it to our audience.
Drawing inspiration from these discussions, I conducted market research on the Ed-Tech space to understand how others companies were showcasing their products to ensure our approach was comparable but unique.
Collaboration and Constraints:
I collaborated with our Product Manager to align our design goals with the project timeline and constraints. Here, I got a clear understanding of our goals and the specific parameters that guided the development of the website.
Ideation and Wireframing:
Armed with valuable insights from our Marketer, findings from competitive research, and clear project requirements, I transitioned to the ideation phase. I created low-fidelity wireframes of using Figma to quickly ideate on the layout and content presentation of the website.
Here were the final wireframes
Overcoming Hurdles:
Given the urgency and limited engineering capacity, the decision was made to build the website using Squarespace. Despite having no prior experience with the platform, I enthusiastically embraced the challenge, quickly becoming proficient with Squarespace's versatile tools.
The decision to build our website using Squarespace proved to be a strategic one, allowing us to meet our timeline constraints while delivering a polished and impactful website.
Furthermore, to bring dynamic elements to the website, animations were developed using Adobe After Effects.
The results were remarkable...
Next Steps?
Building on the success of our website launch and the increased visibility it brought, the next move involves expanding our reach and accessibility. The decision was made to embark on the development of "Sizzle for Web."
This initiative aims to adapt and extend the SizzleAI experience to a web-based platform, catering to a broader audience and providing users with seamless access to our innovative features across different devices.