Journee

Branding a metaverse pioneer


Role:
Designer + Consultant

Outcomes:
Brand Strategy, Identity, UX/UI Design, Web Design

Period:
Q4 2022

Overview

I worked closely with CEO and the leadership team of metaverse pioneers Journee, they make innovative cloud based interactive streaming tech that creates photorealistic 3D environments for people to gather, get inspired, and communicate in. Journee makes this possible and the metaverse available to anyone, anywhere, without needing to install any additional software or hardware.

I created a strategic and visionary brand that has play and expression baked into it. The new logo does have a base form for simplicity and to resolve on all mediums effectively, yet the ‘O’ in the wordmarque can be seen as a visual metaphor — to enter a door, start a journey into another world or just be used as a space for the in-house artists to play. Resulting in an ever-changing and reactive identity. 

In essence it is a dynamic object, one in constant motion that represents the energy of creativity and the evolving nature of culture and art.

The “O” shape can be fluid and have irregular abstract textures, colours and flex it’s own form, morphing based on cues from the metaverse environments in which it inhabits.

The only thing we can be sure of is change, the brand reflects this.


Journee.live

The demo below was created using Spline to show how it can be used at a basic level, it’s up to the imagination and skill of the internal artists to create, play and flex with the space resulting in a constantly evolving identity and brand.

Further exploration

A sample of early generated assets for the launch to show how the identity could be used, this will continually evolve.

“Nick is a fantastic designer, sparring partner and operator. We were incredibly lucky with his guidance, new creative angles and super clean execution of creative concepts. From early stage experiments to finalising guidelines and implementations. His management of projects is calm, controlled and super friendly. We can highly recommend working with him - and look forward to our next collaboration.”

︎ Christian Mio Loclair
Founder, Journee

“Nick did an excellent job in creating our new identity design. His work was always super cleanly executed and of the highest quality. Thanks for bringing our brand to a new level. We love it!”

︎ Luca Shiefer
Product Strategy Lead, Journee

Spark.xyz

Enabling anyone to use the blockchain for commerce and payments

Role:
Designer + Consultant

Outcomes:
Brand Strategy, Identity, UX/UI Design

Period:
Q2 2024

spark.xyz

Nike — Space Hippie

A more sustainable sneaker website


Role:
Creative Director + Designer

Outcomes:
Concept, Strategy, UX/UI Design

Period:
Q3 2022

Overview

Nike’s Space Hippie sustainable sneakers weigh in at 25–50% recycled content, Space Hippie is trash transformed. They needed a digital experience idea and prototype to complement the launch of the next generation that could reflect their ‘Move to Zero’ manifesto, find new ways to power a Nike website and form early ideas about a sustainable digital footprint.

Research

We examined the page load of nike.com which was pretty beefy. Over a year, with 1,000,000 monthly page views, nike.com produces 7,732.07kg of CO₂ equivalent or 20,178kWh of energy, that’s enough electricity to drive an electric car 129,137km. So we thought could we do something? What if we could strip the whole experience back?

• Could we go back to the basics of web1 or even the green screen terminals of the 1970/80’s? 
  
  
• How would we get the best experience by just using a featherweight front end? Vanilla HTML, CSS and JS, make it a progressive web app and have some greener tracking and analytics.

• Could we show the customer that by making concious decisions about what to load and when that they could reduce their footprint while browsing? 
  
  
• Could we potentially self-host this on a Raspberry Pi to save even more energy or a sustainable host?
  
  
• Could we activate the experience from the main nike.com website? 
  
  
• We also had to honour the ‘Move to Zero’ and Circular Design Language.

Key Insights:

• Every time a user visits the Nike website, 1.56g of CO₂ is produced
• In the past six months Nike.com generated 993.85 tonnes of CO₂
  
  

Early Stages

An early Nike OS concept based on early MS DOS terminals and ASCII, searching for a lo-fi homebrew look and feel.

Results

We developed three concepts, built two and hosted them on a Raspberry Pi. The final build combined all sustainable design principles to create an extremely lightweight landing page with maximum visual impact. Creating a website with a 98.72% smaller carbon impact in 3 weeks, this was proof of sustainable impact. 

• Dark mode exclusively
• Dithered images
• Progressive loading 
• WebP optimised images
• Click to load content
• Reusable code blocks
• One system font, two weights
• SVG icons
• No video content
• An informative data panel showing the eco impact

Team:
Marie Vodickova, Robin Hunter, Liam Dean, James Penfold, Nick Voke.

MoonPay

Web3 Infrastructure


Role:
Snr Product Designer 

Outcomes:
Brand Strategy, Product Strategy, Rebrand, UX, UI Design

Period:
Q1 2023

Overview

During the NFT boom of ‘22 I’d been exploring Web3 with a number of clients. I felt as though I was still on the perimiters of this intriguing new force. As I was curious about the space, I decided to join the small design team over at MoonPay to help kickstart the creator studio, an agency style approach to leveraging the in-house tech stack; onboarding b2c clients to this new era of the web. A number of initiatives were launched from 0 — 1, a select few are shown below.

MoonPay.com

I was tasked with bringing the new brand refresh into the product design team workflow and evolving it to a point where it could be presented across digital touchpoints. In a 12 week series of sprints we had a live build consisting of the homepage, content hub and news pages. Putting the widget front and centre was key as many A/B tests had proven it to be the most successful approach for transactions. Transaction volume was increased x10 with the new design and the company had a baseline of the new brand and an updated design system to evolve from. 

moonpay.com

NFT Gallery

Creation and design of an NFT Gallery lookup service. Type in your ENS, ETH or Polygon address to scan the networks to see your NFT collection all in one place. 

A-DL

Branding an innovation intelligence company


Role:
Product Design Director + Lead Designer

Outcomes:
Brand Strategy, Brand Identity, Content,
UX/UI Design, Webflow Dev, User Research

Period:
2021—22

Overview

Allergan Data Labs was created in 2019 as a data led innovation unit within the wider Allergan Aesthetics organization. In it’s short tenure, the impact of the team has been significant and laid foundations for the future of technology, product and marketing across the business.

We were asked to create an identity and website that would excite and inspire existing employees, attract new talent, and act as a calling card for transformation and change.

Allergandatalabs.com

Process

Navigating a complex network of stakeholders was critical to the success of this project. To ensure a democratic and user focused outcome, we quickly developed three creative directions to explore.

We sourced a group of existing and potential hires, shaped around the core capabilities of the team; product, engineering & marketing and pushed a survey out to the group hoping to understand what’s important to them in the context of the organization they work for. After a few rounds of design we courted the same group to help us understand which creative direction resonated most with them.

A clear selection was identified and we set off developing the full identity, assets and a digital home.

A New Identity System

The brand’s identity aims to show abstract visualisations 
of the intelligence and data from within A-DL products and services. Technical graphics are met with colorful and friendly iconography, creating a balance between data and human interaction. The contemporary and innovative creative direction focuses on:

· Making the complex simple
· Foundations in data
· Symbols & structure
· Human touch

The Website

The site needed to be simple and packed with personality. An information rich landing page was structured to highlight the core capabilities and tools that A-DL operates on. Paying particular attention to the technical abilities within the team. Big bold copy and graphics help call out key sections and drive users through a compelling product case study and into a careers page showcasing available roles.

New Pathways

An identity and site that excites and inspires existing employees, attracts new talent, and acts as a rally cry for transformation and change. A solid CMS driven Webflow site that can now grow with A-DL’s fast pace.