From Concept to Clicks: Crafting Sizzle AI's Debut Website

From Concept to Clicks: Crafting Sizzle AI's Debut Website

From Concept to Clicks: Crafting Sizzle AI's Debut Website

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.

Role

Lead Designer

Time

June 2023 - July 2023

Project Overview

I spearheaded the creation of Sizzle’s debut website. Designing vibrant graphics, animations, and engaging text, the site served as a dynamic showcase for numerous features of our mobile app. The website was also used to spotlight our amazing team and as a platform to recruit talent to join the company.

I spearheaded the creation of Sizzle’s debut website. Designing vibrant graphics, animations, and engaging text, the site served as a dynamic showcase for numerous features of our mobile app. The website was also used to spotlight our amazing team and as a platform to recruit talent to join the company.

Collaborators

Collaborators

Saman Haqqi (Marketing/Branding)

Sameera Salari (Product Manager)

Alex Tambellini (Engineer)

Saman Haqqi (Marketing/Branding)

Sameera Salari (Product Manager)

Alex Tambellini (Engineer)

Role

Lead Design Intern

Time

June 2023 - July 2023

Collaborators

Saman Haqqi (Marketing/Branding)

Sameera Salari (Product Manager)

Alex Tambellini (Engineer)

Problem Statement

Problem Statement

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.

Final Designs

Final Designs

The results were remarkable...

The Impact:


Within the first 3 months, our website achieved extraordinary milestones:


  • 50,000+ unique views

  • 4,000+ clicks app store


This increased traffic demonstrated a successful conversion of website engagement into app downloads.


Increased visibility and online presence

In a testament to the immediate impact of our website launch, Sizzle AI gained substantial recognition by being featured in a Forbes article shortly thereafter.

This notable exposure resulted in thousands of additional visitors to our platform.

The Impact:


Within the first 3 months, our website achieved extraordinary milestones:


  • 50,000+ unique views

  • 4,000+ clicks app store


This increased traffic demonstrated a successful conversion of website engagement into app downloads.


Increased visibility and online presence

In a testament to the immediate impact of our website launch, Sizzle AI gained substantial recognition by being featured in a Forbes article shortly thereafter.

This notable exposure resulted in thousands of additional visitors to our platform.

The Impact:


Within the first 3 months, our website achieved extraordinary milestones:


  • 50,000+ unique views

  • 4,000+ clicks app store


This increased traffic demonstrated a successful conversion of website engagement into app downloads.


Increased visibility and online presence

In a testament to the immediate impact of our website launch, Sizzle AI gained substantial recognition by being featured in a Forbes article shortly thereafter.

This notable exposure resulted in thousands of additional visitors to our platform.

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.

Projects

|

RealClear Mobile App - coming soon

© 2024 Christopher Grant

© 2024 Christopher Grant

Projects

|

RealClear Mobile App - coming soon

© 2024 Christopher Grant