```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FS1teIs7jfEUnO30r2XCrsvD34EE3%2Fora-organic%2F3cd7ca40-d107-4c7b-8fd8-adbe225fdbe1.png?alt=media&token=f66049c5-1049-4913-9dfe-33924c045975","id":"3cd7ca40-d107-4c7b-8fd8-adbe225fdbe1","width":3200,"height":2400,"filename":"ebc114bd-c3d2-48ac-a582-ce0688e7a5f0.png","type":"image/png","caption":"","border":false}]}
```

> The **Ora Organic** app is available on the [App Store](https://apps.apple.com/ca/app/ora-organic/id1533718404).

**Responsibilities**

* Design system

* User testing

* Wireframing & prototyping

* Product design lead

---

Ora wanted an MVP app that would build a foundation for delighting their subscribers for years to come. In addition to design responsibilities, my experience on a previous project allowed me to jump in and write front-end SwiftUI code and help with the development efforts.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FS1teIs7jfEUnO30r2XCrsvD34EE3%2FDNQTqbi5fC4NNJtxvVAR%2Fdf71e8c0-031d-48bc-8b9e-425da1cb8a09.png?alt=media&token=2b9e1314-97f3-48a9-808f-a0588b00e267","id":"df71e8c0-031d-48bc-8b9e-425da1cb8a09","width":5182,"height":2400,"filename":"1cf9ca52-929f-4678-9117-3d85a043b23e.png","type":"image/png","caption":"","border":false}]}
```

Working closely with the team at Ora Organic and their branding partners at Onbox Creative, we had the pleasure of helping bring the crisp and clear Ora experience to a native mobile app.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FS1teIs7jfEUnO30r2XCrsvD34EE3%2Fora-organic%2F376b118a-3a5e-4399-b0b4-d47588280cb5.png?alt=media&token=759f09df-0002-4d2a-aeac-4893db33c09a","id":"376b118a-3a5e-4399-b0b4-d47588280cb5","width":3840,"height":5462,"filename":"c1f28f6b-b6b4-447d-9947-3ff81097b519_rw_3840.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FS1teIs7jfEUnO30r2XCrsvD34EE3%2Fora-organic%2F75017a25-b7f0-490b-bbac-66b698685c8d.png?alt=media&token=36b2d2dc-6b4c-4ba6-9854-8b4a3f252abe","id":"75017a25-b7f0-490b-bbac-66b698685c8d","width":1920,"height":2600,"filename":"2a44ef75-4581-4506-9af9-d7cce120cab0_rw_1920.png","type":"image/png","caption":"","border":false}]}
```

We signed on a consulting basis during the wireframe phase of the project, providing our insight with translating web products into native mobile apps. Our experience helped us quickly build a trust battery with the client and their partners, and moving into the next phase of the project we inherited full control of the user experience and art direction.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FS1teIs7jfEUnO30r2XCrsvD34EE3%2FDNQTqbi5fC4NNJtxvVAR%2Fef100ac1-709c-4fb6-98a3-4de1b8aafbc7.png?alt=media&token=7e06cad6-9db1-42ea-a9d9-5c6b74bf883d","id":"ef100ac1-709c-4fb6-98a3-4de1b8aafbc7","width":4102,"height":1627,"filename":"fad26b80-ffaf-483e-aea6-d9e7db449ac7.png","type":"image/png","caption":"","border":false}]}
```

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FS1teIs7jfEUnO30r2XCrsvD34EE3%2FDNQTqbi5fC4NNJtxvVAR%2Ffaaaf1d2-2ffe-4413-9e94-58cf67c27180.png?alt=media&token=79d1ac27-36d9-4dbe-89dd-928ebc649330","id":"faaaf1d2-2ffe-4413-9e94-58cf67c27180","width":3001,"height":1586,"filename":"a7e7c31a-4980-4db4-9a8f-054433a3285a.png","type":"image/png","caption":"","border":false}]}
```

Ora Organic

Consulting with the Pinkbike team to build a mobile app for the buy & sell area of their user forums. We consulted on wireframes and art direction for the team, but ultimately did not move forward with the project.

**Responsibilities**

* User research

* Usability testing

* Wireframing & Prototyping

---

**Wireframes**

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FS1teIs7jfEUnO30r2XCrsvD34EE3%2FEbRAylNvmb1oilLSa3sg%2F167b28fb-3760-4e6c-b944-0c739c62ce5b.png?alt=media&token=095470d4-0ad1-4ebd-a065-c06cd9da28b6","id":"167b28fb-3760-4e6c-b944-0c739c62ce5b","width":2115,"height":1310,"filename":"b4943c96-23d7-4e20-b7ab-cd836516646f.png","type":"image/png","caption":"","border":false}]}
```

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FS1teIs7jfEUnO30r2XCrsvD34EE3%2FEbRAylNvmb1oilLSa3sg%2F1f215dd2-f40c-435d-bb0b-e1ab32a11b8a.png?alt=media&token=2ea599f1-0b20-4673-9ef5-899d1225ce52","id":"1f215dd2-f40c-435d-bb0b-e1ab32a11b8a","width":2115,"height":1184,"filename":"0693f520-da13-4f48-8d2e-fe49e9152660.png","type":"image/png","caption":"","border":false}]}
```

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FS1teIs7jfEUnO30r2XCrsvD34EE3%2FEbRAylNvmb1oilLSa3sg%2Fe61d5046-e8bd-450d-a599-039bf62f10f1.png?alt=media&token=febf2b91-9d37-46e2-8864-0055c583ce35","id":"e61d5046-e8bd-450d-a599-039bf62f10f1","width":1285,"height":892,"filename":"dbd868a0-ac48-4c62-b3c7-0aafe8b38bf9.png","type":"image/png","caption":"","border":false}]}
```

**Art direction**

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FS1teIs7jfEUnO30r2XCrsvD34EE3%2FEbRAylNvmb1oilLSa3sg%2Fb421fed7-5f49-4209-a274-3bf58ea1081b.png?alt=media&token=d16828d1-a9fa-4fc9-a3e0-89404dcc1b09","id":"b421fed7-5f49-4209-a274-3bf58ea1081b","width":1280,"height":1645,"filename":"d67bfd9b-fbdb-4d10-8e7d-7a4c9507bb78.png","type":"image/png","caption":"","border":false}]}
```

Pinkbike

*Let me preface this by saying that I’m still pretty emotionally shook, so this might be a little messy, but if I don’t write it now I never will.*

It was earlier this year, March I think, when he was in town filming Night at the Museum 3. I was walking around downtown as I often do. When you’ve lived in Vancouver as long as I have you become accustomed to seeing celebrities around town, at least I have, and so I’ve moved past the phase where I get overly excited and ask for a photo and / or an autograph. Usually I just give a nod and say “Hey \[insert celebrity name here\]” as I’m walking past, and usually I’ll receive a “Hey” or a nod in return.

This was different though. This was Robin Williams. A man who captured my imagination like no other when I was just a young kid. I’ve loved Robin Williams since the first time I saw Hook back in the mid 90s, and so it was hard for me to just nonchalantly walk past. There was a slight crowd around him as you can imagine but I was determined to wait my turn and tell this man what an influence he’s been in my life. As the crowd begun to part, and I inched closer and closer to the front, I started to get equal parts nervous and excited. I started thinking about all the kind things I could say, and all the ways I could say them, and before I knew it I was at the front of the line.

There he was. His magnificent glory within reaching distance. My mind went blank and I did what felt natural: I extended my arm for a handshake and introduced myself. He smiled politely, shook my hand, and introduced himself back as if I had no idea who he was. Without thinking I started talking about Hook, how much I loved it and how it’s gotten me through some tough times, and how it’s the one movie I can go back and watch at any time and still enjoy it as much as the first time I watched it. And with a giant smile on my face I went on and on for what felt like an eternity. When I finally stopped talking he smiled back, and I’ll never forget what he said next:

[Thank you for believing.](https://www.youtube.com/watch?v=WFRGz2bz49c)

Thank you for believing. Like we’ve just been through the shit together. I get so emotional thinking about it now but it was so thrilling to me at the time. He asked me if I wanted a picture and like a fool I said no. I told him that meeting him was enough for me, and that I didn’t need a picture to remember it.

---

It’s crazy to me that I met this man just a few months ago and now he’s gone. What I’m sure was just another moment for him is one that I’ll cherish forever, and I’m thankful that I was able to tell him how much he meant to me before he passed.

This is a man who changed the world, and it’s a far worse place without him.

Bangarang, Mr. Williams.

Gone but not forgotten.

The One Time I Met Robin Williams

The scent of coffee is rich in the air as the café door closes itself behind us. Inside, the atmosphere is tense, as if the building holds a secret. I know this used to be a regular coffee shop. A day like today should have every booth full of happy patrons, enjoying the company of others, studying, working, eating and drinking. Today, it’s mainly used for transit. I try to shake the thought. Currently, I’m focused on only one thing — my destination. I’ve never jumped before and I’m not sure what to expect.

“Wait in line, I’ll be right back.”

Suddenly, left alone with my thoughts, I begin to reflect on how I got here and wonder why I’m now feeling a twinge of anxiety. Growing up impoverished requires one to approach new opportunities with a healthy amount of skepticism. It’s my nature to doubt the best possible outcome from the unknown, and, truly, things never seemed to work out for the kids who come from my neighbourhood. I think maybe that’s why I never tried jumping before. Sure, there’s the cost, and I’ve never had a lot of money. I’ve certainly had and passed on the opportunity many times, however, and listening to others tell stories — of their first, fifth, hundredth jump — it doesn’t take long before you get awfully jealous of the experiences you’re hearing about.

I wonder if I should have tried this sooner, and I can tell I’m not the only one in line who’s having this thought.

Three years ago is when the city first converged. A man — Gerald Somethingorother — vanished into thin air. Literally. He entered a building while a friend, John, waited outside. When Gerald opened the door to return, he took a step out and his body disappeared. John watched as the door closed softly over the empty entryway. If this had been just a few decades prior, there would have been panic among the public and talk of the apocalypse being upon us. There was fear, no doubt. John felt terrified. His friend had just disappeared and no one else seemed to be reacting. Had he imagined the whole thing? Was Gerald even real? John had to tell himself not to be stupid — of course Gerald was real. He tried to calm himself down but was too distressed.

Standing there alone, processing a wave of emotions, John wondered what happened to his friend. The skies today were overcast, but looking to the heavens he could see the clouds parting just enough for the sun to beam down directly on his face. Now, it felt as though he were standing in a spotlight. All eyes on John. Sounds that are recognizably *downtown core* — the cars, the chatter, the birds chirping, the people fighting — they all faded away as John stood there, scared and alone. He started to sweat. Suddenly, his phone rang. He would have missed the call if not for the startling volume of the ringer, and, looking down at the phone, he almost had a heart attack.

John answered the phone and heard a familiar voice on the line. To him, currently, after what he’d witnessed, it was the most beautiful voice in the world. It was Gerald’s voice.

A million questions raced through John’s mind. He didn’t know where to begin. It didn’t matter, though, as Gerald had plenty to say.

Not long after, government agencies arrived to investigate, and scientists arrived to research, but at that moment, outside the café in downtown Vancouver, it was just the two of them. Well, just John. Gerald had discovered the first gate. He was in Seattle.

“Oh shit.”

Several people turned to look. It was not my intention to be so loud, but I couldn’t help it as I recognize where I’m standing. This is the same café. This is where Gerald jumped for the first time. Suddenly, I’m feeling my own little connection to history. Excitement rolled over my body as the anxiety and doubt disappeared. I should make more of an effort to look around, I tell myself, and start to admire the space while I wait for the line to move.

The café looks so different now than it did in the pictures from that day. It’s no wonder I didn’t recognize it. What used to be a cute, modern spot for coffee and pastries now looks overly industrial and rundown. The vinyl records on the wall, once hand-selected by the staff and proudly displayed as conversation starters, are now covered in dust, untouched and unappreciated. The assortment of plants that used to hang from the ceiling, vibrant and adding an air of life to the interior, have disappeared, either removed or long dead. Music no longer plays over the speakers, and the only sounds I hear are the occasional spoon stirring a drink, or the light hum of background conversation as people wait to be on their way. It’s cold.

Shortly after the first gate appeared here, a handful more began popping up all over town. Slowly at first, maybe one every week or two, but within months they would start appearing in groups. The investigation and research that took place on this spot would move to each new gate. And when a new gate opened, when research followed and completed, the spot would remain forever changed. A new industry would be born. Vancouver had always been an international hub; ideally positioned for a major airport that connected to the eastern world, and a seaport that provided goods to the rest of the continent. Now, though, it would be connected to more places than previously imaginable. Vancouver became *the* international hub, connecting everyone with everywhere. Instantly.

In the early stages, despite the unlimited resources that were given to them, scientists struggled to uncover the significance. They would ask questions like *Why here?* or *Why did it bridge* these *two spots?* Seemingly random, every gate connected to a different location somewhere else in the world; a door at Cambie & Hastings connected to one in Manhattan, a door at Thurlow and Robson connected to one in London. It took some time, and some truly wild guesses, but now whenever a new gate appears we’re able to pinpoint its exact counterpoint around the globe. The solution was simple: Vancouver has spent so long dressed up as other cities — Washington in 1982s First Blood, Minnesota in 2007s Juno, Alaska in 2001s See Spot Run — that the city was converging with its fictional counterparts. An individual — *a passenger? user? customer?* — could walk through a door in Vancouver, and walk out *somewhere else*, in whatever city that that location had previously doubled for in a film or television show.

There were limits, of course. The other end of the gate had to be somewhere on Earth. Fantasy and science fiction destinations didn’t exist, at least not yet.

*Damn, that’d be way cooler.* I think to myself.

Going through a gate also presented zero choice to the jumper, obviously. The destination was the destination. And, most importantly, it was unidirectional. Once you arrived at the other end, you were there until you decide to come back using a more traditional method. Train, if possible, but more commonly by plane. Gates could connect vast distances, and because of the cost, it wasn’t practical for someone to jump to a place within walking or driving distance.

Now I’m feeling emotional as my brain registers the significance. I knew where I was standing, but now I *know* where I’m standing. This is *Gerald’s Gate*. It wasn’t intentional, choosing this café, we just wanted to visit Seattle and this was the closest gate to us.

“You look as if you’re about to cry,” says a voice over my shoulder.

It’s Harper, back from the restroom.

“Norman, I know this is a big deal for you,” she says.

Her blue eyes twinkle in the sunlight and look directly at my own. Harper and I have been together for a year and a half now, and she’s never had trouble understanding me, but despite never trying to conceal my emotions in front of her, I can’t help feeling a little embarrassed. I may be jumping for the first time, but Harper is well-experienced at this point. She was already travelling regularly for work before the convergence, and the addition of gates was a revolution in her industry.

“A little. This is the spot, you know,” I replied.

It required a concerted effort not to ask Harper any questions in the weeks leading up to our trip. As curious as I was about jumping, I wanted as much as possible for it to remain a mystery until we walked through that gate. Perhaps I was overemphasizing the significance, but, not unlike a child taking their first flight, this changes a person and opens the world up to them. That’s how I felt, at least, so I resisted asking any questions that could spoil the surprise for me.

The line shrinks as customers place their orders, collecting food or leaving to their destination.

“I’m glad we’re doing this,” I could feel the love in her words as she asks, “What are you most looking forward to?”

Harper was always quick to extend her kindness.

“Well,” I begin to reply.

She jumped in with a smirk, “Beyond the obvious.”

I didn’t have to search my mind very long for an answer, but we’re at the counter before I can say anything.

“Hey folks, staying or leaving?”

I appreciate that whoever is working the counter has to ask that question, no doubt a directive from management, because looking at the people in line you can say pretty confidently why each one is there. Those with bags — a backpack, a suitcase or two — were only there for travel. Their interest usually began and ended with the gate, and only occasionally would they order something to take along.

It’s early in the day, and we didn’t get much sleep last night, so I order a couple of coffees while Harper asks for a banana chocolate chip muffin to go with hers.

We move to the side and stand, waiting for our drinks to be poured. I have to rub my eyes to clear the fatigue, but now I’m watching as the barista works. Her heavily tattooed arms slowly and methodically pour steamed milk into the cup. She clearly has a passion for what she does. *This used to be an art-form.* Perhaps, to her, it still is. A couple of minutes pass before the barista is finished and calls my name. We grab our coffee from the counter, walk back to the gate, and are ready to make the jump.

I stop to take a breath.

“You,” I say, standing there beside Harper.

“What?”

“I’m most looking forward to a month alone, with you, free from work and distractions. No agenda except the one we set for ourselves.”

We smile at each other as I reach out. The warmth of her hand is comforting, and I increase my grip as we simultaneously take a step through the gate. Instantly, we’ve arrived in Seattle, and we’re standing outside a café identical to the one in Vancouver.

Except for the brief flash of light, it was no different from walking through a regular doorway. I didn’t feel a thing. I’ve just jumped for the first time!

Water is dripping down my face now as I look around to take in the new surroundings.

“Oh, fuck.”

It’s pouring rain in Seattle, and neither of us thought to bring an umbrella.

City of Doors

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FS1teIs7jfEUnO30r2XCrsvD34EE3%2FaaYfSmNTMZpeqx96OG3e%2Fbd8985a2-8afd-42de-97bb-458843f8ae41.png?alt=media&token=9ee4e869-ed75-4f02-9568-66a7ce5d0357","id":"bd8985a2-8afd-42de-97bb-458843f8ae41","width":1264,"height":864,"filename":"3a0e38f7-375b-4414-9715-d9d5b54b4286_rw_1920.png","type":"image/png","caption":"","border":false}]}
```

**Responsibilities**

* Wireframes

* Product design

* SwiftUI development

---

Among my responsibilities at Steamclock was maintaining our web presence and specifically the company blog. Posts were written in Markdown and compiled by Jekyll which provided us with the opportunity to use variables, known as Front Matter, to control certain aspects of the post experience. Modifying the markdown files was possible in any code editor but it could sometimes be easy to overlook whether or not certain Front Matter variables had been defined.

I thought that maybe there could be a better way to keep track of which variables we need, which are optional, how each one applies to the output, and which are missing. After a quick trip to Figma I had the outline of what seemed like it could be a reasonable app, the only problem was our development team didn't have the bandwidth to take on a side project and I had never written a line of code that wasn't meant for the web.

Turns out, my familiarity with HTML & CSS gave me enough of a foundational knowledge to pick up with SwiftUI and I was able to write a prototype within just a few days. The result was a simple app:

* open a Markdown file

* display the Front Matter in a sidebar

* allow us to edit the post content

* allow us to edit the Front Matter variables

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FS1teIs7jfEUnO30r2XCrsvD34EE3%2FaaYfSmNTMZpeqx96OG3e%2Fb0abaae9-361e-410a-b105-3014079d2f6d.png?alt=media&token=304b0f25-16ba-4847-9a72-e3cec3e27e7b","id":"b0abaae9-361e-410a-b105-3014079d2f6d","width":1264,"height":864,"filename":"f56c5684-5916-44be-ae6a-9a3d8982f79f.png","type":"image/png","caption":"Prototype macOS app","border":false}]}
```

Plans were quickly drafted for what a future version of the app could look like and I got back to work in Figma applying some polish outside of the core post editor interface.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FS1teIs7jfEUnO30r2XCrsvD34EE3%2FaaYfSmNTMZpeqx96OG3e%2F9ff341b1-eba9-4c88-8722-26388014e75f.png?alt=media&token=5cdf4cc0-d6c8-47a2-9a13-d02182733933","id":"9ff341b1-eba9-4c88-8722-26388014e75f","width":526,"height":864,"filename":"beff47cd-ac22-4b5b-b0e1-48db5e345b58_rw_600.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FS1teIs7jfEUnO30r2XCrsvD34EE3%2FaaYfSmNTMZpeqx96OG3e%2Fe5da62ec-9256-4eba-8189-725116167faa.png?alt=media&token=6dc24f2b-8942-43a9-a134-b74d14518366","id":"e5da62ec-9256-4eba-8189-725116167faa","width":1264,"height":864,"filename":"3a0e38f7-375b-4414-9715-d9d5b54b4286_rw_1920.png","type":"image/png","caption":"","border":false}]}
```

Unfortunately the project never reached a releasable state but the time I spent learning SwiftUI paid dividends soon enough as I was able to help with front-end UI work on the [Ora Organic](https://bradyv.com/ora-organic) project.

Steamblog.md

Untitled

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FS1teIs7jfEUnO30r2XCrsvD34EE3%2Ffudos%2Ff504aaf5-9732-427f-bfc1-628d071e4618.png?alt=media&token=ad6b1049-573c-4a65-946f-0f069cde7ef6","id":"f504aaf5-9732-427f-bfc1-628d071e4618","width":666,"height":500,"filename":"39205b90-021c-4bb8-a099-a09f06f87965_rwc_66x0x666x500x666.png","type":"image/png","caption":"","border":false}]}
```

**Responsibilities**

* Wireframing & prototyping

* Iconography

* Product design lead

---

We worked with the team at [Caravan](https://hellocaravan.com/) and their partners at the [Creative Artists Agency](https://www.caa.com/) to design and build a prototype video editing app that could be used by influencers to drive social campaigns.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FS1teIs7jfEUnO30r2XCrsvD34EE3%2FjLWz6M7MxGqgvlUTsndv%2F0f75d437-f95b-458e-9e72-b12946817582.png?alt=media&token=adcf31bc-9cce-4baf-86ac-d4c6ef3f9384","id":"0f75d437-f95b-458e-9e72-b12946817582","width":4190,"height":892,"filename":"b002e9df-34dc-44ef-8e44-596db94780ef.png","type":"image/png","caption":"","border":false}]}
```

Fudos was handed off to an external team and eventually released to the App store.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FS1teIs7jfEUnO30r2XCrsvD34EE3%2FjLWz6M7MxGqgvlUTsndv%2F76881a2a-acf8-452b-94c9-683529d335ed.png?alt=media&token=fa7e4c0d-c363-48a8-9e84-e79289be517c","id":"76881a2a-acf8-452b-94c9-683529d335ed","width":1600,"height":1200,"filename":"5e7f418d-0608-4285-afb2-9a3a54890907.png","type":"image/png","caption":"","border":false}]}
```

Fudos

“What the fuck is that?” she thought to herself, no longer able to hide the look of terror on her face. The sounds continued to grow louder as they moved in and out of earshot. Howling and whipping and whistling sounding like it was right outside the door one moment, yet miles away the next.

“She still doesn’t know.” remarked a voice from behind her with a slight chuckle.

The voice was recognizable but still unsettling to hear, and stumbling back it became obvious that she hadn’t been able to keep her thoughts to herself this time. She turned around to see both of them now laughing with each other.

“No one knows what it is,” said the same voice “it just does… that… whenever it feels like. Random. Chaotic.”

The second one jumped in. “We’ve heard that it’s called ‘The Bastard’ but no one knows what it is, what it looks like, or even what it’s doing. No one has ever dared go out there to find out.”

She sat in a moment of stunned silence.

“What the fuck are you talking about?” she barked.

“I go out there every day. We’ve lived together long enough surely you’ve noticed by now.”

They just stared back at her, before the second one shrugged and rudely pointed out that they don’t really pay attention to what she does. Another minute passes as the sounds continue to roar and things begin lightly shaking.

“Tell us what it’s like out there!”

The pair of them appeared excited now, their eyes wide as they leaned in ready to learn even the smallest detail. They’ve never met anyone who had ventured out beyond the door, or maybe they have and couldn’t remember, or maybe they just didn’t care enough to realize that she’s been out there and back and could tell them everything they’ve always wanted to know.

The shaking intensified as the sound grew louder still. Scanning around the room you could tell it wouldn’t be long before things came crashing to the floor, but just as it seemed to reach a breaking point – everything stopped. Now there was nothing but complete silence in the room while the three of them looked around from face to face and began wondering what was going to happen next.

“Well?” they asked, still waiting for her to tell them.

After taking a moment to compose herself she tried to open her mouth and tell them what she knew about the place beyond the door, but just as she was about to speak, there it was again. The sounds were back. The shaking was back. This time everything was louder, it felt more violent, and it was seemingly closer than it ever had been before.

“It’s fiiiiine.”

They tried reassuring her, still curious and hoping to hear what she had to say but as the commotion continued to grow they found themselves naturally moving closer together in an attempt to comfort each other. Now it was obvious to her that their calm demeanor had all been an act, and their attempts to brush off the seriousness of the situation were simply a way to cope with the fear. Come to think of it, she didn’t even know if this was a situation or if it was particularly serious. After all, up to this point it had just been noise and lord knows she’d experienced noise in the past. This was different though and she knew it from the first moment she heard it.

The group sat in silence, listening as The Bastard continued to make its commotion. Whips, howls, whines, whistles. In and out, moving closing and further away. No one was comfortable but things were at least tolerable, if such a thing was possible, and finally it occurred to everyone that maybe it would be a wise idea to move further away from the door. They shared a look of understanding and moved together.

After reaching what eventually felt like a safe distance away from the door everyone sat down. This isn’t the first time they’ve been left alone in here but it might be the first time that she had felt accepted as part of the group, and sitting like little kids around the campfire it was finally time to tell a ghost story.

The only problem was that to her the story wasn’t scary. Sure she had been out beyond the door before, many times in fact, but she had never encountered anything even remotely resembling what they called The Bastard. To her it was just another place to be when she was lucky enough to visit.

She began to describe it to them as the ratting continued in the background.

She described the other sounds that exist out there – the occasional ding, the faint footsteps, the chatter from creatures that couldn’t be seen, all of which were tame in comparison and none of which seemed to satisfy the curiosity of the others.

“Come on,” they prodded. “there’s gotta be more than that!”

She went on to describe the smells – some of them were bad, some were good, some were irresistable.

“Okay okay but what do you see?” they asked.

“Well, nothing really. Normal stuff. You see other people, you see other creatures. But everything out there is just.. normal. For the most part the people you see are friendly or mind their own business.”

Now they just seemed disappointed, sharing a look with each other that went unnoticed to her. She had become distracted as a dreadful thought began settling in her mind: Can she ever head back out there? Never before had she been afraid to go out and explore, it was her nature and it brought her joy, but how could she work up the courage to head back out there now that she knew of The Bastard?

Everyone sat in silence as interest in the conversation began to fade away, and in unison they all came to the same thought – now would be a good time for a nap. The sounds and the shaking continued in the background but at a level that was easy to ignore, and it wasn’t long before they had all fallen asleep.

Suddenly though they were jolted awake. Now there was a new noise, only this one was… familiar. Common. A sort of “jingling” that they all recognized immediately and as it grew louder their faces whipped back around towards the door.

“Is that?” she said, unable to keep the excitement from her voice as her tail started to wag.

“I think it is!”

The jingling stopped and the three of them perked up in anticipation watching the door swing open.

“This goddamn wind is such a bastard!” he said while walking inside.

Their human had returned.

---

*Inspired by my dog, my two cats, and the wind – which is truly a bastard.*

The Bastard

Working with founder Kyle Campbell, I developed branding for Hack Capital and its first product - CTO.ai.

**Responsibilities**

* Brand design

* Marketing materials

* Design system

---

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FS1teIs7jfEUnO30r2XCrsvD34EE3%2Fpp1dLn8yhMWaP3u9H5F2%2F1196b84c-f33a-454b-ab39-caa255adbdc0.png?alt=media&token=d21253ef-b094-4361-a169-74ccde1fe446","id":"1196b84c-f33a-454b-ab39-caa255adbdc0","width":1600,"height":1200,"filename":"b7206cf4-2e55-44ea-8773-820e3f8628be.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FS1teIs7jfEUnO30r2XCrsvD34EE3%2Fpp1dLn8yhMWaP3u9H5F2%2F42022485-0841-4756-9d0d-1ae72965c42e.png?alt=media&token=32cc2093-dae5-4cf7-9b12-27136320215c","id":"42022485-0841-4756-9d0d-1ae72965c42e","width":2252,"height":1364,"filename":"0089c3ca-4f5f-4ad5-b6ef-312bf3ee6876.png","type":"image/png","caption":"","border":false}]}
```

\
CTO.ai has grown to a team of 15+ employees providing solutions to thousands of developers across the world.

**Exploration**

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FS1teIs7jfEUnO30r2XCrsvD34EE3%2Fpp1dLn8yhMWaP3u9H5F2%2F5aac33fa-e28d-44e5-a66a-aa785168b15f.png?alt=media&token=5140800f-9a1e-4158-ad03-9ba43cbcf51f","id":"5aac33fa-e28d-44e5-a66a-aa785168b15f","width":800,"height":600,"filename":"683d01eb-ffd0-4bd2-a369-c13ac26242a8_rw_1200.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FS1teIs7jfEUnO30r2XCrsvD34EE3%2Fpp1dLn8yhMWaP3u9H5F2%2F52105810-bca6-45fb-99f7-baa6244a6772.png?alt=media&token=64846b5d-c153-4ab1-920c-57b7735a1298","id":"52105810-bca6-45fb-99f7-baa6244a6772","width":800,"height":600,"filename":"476387fb-d036-4169-abb9-05189793ce53_rw_1200.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FS1teIs7jfEUnO30r2XCrsvD34EE3%2Fpp1dLn8yhMWaP3u9H5F2%2F2f662886-2a4e-43fb-aa73-e3fc189f73e6.png?alt=media&token=270b8cc8-b743-45c8-b455-61ab1eb0705c","id":"2f662886-2a4e-43fb-aa73-e3fc189f73e6","width":800,"height":600,"filename":"5f3b09fd-7c63-4e1c-ba01-4cb482245ff8_rw_1200.png","type":"image/png","caption":"","border":false}]}
```

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FS1teIs7jfEUnO30r2XCrsvD34EE3%2Fpp1dLn8yhMWaP3u9H5F2%2F2c91ce6b-bbe6-4ae0-8d94-0e7cb5f053e3.jpg?alt=media&token=64d51e5e-1806-4c48-9fbe-507bfe259974","id":"2c91ce6b-bbe6-4ae0-8d94-0e7cb5f053e3","width":3024,"height":3024,"filename":"7cf85b8e-9990-4b9a-9980-b0b4217bdd15-min.jpg","type":"image/jpeg","caption":"","border":false}]}
```

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FS1teIs7jfEUnO30r2XCrsvD34EE3%2Fpp1dLn8yhMWaP3u9H5F2%2F2fd0846e-52fa-4668-a3bd-68d7e532842a.png?alt=media&token=d8c2c394-1e2c-4dc8-a9db-66d070fa3d07","id":"2fd0846e-52fa-4668-a3bd-68d7e532842a","width":9587,"height":4797,"filename":"ab541be2-8a27-4b67-a9c8-7c63ee866611.png","type":"image/png","caption":"","border":false}]}
```

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FS1teIs7jfEUnO30r2XCrsvD34EE3%2Fpp1dLn8yhMWaP3u9H5F2%2F4c512546-3379-44d4-8f02-e138877536d6.png?alt=media&token=64eb7577-f351-4699-b849-226e14bffccf","id":"4c512546-3379-44d4-8f02-e138877536d6","width":800,"height":600,"filename":"6d60d7ac-8ee5-4b90-8e9c-aae024c1487d_rw_1200.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FS1teIs7jfEUnO30r2XCrsvD34EE3%2Fpp1dLn8yhMWaP3u9H5F2%2F62d993c0-130c-4d54-8133-8563954f1f53.png?alt=media&token=d6283665-05e7-4142-b2d3-24ce8abefd00","id":"62d993c0-130c-4d54-8133-8563954f1f53","width":800,"height":600,"filename":"761a50c0-58d9-4360-9b26-171c6be2609e_rw_1200.png","type":"image/png","caption":"","border":false}]}
```

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FS1teIs7jfEUnO30r2XCrsvD34EE3%2Fpp1dLn8yhMWaP3u9H5F2%2F1002981b-f631-4dc3-961d-d7d96e2d70fd.png?alt=media&token=9389edf8-141b-4146-b7af-49e7cf731555","id":"1002981b-f631-4dc3-961d-d7d96e2d70fd","width":3231,"height":1152,"filename":"82ae5adc-1bbf-46e5-8ed6-f7d267468205.png","type":"image/png","caption":"","border":false}]}
```

CTO.ai

> **Quests** is available on [Github](https://github.com/steamclock/quests)

**Responsibilities**

* Product design

* Wireframing & prototyping

* Marketing assets

---

One of our Build It Day experiments at Steamclock produced a little Mac menubar app called Quests. It let you quickly access the Github issues assigned to you. In the spirit of shipping stuff, we packaged it up and put it up for download on the App Store as a free app, business model TBD. A lot of folks found it useful, which was great!

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FS1teIs7jfEUnO30r2XCrsvD34EE3%2FuQc9Vc99dTkL9wkF0uXm%2F9d410d05-7fe3-4789-8bb8-835f0f16397d.jpg?alt=media&token=e39e91c8-de67-4e06-ba03-5c545acddd66","id":"9d410d05-7fe3-4789-8bb8-835f0f16397d","width":1800,"height":675,"filename":"f7b3268f-7c50-4e42-b98d-84d48ae22992.jpg","type":"image/jpeg","caption":"","border":false}]}
```

We continued to refine the design over time but struggled to find a business model that would support Quests as a sustainable product. When Github, Gitlab, or Apple changes something that impacts Quests, it was hard for us to prioritize fixing it as promptly as we thought our users deserved. We want products to delight, and an app that takes forever to support new macOS releases is not delightful. So we were hosting a useful app that basically languished, meanwhile a bunch of programmers around the world were writing in about their ideas for for small fixes and additions to it.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FS1teIs7jfEUnO30r2XCrsvD34EE3%2FuQc9Vc99dTkL9wkF0uXm%2Ff2cdb08e-74f7-4c21-9b34-42caa31c3b95.png?alt=media&token=fd75336d-5347-4618-9556-63eca6241228","id":"f2cdb08e-74f7-4c21-9b34-42caa31c3b95","width":1920,"height":864,"filename":"0146019c-b3c7-42f7-b741-0f9e18a52cf5_rw_1920.png","type":"image/png","caption":"","border":false}]}
```

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FS1teIs7jfEUnO30r2XCrsvD34EE3%2FuQc9Vc99dTkL9wkF0uXm%2F7c01527b-fb23-4724-bdba-f212bad8bf9e.png?alt=media&token=a788ab12-fbd0-4f39-82ba-018eeb96e61f","id":"7c01527b-fb23-4724-bdba-f212bad8bf9e","width":1152,"height":700,"filename":"70392869-d96d-4075-a961-6aa7fb637d18_rw_1200.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FS1teIs7jfEUnO30r2XCrsvD34EE3%2FuQc9Vc99dTkL9wkF0uXm%2Ffb64f03a-6811-49f0-acf6-e956f29e7253.png?alt=media&token=56058965-b7d2-4f52-9aa7-ad9e22f0b17f","id":"fb64f03a-6811-49f0-acf6-e956f29e7253","width":1152,"height":700,"filename":"0c669ac5-9d6d-4674-8e48-9b178bdf2690_rw_1200.png","type":"image/png","caption":"","border":false}]}
```

In early 2021 we made the decision to open source Quests. The Mac developer community were wonderful supporters of Quests and we looked forward to being able to reply to feature requests with “patches welcome!” instead of just “that would be nice!”

An App Called Quests

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FS1teIs7jfEUnO30r2XCrsvD34EE3%2Fci-direct%2F0195d244-b3af-41ae-ad6c-9d0bcaf9565e.png?alt=media&token=3002f5c1-9e08-424d-8e0a-b0e445eb6fc0","id":"0195d244-b3af-41ae-ad6c-9d0bcaf9565e","width":1333,"height":1000,"filename":"4e9134dd-d635-40f8-bc44-a347eaf3e3d3_rwc_357x0x1333x1000x1366.png","type":"image/png","caption":"","border":false}]}
```

CI Direct, known as WealthBar and Virtual Brokers respectively at the time, were my longest serving projects as a member of the Steamclock team.

> **CI Direct Investing** is available on the [App Store](https://apps.apple.com/ca/app/ci-direct-investing/id978421974) and [Play Store](https://play.google.com/store/apps/details?id=com.wealthbar.android&hl=en_CA&gl=US).\
> **CI Direct Trading** is available on the [App Store](https://apps.apple.com/ca/app/virtual-brokers/id1476313762) and [Play Store](https://play.google.com/store/apps/details?id=com.virtualbrokers.VirtualBrokers&hl=en_CA&gl=US).

**Responsibilities**

* User research

* Usability testing

* Design system

* Wireframing & prototyping

* Product design lead

---

**WealthBar**

Two nice native apps, for iOS and Android, make saving for retirement easy.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FS1teIs7jfEUnO30r2XCrsvD34EE3%2FvTSd5FBtbr65iOtTsUwI%2F1f4503af-e72e-48cc-bd9a-5d357349efbf.png?alt=media&token=cc09611a-91a9-4670-987c-094fc69e3ece","id":"1f4503af-e72e-48cc-bd9a-5d357349efbf","width":2560,"height":930,"filename":"28f0bb59-ff9f-4eb1-89cd-315c83db1f5f.png","type":"image/png","caption":"","border":false}]}
```

**Virtual Brokers**

A multi-platform app for stock traders both new and experienced. Virtual Brokers wanted to design and build a native mobile app that would replace their old web-based app.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FS1teIs7jfEUnO30r2XCrsvD34EE3%2FvTSd5FBtbr65iOtTsUwI%2F4a8a5c56-340d-4620-89d3-9ce5ef367381.png?alt=media&token=cd21b632-fbbb-47b3-afee-ca6e5c49395e","id":"4a8a5c56-340d-4620-89d3-9ce5ef367381","width":2400,"height":1800,"filename":"90060939-a568-4957-a0b0-1e73b0b54225.png","type":"image/png","caption":"","border":false}]}
```

**Acquisitions & Rebranding**

WealthBar and Virtual Brokers were independently acquired by CI Financial and our team was tasked with developing a design system that would harmonize the look and feel of both apps.

CI wanted each app to retain its distinctiveness and target audience, and we worked closely with the Director of Digital Experience and internal product teams to ensure the new design system aligned with the brand goals while remaining flexible and customizable as needed.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FS1teIs7jfEUnO30r2XCrsvD34EE3%2FvTSd5FBtbr65iOtTsUwI%2F247ffc1f-3045-4baf-96ae-25f1b54e4786.png?alt=media&token=ba5e3efd-ae3d-47e5-8ae7-d1cd7334a647","id":"247ffc1f-3045-4baf-96ae-25f1b54e4786","width":5120,"height":2502,"filename":"e114ee98-5d0d-4534-ada1-4da3896a6378.png","type":"image/png","caption":"","border":false}]}
```

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FS1teIs7jfEUnO30r2XCrsvD34EE3%2FvTSd5FBtbr65iOtTsUwI%2F60074286-df4c-49f9-b12b-e3c2d422f8ab.png?alt=media&token=589b3c9b-6d87-4cbf-a0a2-303679793b55","id":"60074286-df4c-49f9-b12b-e3c2d422f8ab","width":5012,"height":1675,"filename":"95838696-d270-45e1-8730-d3aed309a2a2.png","type":"image/png","caption":"","border":false}]}
```