UI/UX Design & Animation for Time-Tracking Service
- Other Design
- Less than $10,000
- Sep. - Oct. 2018
- Quality
- 5.0
- Schedule
- 5.0
- Cost
- 5.0
- Willing to Refer
- 5.0
"FireArt is an amazing one-stop shop for web design and development."
- Software
- Tallinn, Estonia
- 51-200 Employees
- Online Review
- Verified
FireArt Studio provided UI/UX design for a mobile app landing page, creating a streamlined interface to highlight product features. They also produced animations for SMM campaigns to encourage downloads.
Results from FireArt Studio’s contributions included a 60% open rate for both SMM and email campaigns and widespread positive feedback from customers. The team’s prompt incorporation of feedback, deadline-driven workflow, and self-initiative contributed to a productive partnership.
The client submitted this review online.
BACKGROUND
Please describe your company and your position there.
I work in mobile marketing at Toggl, a SaaS [software-as-a-service] company that offers time-tracking applications for desktop, web, and mobile. Our headquarters are in Tallinn, Estonia, but most of our team members work remotely, all over the world. Our products include Toggl, Teamweek, Hundred5, and Superday.
OPPORTUNITY / CHALLENGE
For what projects/services did your company hire FireArt Studio?
While doing a major overhaul of our Toggl mobile time-tracking app, we decided to try a different strategy using a landing page that represents features and offers a value proposition to users. Our vision required high-quality design and animation and a clean UX. Because our designers were working on different projects at the time, we decided to hire a design agency to take on this project and deliver a quality design within a specific timeframe, allowing our marketing campaigns to go ahead as planned.
What were your goals for this project?
We needed a unique landing page that distinguished our brand from other apps and solutions. We wanted to be able to display features on a phone mockup in a way that would stand out and drive more traffic to the page, thereby encouraging more people to download and try the app.
Our deadline for the design part of this project was rigid, as the in-house developers were already busy with other projects at our company. We needed our outside design team to react quickly, understand our feedback, and redesign based on our objectives.
Also, once we hired FireArt, they pointed out that the page needed to be designed in a way that would allow simple updates in the future. This mostly involved updating content and revising small parts of the page design while maintaining the same flow and overall look.
SOLUTION
How did you select this vendor?
Our team thoroughly researched vendors on Behance and Dribbble. After selecting five agencies that met our criteria, we started negotiations. We’d worked with FireArt before on a smaller project in which they designed several pages for our out-of-office remote work guide. Even though we really liked their work on that project, we wanted to give each agency a fair chance since our five options had great portfolios. After 10 days of negotiations, we narrowed our selection to three agencies before proceeding with FireArt after an extensive interview. They offered the best mix of availability and price, along with a detailed and informative proposal.
Their developers also offered to assist with the project, in case our development team wasn’t available to finish in time. This backup option combined with our positive experience collaborating with them in the past made FireArt the best fit for our important, deadline-driven project.
Describe the project in detail.
After we finalized our agreement, FireArt immediately started designing the wireframes and initial sketches based on our initial email. The next day, we received the first draft, which showed us that the whole project was moving in the right direction. As we continued the work, we maintained day-to-day communication via Slack. Every day, FireArt sent new designs and updates based on our brief, feedback, and their own ideas.
After two weeks, the design part of the landing page was done, and they started working on the animations, which were finished a week after we approved the design. During both the design and the animation process, FireArt was open to making changes and improvising certain aspects of the project when our team didn’t have ideas for promoting and showcasing certain features of the app. This assistance allowed us to finish the whole project before our official deadline and even gave us extra time to tackle bonus tasks.
What was the team composition?
We were assigned a project manager at FireArt who acted as our main point of contact and coordinator. The team included a UX designer, a character designer, and an animator. Each of these people had contributed to projects listed on FireArt’s Dribbble page, which we’d used as a reference of what we wanted to see in our project. Having the same people in charge of our project was fantastic.
RESULTS & FEEDBACK
Can you share any outcomes from the project that demonstrate progress or success?
Because we’ve had to delay the site’s launch due to the upcoming launch of our new app, we still can't share the link. So, we don’t have specific results of actual site traffic from the new landing page itself. However, we did use FireArt’s animations to advertise the new app through Facebook, and users are really reacting positively to these elements, resulting in a fairly low price per click.
We’ve also used FireArt’s designs and animations for two email campaigns and plan to launch more to re-engage some of our mobile users. This gave us incredible results, including a 60% open rate for both campaigns and an amazing 20% click-through rate. Additionally, we’ve received a lot of positive feedback from users who’ve contacted our customer support. We expect to promote the page made by FireArt heavily during the next year, which will boost our site traffic and app downloads.
How effective was the workflow between your team and theirs?
All four team members communicated constantly and provided punctual updates and comments. We collaborated over Slack and received weekly reports that showcased FireArt’s progress and the tasks remaining. We never had a problem communicating with FireArt. Because of our relaxed interactions, we could easily explain any changes we wanted and provide guidelines if needed. All in all, great communication paved the way for a great workflow, which resulted in a prompt delivery.
What did you find most impressive about this company?
I was amazed by how quickly they created the early sketches and pushed from the first draft to final deliverables in just two weeks. I can’t emphasize enough how important our deadline was and how much FireArt’s ideas helped us communicate certain features of our new app.
Since we don’t have many in-house designers, we do hire vendors from time to time. However, this collaboration with FireArt was truly an amazing experience. We’d like to hire them for future campaigns, especially because they’re expanding into areas like coding and development.
Are there any areas for improvement?
I honestly can't think of any issues. Their development team could be more involved in our future projects. FireArt is an amazing one-stop shop for web design and development.
RATINGS
-
Quality
5.0Service & Deliverables
"They perfectly captured our idea."
-
Schedule
5.0On time / deadlines
"They met our tight deadline."
-
Cost
5.0Value / within estimates
"The price is more than fair for the amount of work they delivered."
-
Willing to Refer
5.0NPS
"I've personally recommended them to some of our collaborators.