article | Mar 31, 2020

Virtual Workshops: Transitioning from Offline to Online Formats

At Codemill, as with any other Swedish workplace, we love our fika (coffee break), team stand-ups, our whiteboards and post-its when we are brainstorming and trying to come up with solutions or ideas. Sure, we have embraced a host of tools and services to make our workplace collaboration easier and accessible from anywhere. However, it is my experience that many of these tools with a few exceptions were always used asynchronously. Earlier this week we got a chance to test some of these tools and a few new ones.


I am part of a group at work that is looking into improving the onboarding process for new employees. In an effort to make the process as comprehensive as possible, colleagues from different departments and roles are involved. The interest group leaders had originally planned to run a workshop to flesh out different ideas and perspectives. As with any workshop, it involved a conference room, a whiteboard, and sticky notes.

This meeting was scheduled several weeks in advance but now with the mandate to work from home we were faced with a binary choice: postpone it till we get back to the office or figure another way to run the conference virtually. We decided to try and do the workshop virtually. Our very resourceful colleague Emil decided to investigate with a tool stack that would help us transition the offline workshop to an online one.

The Workshop Format


Sacrificing being in the company of colleagues without sacrificing the format

While we were willing to make some trade-offs in how the workshop was conducted, there were a few non-negotiables.

The whiteboard and sticky note functionalities were already available with tools we currently work with so it was just a question of tweaking it to work in a virtual setting. However, the break out rooms functionality was not available in our current web meeting tool.

Whiteboarding with Miro

All our project, product and UX teams use Miro internally, so it was our preferred tool of choice. Miro is purpose-built for ideation and brainstorming. With its infinite canvas, sticky note and timer feature, it was an easy choice. Since there were quite a few of us in the workshop, navigating around the canvas was a challenge. Emil however made interacting with the Miro board even more easy by using the frames feature. The frames feature allows users to navigate to a specific block in the whiteboard without having to manually drag the canvas around.

miro exercise 1

Miro whiteboard session

Designing the canvas for the workshop

Each exercise was allocated its own workspace within the canvas. Each workspace had the following blocks

The instructions had the questions, the time limit, what to do, etc. In addition to the exercise specific work whiteboards, a parking lot was also added across all of the exercises. The idea was to move any sticky notes to the parking lot of any interesting ideas that came about during each exercise that were out of the scope of the exercise.


Overview of the entire Miro Board for the workshop. The left-hand panel is the frames feature. The horizontal board on the top is the parking lot.

Miro - Exercise 1.png

Screenshot of an output board

Zoom Web Meetings

Emil looked around for a web conference tool since our existing tool didn’t have the breakout room feature. Zoom was chosen for this purpose. We used Zoom’s free tier since this was still an experiment. One limitation is that zoom caps the meeting duration to 40 minutes. We worked around this limitation by creating a new meeting link and posting it on the slack channel.

Zoom breakout rooms-1x.png

The virtual whiteboard workshop experience

Signing in

Since this was our first attempt at doing this, it was not all smooth sailing all the way. For example, a few colleagues who run Linux based operating systems had trouble getting the audio to work.

Screen Sharing

Emil, the workshop leader, shared the screen and took us through the introduction and the instructions for each exercise. This was easy enough. Moving post-its from the individual or group boards to the output board was a little harder.

Zoom in and Zoom out.

While working individually or in a group the respective participants zoomed into their respective workspaces to make the sticky notes. But when it was time to move the sticky notes to the output whiteboard it was time-consuming.

When many participants are involved there is a good chance that many ideas have similar themes. During workshops, we usually tend to cluster these themes together. Some participants (myself included) struggled to move the sticky notes from our workspace to the output board. This operation usually involved zooming in to pick up sticky notes then zooming out to locate the output map and then zooming into the appropriate cluster of sticky notes.

Some ways we worked around this was using the cut-paste function to move the sticky notes around faster. We also dragged the entire workspace boards closer to the output board to speed things up. Other participants also helped by pointing out where to cluster a sticky note when there was more than one group that came up with the same idea.

We also had to prioritize the best ideas from the output boards in some of the tasks. For this, we used the voting feature to pick out the individual idea/sticky notes. The most voted ideas get taken forward and used in the onboarding document.

Out of Time

We were only able to complete the first two tasks within the allotted time. So we had to schedule another meeting. We found things easier to do in the second attempt.

Our learning and recommendations

We had a chance to reflect on the whole workshop and we came up with some general recommendations to improve effectiveness.


Virtual Whiteboard Design (Miro Specific)

Running the workshop

Workshop leaders


Next Steps

We believe we have found a good solution to run our whiteboard workshops virtually. We will continue to iterate and improve our ability to work with these tools. We plan to try and do our UX workshops with our clients in the coming months.

Final Thoughts

Many of us depending on our industry and line of work have some experience with working remotely and are familiar with digital tools to get things done. Others might be venturing into this territory for the first time. There is going to be an adjustment period until many of us are comfortable working remotely and virtually by choosing the right tools and working together as a team and helping each other make this transition. We hope you found our guide useful. Feel free to reach out if you would approach a virtual whiteboard session differently or just need some help from us.

My colleague Johan also shared his thoughts on working remotely during this period. You can read it here

Dinesh is a sales manager who works at Codemill & Accurate Video, a professional services and technology company offering cloud-native tools to enable remote working and collaboration for content teams in the Media & Entertainment industry.

With inputs from

Emil Edskär is a UX designer at Codemill and works with Media & Entertainment customers on a UX driven development approach to ensure products and solutions meet the user and business requirements.


Read more

Codemill Raises Funding Round for Continued Growth

As covered in DI Digital, Codemill is happy to announce its latest funding round.

Taking in an investment of 30m Swedish Kronor, the money will be used to open new offices in Los Angeles, London and Japan as well as preparing for a potential IPO.

Codemill takes part of the Uniaden's 25th anniversary

Every year in the last week of January, Umeå University holds Uniaden, its annual job fair for students. Since at Codemill, many of our new recruits arrive directly from the university, attending this job fair is always high on our to-do list.

The Highlights of Djangocon US 2019

Since 2013 we have attended the Djangocon Europe conference annually. Well organised conferences with a good mix of technical deep-dive and softer, general developer issues.

All news