🦾 Panel

Quick Facts

I used to work as a designer at a little agency in Arizona. There was a lot I loved about it: the fast pace, the tight team, wearing a lot of hats, getting to meet folks from industries I never would have otherwise. I have great memories from that time. But...

I also remember feeling a ton of frustration, and most of it centered on content. Getting it from clients. Getting it from copywriters. Making sure I had the latest version. Making sure it was approved by whoever needed to approve it (by the way, who was that for this project?). Was the content in an email? In GatherContent? In a Google Doc? On and on... and of course after all that I still had to paste it all into Sketch one element at a time so I could update our mocks for client review and developer handoff.

The dream team

Meanwhile, I was also doing this on nights and weekends as a co-founder at Popmelt—fka BLANKET, working on Arabian CMS. Things were a little more focused over there: we had single points of contact (Arabian horse marketing managers) giving us predictable content (home page, breeder history, and individual profiles for every horse in a given farm's collection). Still, the handoff and design-updating process was clunky and time-consuming.

If only some kind of tool existed to streamline the process... 💡

My partner and I started talking through what that tool could look like in early 2018. We mocked out what was essentially a flashy intake form for the Arabian CMS projects we were taking on at the time and had the beginnings of a vision (codename Panel) ready by the summer.

Panel designs from... 2017? A long time ago.

Around this time we both got new day jobs and wound our Popmelt pipeline down to focus on career-building. Our little intake form went on the back burner. A year passed, we got oriented with our new teams, and... found ourselves dealing with many of the same content frustrations we'd run into before. Panel came off the back burner and we started ideating again.

An early example of the editing UI for Panel.

Our stakeholders had changed, so an intake form for Arabian horse marketers wasn't going to work. Ideally, this tool would be flexible enough to fit any content handoff need a user could throw at it. Plus, while solving handoff alone would be great, manually pulling approved content into our design files was still an annoying bottleneck.

As work-smarter-not-harder designers, that last pain point really stuck out, so we started our brainstorming there. At that point (mid-2019), Sketch was still the design tool of choice so I dug into the Sketch plugin API to see if there was any way we could programmatically pump content right into our artboards...

The first content injection proof-of-concept.

There was! We spent the next couple months prototyping the core content authoring and management experience. Then I spent ~6 months teaching myself React + Firebase and building out the vision we'd defined so far. Oh, and we ditched Sketch for Figma, so I rebuilt the content-sync plugin there.

The design process from that time on has been strictly experimental. We talk through an idea, mock it out in Figma together to make sure we're on the same page about execution, and then I build the thing out so we can test it. Since we're a tiny team and I can tackle UX via both design and dev, a lot of the focused iteration happens directly in code, with me testing UI enhancements via Chrome Dev Tools and tweaking interactions in VS Code.

The first time we got on a Zoom call in separate apartments, edited some content together, and then synced it into a Figma project with one click was magical. There was a lot we still wanted to improve about what we'd built, but the feeling told us something undeniable: there was something good here.

That first test happened at the end of 2020. We've been in private beta ever since, running a variety of projects through the platform and refining the experience on weekends, leading to a major UI redesign in late 2021, currently in development.

Let's Connect
Written with 🖤  by yours truly in 2021. All assets, screenshots, and artworks are copyright of their respective owners.