Marketing Designer & Developer at Toggl Track

The role

Originally, the role was that of the guardian of the marketing website, handling web design and development. Over time, as the only designer on the marketing team, the role evolved to be more design-centric. Now, on top of designing the landing pages, I create all marketing visual assets on a daily basis, manage art direction for projects with freelancers, and ensure the branding look and voice are consistent with the design team.

Tech Stack

HTML, CSS (SCSS), JavaScript, Git. Recently have been wrangling with: ReactJS, Gatsby, ES6

Tools

Adobe Photoshop, Adobe After Effects, Google Analytics, Figma, HubSpot

Web Design & Development

Design and marketing landing pages and serve as a bridge between the marketing and front-end teams
"Flair Advocate": Finding ways to introduce flair to landing pages, such as incorporating animations
Work with the product marketer and SEO specialist to optimize the website for leads, sign ups, SEO and performance

Screenshot of an app feature — Stylized screenshots for landing pages

Animations to showcase a product, done with Adobe After Effects

Visit recent projects that went live in the past year:

Toggl.com

In charge of web design, development, messaging strategy, and copywriting.

Toggl Jobs page

In charge of web design, development, and messaging strategy.

Toggl Plan website

Sister product of Toggl Track. In charge of web design and copywriting.

Visual Design

Create marketing collaterals such as display ads, sales proposals, and presentation decks.
Provide copywriting for display ads, social media and email banners
Take on the role of Project Manager or Art Director if we were to hire freelancers for bigger projects
The Toggl design principles are: bold, simple, quirky, humane, and empowering

Sample data usage report done for Toggl Track — Data report for users, done with Figma

Sample Sales/Feature PDF done for Toggl Track — Features PDF for the Sales team, done with Figma

A page out of a consumer report titled 'Agency Time Tracking Benchmarks Report 2023'

Five web banners for Google Ads — Display ad banners (old branding)

A part of a Facebook or Linked carousel ad set with the quote: Get the time tracker your team won't complain about

A part of a Facebook or Linked carousel ad set with the quote: Allow your team to track time however they like

A part of a Facebook or Linked carousel ad set with the quote: Ready-to-go time exports in PDF, CSV and XLS formats

A part of a Facebook or Linked carousel ad set with the quote: Send time tracking reminders to the team (just in case...)

A part of a Facebook or Linked carousel ad set with a 5-star user review

Set of Facebook or LinkedIn carousel display ads.

A sample ad banner with quote: The only time tracker that's worked for me

A sample ad banner with the copy: Track time anywhere

A sample ad banner with the copy: One click to start tracking time with Toggl Track

A sample ad banner with the copy: Have an answer for when your client (or your cat) asks what you've done all day

More display ad banners

These are so lovely ❤️! Almost makes me wish I didn't use an adblocker. Feedback on ad designs by the CEO of Toggl Track

An image in the Toggl Wrapped, inspired by Spotify Wrapped: Total time tracked by all users — Inspired by that year's Spotify Wrapped, we created a fun set of social media posts for our own Toggl Wrapped.

An image in the Toggl Wrapped, inspired by Spotify Wrapped: Busiest and slowest month by usage — Inspired by that year's Spotify Wrapped, we created a fun set of social media posts for our own Toggl Wrapped.

Sample social media post: Total Togglers hired — Sets of social media posts to promote a feature or a specific blog post

Sample social media post: Total time tracked for the health challenge — Sets of social media posts to promote a feature or a specific blog post

Other

Part PPC Specialist for ~12 months, where I had to create and maintain Facebook and Instagram ad campaigns with quarterly budgets ranging from $300 to $15K. This role also includes conducting campaign optimization and implementing retargeting strategies, event tracking and reporting in Google Analytics

Learned Adobe After Effects for simple animations. This was eventually required even if my primary tool was HTML and CSS due to the lack of options to export HTML/CSS into high-quality GIFs or videos.
Learned more about ad campaigns, even if I wasn't a fan of the process (or the platform); there is a certain satisfaction in successfully getting an ad down to $0.01 per click.
I got a MacBook, which then kick-started my learning of using Sketch. I am a Figma convert now, though.

Her landing page work and animations are so so so awesome. Next level stuff. She also has this natural curiosity to just try new things. Feedback in an anonymized 360° review at work

Explore Other Work

JobKred

As the only designer and resident HTML/CSS coder, I designed and coded all landing pages, the web app and marketing collaterals

Image for CodePen work item: Screenshot of a restaurant website

Started out as a way to practice when I wasn't doing much design and coding, it became a very lovely pastime to test out wacky concepts

See examples

Marketing Designer & Developer at Toggl Track Toggl Track is a time tracking app that allows users to track their daily activities across different platforms, providing detailed insights to optimize productivity.

Web Design, Visual Design, Web Development