Tools for Remote Teams

Tools for Remote Teams

We made a dedicated page called Remote because people loved our article, Tools We Use In 2020. Think of it as our reviews for the tools we use every day. Please tell us if you know something fresh we should try.

New Work — G7

New Work — G7

We’re beyond stoked to launch the brand new G7.com.cn with their fantastic marketing team.

We redesigned the entire site with aligned visual language. The frontend and backend were rebuilt with the latest technology and systematic modules. The result, as you see, is a fast, reliable, easy to navigate website that tells the story precisely what the brand is trying to communicate.

New Work — Edu Transfer

New Work — Edu Transfer

Our friends at xCurrency just launched Edu Transfer, check out the website and animations we designed for them.

New Client — G7

New Client — G7

We’re super excited to announce our latest partnership with G7 Networks.

G7 Networks is China’s technology leader for the logistics sector. Its offerings span all aspects of fleet management, including order processing, short/long-haul visibility, asset tracking, dispatch, and route planning. 85% of China’s largest logistics providers rely on G7 for their fleet management needs.

Tool We Use In 2020

Tool We Use In 2020

As a remote team since day one, we use many tools to stay connected within the team and with clients. Here are some of our favorite tools that we will be using every day in 2020. Note that we’re continually experimenting with new tools and services, this list might change in time, but we’ll make sure to keep you posted.

We made a dedicated page called Remote, check it out!

📣 Communication

Slack

The central hub of our daily communications since 2013. It’s connected to Figma projects, Zoom meetings, Notion docs, GitHub web hooks, and a ton of Slack bots to make our job easier. We also invite our clients to join Slack via Shared Channel if they happen to use Slack as well.

Zoom

The best tool for online meetings, period.

Loom

Loom is not only a coincidence by name but also happens to be the most elegant solution for asynchronous communication. Let’s just say we’re obsessed with making tutorial videos internally.

Notion *

We use Notion as our document center and collaborative todo list, sometimes. We gave up the idea of using a centralized todo app a long time ago since we all have different preferences and paces. We also use Notion for expense tracking and social media publishing queue.

Spark

We love Spark for Teams. We can write emails together, and discuss emails without get stuck in reply-all hell. My favorite feature is Templates, which saved me so much time.

G Suite

We use Gmail and Sheets. We export CSVs from Timemator and upload them to Sheets then send along with invoices.

WeChat Work

We recently integrated WeChat Work to our deal pipeline and added it to our About page.

Standuply - Replaced with Roadmap

We installed the Standuply bot in Slack to automate stand-up meetings and weekly reviews.

🎨 Design

Figma

Our primary design tool. We used to have Sketch, Abstract, and Zeplin, but it was messy and expensive. Now everything is in one place instead of all over the place. We do use AI occasionally for brand identity work.

Drama

Currently, Drama is our favorite tool for creating sophisticated interactions and animations. Although most of the time, we use Prototype in Figma. Before Drama, we have been using Origami, Flinto, and Principle for years.

Fontstand

We’re all huge font nerds, and we use Fontstand to try out fonts for each new project.

Dropmark *

We started using Dropmark when there weren’t many choices around for board collecting. Now, the market is crowded, but we stuck to it mostly because we forget to cancel the subscription every year…

Whimsical - Paused and replacing it with Figma

The best tool for creating wireframes and flowcharts.

Paste - Paused, waiting for Pitch

We’re big fan of presentations, the best way to sell a design is to present it beautifully. Can’t wait to get our hands on Pitch and give it a spin.

🕹 Management

Roadmap

We recently switched to Roadmap for project management. It’s a timeline based approach, more suitable for visual thinkers. You can really see what’s coming next and who’s working on what.

GitHub

We mainly use GitHub for our website and collaborate with other developers.

Dropbox Business

The good ol’ box. We use it to share legitimately paid fonts, and most importantly, store contracts.

Zoho Books

All the fancy new tools have failed us, we started using Zoho one day and never looked back.

Harpoon

We use Harpoon to send estimates and invoices. But we ditched its time tracking because the mac app lacks features and updates. Instead, we use Timemator for much more accurate tracking.

Basecamp

We have been paid customers of Basecamp for years, but it’s really slow to use in China and lacks Chinese support. As I mentioned, now we invite our clients to Slack. We still use Basecamp or Tower occasionally if the project requires a lot of sending deliverables and documents back and forth.

Octopus

Octopus is so much more than a visual sitemap builder. It makes so much sense to track the progress of web projects when you can see the whole picture.

🛠 Miscellaneous

Fathom *

We value our visitors’ privacy as much as our own. That’s why we replaced Google Analytics and Gauges with Fathom, a privacy-focused alternative.

CowTransfer

The best service in class to transfer large files.

Smallpdf

All-in-one PDF tools, for those who can’t afford Acrobat. 😂

Revue *

If you’re a subscriber of Dine News, you probably have seen Revue.

Smallchat

Smallchat is connected straight to one of our Slack channels, so visitors to our website can talk to us directly without leaving the page.

Netlify

Our shiny new toy. Currently serves as our build and test platform for Jekyll and Gatsby sites, it’s super fast and a pleasure to use. We’re thinking about switching from AWS to Netlify for all of our sites.

Fast.io

We build our website using Jekyll and test it internally with Fast.io. It’s super fast and a pleasure to use.

Gauges

Simple and easy to understand analytics service.

💸 Expense

Approximately $3850 per year.

* are affiliate links.

Happy Chinese New Year

Happy Chinese New Year

Happy Chinese New Year! We wish everyone health, wealth and happiness in the Year of the Rat. 🧨 🐭 🍽

Download as wallpaper for iPhone 11 Pro or iPhone 11 Pro Max

Hello 2020

Hello 2020

The team at Dine celebrates the new year by launching our new website, along with a long-overdue facelift and many brand new case studies.

We barely touched the site since we first launched in 2016, although we did update the news and tweaked a little bit last year, we were too busy focusing on clients’ work other than our own.

At the end of the year 2019, we took a month off to redesign and rebuild our site. First, we gave it a new look-and-feel and a new set of typefaces. Then, the case studies. As a small team, we don’t have interns or junior designers to do this type of work. All of us spent so much time designing, modeling, and rendering the final work. Some of the works haven’t been seen in 3 years by anyone other than clients and us, we really hope you’ll like what you see.

Please, feel free to browse the site and enjoy your stay. We wish you a very happy 2020, see you in the future.

New Work — Elpass

New Work — Elpass

We recently designed the icon systems for a brand new password managing app — Elpass, developed by indie developer also our friend Yachen.

Elpass Website / Review

New Work — Gaorong Capital

New Work — Gaorong Capital

Great to see the work we designed and developed in partnership with Gaorong Capital go live. Check out GaorongVC.com

New Work — RELX

New Work — RELX

Congrats to the team at RELX on the launch of their new RELX i e-cigarette. It was a pleasure working with such a talented team.

4 / 7