Animarama

// About This Project

Project Summary

Animarama is a LATAM startup that aims to build a community and marketplace for animation assets tailored to small and medium-sized companies. Artists can submit their work and earn revenue per download, while users can subscribe for access to personalized content.

Animation assets marketplace
Landing page
Startup

“Innovating in the advertising industry by generating new market opportunities for SME and creators democratizing animation access…”

Taken from Animarama manual.

Translated by me.

Animarama Logo. Taken from their manual.

// The Challenge

The Problem

The Animarama team needed a landing page that clearly communicated their style, unique value proposition, and market potential to investors for an upcoming pitch meeting.

Context

As a startup with limited resources and a tight deadline, the team needed a website that highlighted their skills and proposal within a week. The design had to balance creativity with feasible implementation, ensuring the page could effectively serve as an entry point for investors.

My Role

I was responsible for designing and prototyping the landing page. I also contributed to the creation and design of various animation assets featured on the site. I worked closely with the developer to ensure the site could be implemented in a short time frame.

Technologies used:

Figma
Miro
React

Actual website mockup.

Character design for the page.

// Solution

My Proposal

The main goal of the landing page was to introduce the project and encourage visitors to subscribe to the newsletter. I chose a design that combined a squeeze page with a 'Get Started' approach.

The hero section introduces the company and its value proposition, followed by a video to showcase their work and encourage engagement. Below that, there's information about how the platform benefits both artists and users, culminating in a call-to-action (CTA) for newsletter signup.

Screenshot of wireframe made in Miro.

My Workflow

Develop a strategy for the landing page design
Create a wireframe and discuss it with the team, incorporating their feedback
Design the site and animation assets
Build the Figma prototype
Collaborate with the team to refine the prototype
Supporting the developer in the implementation of the site
Conduct quality assurance with the team

Screenshot of prototype made in Figma.

Animation assets movement diagram for motion graphics artist.

// Impact

The design received very positive feedback from the team, and we successfully implemented the landing page within the tight deadline. It was showcased during their investor presentation, helping the team secure crucial resources for the startup.

In August, the site attracted 134 subscribers to the newsletter.
The team secured a deal with an investor from the presentation.

Visit the website

Set of assets created for social media and publicity

// Key Quotes

Key Takeaways

This project allowed me to significantly expand my knowledge of React through close collaboration with the developer. Working within a multidisciplinary team in a startup environment also improved my digital marketing and web development skills. Despite the tight timeline and high expectations, the experience gave me a deep sense of accomplishment and growth.

Character design for animation assets.

Testimonials

"Alonso was a crucial element in the development of Animara's website. His creative proposals and his willingness to collaborate with our team gave us the opportunity to implement everything we had planned—and more. In the end, our image was renovated for better application within web environments thanks to Alonso."

Mel Izanami

Animarama CEO