Back

SVGator

New pages, existing stack, strict review

SVGator website section titled Powerful SVG editor, with the animation editor open on an astronaut avatar illustration.
SVGator website section on hover-triggered animations, with a chess piece animation and mouse-over settings.
SVGator website gallery of colorful animated SVG examples under the Trusted by teams at heading.
SVGator website section titled Powerful SVG editor, with the animation editor open on an astronaut avatar illustration.
SVGator website section on hover-triggered animations, with a chess piece animation and mouse-over settings.
SVGator website gallery of colorful animated SVG examples under the Trusted by teams at heading.

Team

3 members

Country

USA

Industry

Design Tools

About Project

Who Was the Client?

SVGator is a browser-based, no-code animation platform founded in 2017. Product teams, agencies, designers, and developers use it to create production-ready animations — icons, logos, illustrations, loaders, UI elements, and interactive graphics — and export them as SVG, Lottie, GIF, or video, or as code for React Native and Flutter. It has more than 130,000 active users, and teams at Spotify, Canva, Wix, and Webflow build with it.

SVGator brought Synterra in to work on its website — the feature pages, tutorials, pricing, and blog where people first meet the product.

What Was the Client's Request for Collaboration?

Three kinds of work: build new pages, edit existing ones, and update the design of pages already on the site.

The work came with firm constraints. The website runs on React 17. No new libraries could be added — everything had to be built with what was already installed. And every change went through strict code review by SVGator's own team before it shipped.

What Was the Expected Outcome?

  • New pages live on svgator.com
  • Existing pages edited and brought up to the new designs
  • Everything built on React 17 with the libraries already in the project — nothing new added
  • Every change accepted by SVGator's code review

How Did the Collaboration Work?

Synterra worked directly in SVGator's website codebase. Each new page, edit, or design update went to SVGator's team for review, and nothing shipped until they approved it.

The engagement covered a defined set of pages and design updates. Once all of them were delivered, the cooperation paused until SVGator's next batch of website work.

Challenges

Strict code review by the client's team

SVGator's engineers reviewed every change against their own standards. Code that worked but didn't fit the codebase wasn't enough — it had to pass their review.

Solution: Followed the conventions already in the codebase instead of bringing our own, so new pages and edits read like the rest of the project.

React 17 and no new libraries

The website runs on React 17, and adding dependencies was off the table. New pages and design updates had to be built with what the project already had.

Solution: Built everything with the libraries already installed. No new packages were added during the engagement.

Achievements

What Was the Result?

Before:

  • New pages to build and existing pages to edit and redesign
  • A React 17 codebase with a frozen dependency list and strict review on every change

After:

  • New pages live, existing pages edited and updated to the new designs
  • Built entirely on the existing stack — no new libraries added
  • Every change passed SVGator's code review
  • All requested work delivered; cooperation paused until the next batch

Tech Stack

React

Gatsby

Sass

Material UI

Flow

01

Build

New pages, edits, and design updates on React 17 with the existing libraries

02

Review

Every change through SVGator's strict code review

03

Deliver

Requested scope live; cooperation paused until the next round

Team

2 Front end

1 QA

Contact Us

Got a product to build? Let's talk.