How we use Slack, Trello, TeamGantt, Illustrator, Photoshop and Zeplin for a design project.

Lewis Ngugi
Sep 15, 2017 · 5 min read

Turning point

That was a wake-up call and I needed to do a serious 360 paradigm shift. So where do I go? Google Search obviously, my best and first option. I found books with 1200+ pages, 15-paged websites with the history of project management, images of diagrams and finally!! Guess what?


Task 1 — Project based channels

There was an already existing private Slack channel that was created separately for this project by the client. Tech-savvy clients. Team members were guys who were involved in the project, CTO and I!

Image for post
Image for post
You need to create individual Slack channels for every client project.

Task 2 — File Storage

I created a Dropbox folder for the project documents where the team and clients can access the legal documents, instead of always uploading them on Slack. All you do is copy the share link on to the Slack channel and you will be asked to integrate. Please do.

Image for post
Image for post

Task 3 — All files pinned to project channels

I pinned the Wireframe PDFs, Site Image JPGs, contract PDF to the channel so that every person knows what the team is contractually bound to do.

Image for post
Image for post
On the right you can see the pinned wireframes, weekly plan and contract.

Task 4 — Project timelines

This is the miracle! I started using TeamGantt for creating project timelines and share with the clients team. Prior to this, I had used Excel to create the timeline which was A LOT OF WORK!! TeamGantt detailed out the intended timeline so easily, so I had the same expectations the client did. It also covered meetings and milestones.

Image for post
Image for post
project timeline created with TeamGantt
Image for post
Image for post
The description under blurred sectionis a link to the project timeline.

Task 5 — Post weekly plan

I created a new Slack post every week and pinned it, replacing the post from the previous week. It outlines each individuals overarching goal for the week.

Image for post
Image for post
The weekly plan post in Slack each week.
Image for post
Image for post
We created this document during the weekly review meeting so that we know exactly what to focus on.

Task 6 — Integrate Trello with Slack

The Trello based workflow is important. You create cards and I use this style of listing tasks in projects as I work.

Image for post
Image for post
Workflow in Trello
Image for post
Image for post
Integrating Slack with Trello for project updates.

Task 7 — Design

First, Information Architecture is an important step in UX. So start by creating Wireframes in Illustrator.

Image for post
Image for post
New Photoshop creates Artboards, pretty cool!

Task 8 — Integrate Photoshop with Zeplin

Now the best way I have come across for making life easier for the client and the development team is by using Zeplin. A masterpiece. You add the Zeplin Plugin onto Photoshop and you export the work to Zeplin.

Image for post
Image for post
Export the files for both the client and developer to see

Task 9 — Collaborate

The client can now give you feedback about design on Zeplin where you can defend your direction. All of this happens instant and records are kept on Slack when you integrate them.

Image for post
Image for post
Pointers from client about the design.

Task 10 — Save the Developer

One of the beauties of Zeplin is it gives you CSS there and then. Smiles on the designer, project manager, client and developer.

Image for post
Image for post
Image for post
Image for post
Get everything you want, no more PSDs to Developers

In conclusion

The project ran smoothly and still learning ways to tweak my process. Please share your process on the comments’ section below.


Found this post useful? Kindly tap the 👏 button on the left side :)


Maverick Challenges

Learning to plug into solving problems

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch

Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore

Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store