Year: 2022
Role: Design Lead
Plus: Ben Nguyen
Methods: Branding, Requirements, User Flows, Information Architecture, Low Fidelity Wireframes, Interface designs, Style Guide Creation, Design QA, Iconography, Typography
Year: 2022
Role: Design Lead
Plus: Ben Nguyen
Methods: Branding, Requirements, User Flows, Information Architecture, Low Fidelity Wireframes, Interface designs, Style Guide Creation, Design QA, Iconography, Typography
Year: 2022
Role: Design Lead
Plus: Ben Nguyen
Methods: Branding, Requirements, User Flows, Information Architecture, Low Fidelity Wireframes, Interface designs, Style Guide Creation, Design QA, Iconography, Typography
Year: 2022
Role: Design Lead
Plus: Ben Nguyen
Methods: Branding, Requirements, User Flows, Information Architecture, Low Fidelity Wireframes, Interface designs, Style Guide Creation, Design QA, Iconography, Typography
It was just noon on a California Monday when the challenge was set. Build something similar to an NFT but not actually an NFT. A collectible...thing...that could get a user into a concert but also mean something more. What was it? A key ? A ticket
? A trinket
? No. It was a Techaeon.
But what is a Techaeon? A Techaeon was essentially a pass. Pass (v.) means"to cross over". It is taken from Old French passer "to pass" (11c.), and that is taken from Vulgar Latin passare "to step, walk, pass". A Pass can allow you to get in to something, whether that is a doorway, a club, or a group. It's an opening. And that is the start of our design explorations for Aeon Pass' branding. Words like: doorway, key, badge, token, ticket...all became jumping-off points for logo and Techaeon designs.
It was just noon on a California Monday when the challenge was set. Build something similar to an NFT but not actually an NFT. A collectible...thing...that could get a user into a concert but also mean something more. What was it? A key ? A ticket
? A trinket
? No. It was a Techaeon.
But what is a Techaeon? A Techaeon was essentially a pass. Pass (v.) means"to cross over". It is taken from Old French passer "to pass" (11c.), and that is taken from Vulgar Latin passare "to step, walk, pass". A Pass can allow you to get in to something, whether that is a doorway, a club, or a group. It's an opening. And that is the start of our design explorations for Aeon Pass' branding. Words like: doorway, key, badge, token, ticket...all became jumping-off points for logo and Techaeon designs.
It was just noon on a California Monday when the challenge was set. Build something similar to an NFT but not actually an NFT. A collectible...thing...that could get a user into a concert but also mean something more. What was it? A key? A ticket
? A trinket
? No. It was a Techaeon.
But what is a Techaeon? A Techaeon was essentially a pass. Pass (v.) means"to cross over". It is taken from Old French passer "to pass" (11c.), and that is taken from Vulgar Latin passare "to step, walk, pass". A Pass can allow you to get in to something, whether that is a doorway, a club, or a group. It's an opening. And that is the start of our design explorations for Aeon Pass' branding. Words like: doorway, key, badge, token, ticket...all became jumping-off points for logo and Techaeon designs.
Before beginning our brand journey, we needed to figure out precisely what this dang app does. But where do you start with no direction, no guidance and no roadmap? Our client and I got together for multiple brainstorming work sessions where we planned and developed the initial requirements for the project. This took several days in a 'war room' with the caffiene flowing like wine.
The entire platform included a Host experience that allowed a host to create an event, invite attendees, set a price, and manage invitees. It also included a Bouncer experience that allowed venue workers to scan Techaeons (through a QR code), admit entry, and view all invitees. The final piece was an Attendee iOS and web experience that granted attendees the ability to accept an invite by scanning a QR code or through an SMS message, as well as the ability to manage their past Techaeons and view event information (contact info, event time, QR entry codes, images, and directions).
* Illustrated below are only around 1/2 of the requirements and flows.
Before beginning our brand journey, we needed to figure out precisely what this dang app does. But where do you start with no direction, no guidance and no roadmap? Our client and I got together for multiple brainstorming work sessions where we planned and developed the initial requirements for the project. This took several days in a 'war room' with the caffiene flowing like wine.
The entire platform included a Host experience that allowed a host to create an event, invite attendees, set a price, and manage invitees. It also included a Bouncer experience that allowed venue workers to scan Techaeons (through a QR code), admit entry, and view all invitees. The final piece was an Attendee iOS and web experience that granted attendees the ability to accept an invite by scanning a QR code or through an SMS message, as well as the ability to manage their past Techaeons and view event information (contact info, event time, QR entry codes, images, and directions).
* Illustrated below are only around 1/2 of the requirements and flows.
Before beginning our brand journey, we needed to figure out precisely what this dang app does. But where do you start with no direction, no guidance and no roadmap? Our client and I got together for multiple brainstorming work sessions where we planned and developed the initial requirements for the project. This took several days in a 'war room' with the caffiene flowing like wine.
The entire platform included a Host experience that allowed a host to create an event, invite attendees, set a price, and manage invitees. It also included a Bouncer experience that allowed venue workers to scan Techaeons (through a QR code), admit entry, and view all invitees. The final piece was an Attendee iOS and web experience that granted attendees the ability to accept an invite by scanning a QR code or through an SMS message, as well as the ability to manage their past Techaeons and view event information (contact info, event time, QR entry codes, images, and directions).
* Illustrated below are only around 1/2 of the requirements and flows.
Before beginning our brand journey, we needed to figure out precisely what this dang app does. But where do you start with no direction, no guidance and no roadmap? Our client and I got together for multiple brainstorming work sessions where we planned and developed the initial requirements for the project. This took several days in a 'war room' with the caffiene flowing like wine.
The entire platform included a Host experience that allowed a host to create an event, invite attendees, set a price, and manage invitees. It also included a Bouncer experience that allowed venue workers to scan Techaeons (through a QR code), admit entry, and view all invitees. The final piece was an Attendee iOS and web experience that granted attendees the ability to accept an invite by scanning a QR code or through an SMS message, as well as the ability to manage their past Techaeons and view event information (contact info, event time, QR entry codes, images, and directions).
* Illustrated below are only around 1/2 of the requirements and flows.
When you're a visionary, sometimes it's tough to pull back. But that is exactly what we had to do in order to get our product out in a testable state. Our initial MVP would not be processing payments and would be invite-only. This Beta also had to pull back on some advanced features like the ability to color match the UI with the Techaeon image automatically and also the 3D Techaeon feature that allowed the "tokens" to feel like a coin. Of course, we designers are always ahead, so we designed with those future features in mind.
* Included here are designs of how Aeon Pass would look in a post-MVP update.
When you're a visionary, sometimes it's tough to pull back. But that is exactly what we had to do in order to get our product out in a testable state. Our initial MVP would not be processing payments and would be invite-only. This Beta also had to pull back on some advanced features like the ability to color match the UI with the Techaeon image automatically and also the 3D Techaeon feature that allowed the "tokens" to feel like a coin. Of course, we designers are always ahead, so we designed with those future features in mind.
* Included here are designs of how Aeon Pass would look in a post-MVP update.
When you're a visionary, sometimes it's tough to pull back. But that is exactly what we had to do in order to get our product out in a testable state. Our initial MVP would not be processing payments and would be invite-only. This Beta also had to pull back on some advanced features like the ability to color match the UI with the Techaeon image automatically and also the 3D Techaeon feature that allowed the "tokens" to feel like a coin. Of course, we designers are always ahead, so we designed with those future features in mind.
* Included here are designs of how Aeon Pass would look in a post-MVP update.
The second part of the Aeon Pass process was actually allowing the attendees to enter the event and tracking how many RSVPs attended. This was done through a separate app that was only for the Host. This app was simple; it enabled the Host or doorperson to choose an event, see the RSVP list and scan QR codes. Design also considered how the application would work in low-light situations and color coordinated the scan results screens to match their status. Some things to think about were; 'what happens when a QR is scanned multiple times?', 'what happens when an invalid QR is scanned?', and 'how do we interpret a plus one on the RSVP?'.
One of the most novel features of Aeon Pass was the wheel. It was an infinite loop of all your 'current' Techaeons. Plotting it out took many hours of workshopping with our engineers and even some math that my designer brain couldn't comprehend. But below is an example of how we protoyped the behaviour and it's first implimentation.
One of the most novel features of Aeon Pass was the wheel. It was an infinite loop of all your 'current' Techaeons. Plotting it out took many hours of workshopping with our engineers and even some math that my designer brain couldn't comprehend. But below is an example of how we protoyped the behaviour and it's first implimentation.
One of the most novel features of Aeon Pass was the wheel. It was an infinite loop of all your 'current' Techaeons. Plotting it out took many hours of workshopping with our engineers and even some math that my designer brain couldn't comprehend. But below is an example of how we protoyped the behaviour and it's first implimentation.
More projects
Designing for DataProduct Design
A Design System for Everyone?Product Design
The UX of Online Food OrderingProduct Design
Here Comes the SunProduct Design
Walls of InteractivityProduct Design
Funnel DynamicsProduct Design
Simplifying the ComplexProduct Design
Doober!Product Design
Jobsite InspectorProduct Design
Designing for the HungryProduct Design
Find Your FitProduct Design
Everything ElseProduct Design
Β© 2022 Jonathan Brazeau
Β© 2022 Jonathan Brazeau
Β© 2022 Jonathan Brazeau
Β© 2022 Jonathan Brazeau