Sonr
Casually redesigning the internet
Project Description
I initially began working with Sonr to strategize and design Beam, a blockchain-based mobile messaging and data transfer app that would be the first app built on Sonr's P2P blockchain ecosystem. However, a few weeks into the project, I was asked to assume a broader role: leading the creation of the Nebula Design System—the global library of styles and components that would serve as the foundation for all future apps built on their network—as well as Speedway, a visual dashboard that would allow any developer to create and manage databases, without having to write a single line of code.
YEAR
2021
ROLE
Product Design Manager Lead Designer
EXPERTISE
Branding Experience Design Design Systems
Deliverables
Variable Mode Component Library & Style Guide Old School (.xls, Baby) Design Token Documentation Code-free Database Management Interface UX & Visual Design for Full-featured Messaging Application Multi-Touchpoint Visual Identity Marketing Landing Page
Project Description
I initially began working with Sonr to strategize and design Beam, a blockchain-based mobile messaging and data transfer app that would be the first app built on Sonr's P2P blockchain ecosystem. However, a few weeks into the project, I was asked to assume a broader role: leading the creation of the Nebula Design System—the global library of styles and components that would serve as the foundation for all future apps built on their network—as well as Speedway, a visual dashboard that would allow any developer to create and manage databases, without having to write a single line of code.
YEAR
2021
ROLE
Product Design Manager Lead Designer
EXPERTISE
Branding Experience Design Design Systems
Deliverables
Variable Mode Component Library & Style Guide Old School (.xls, Baby) Design Token Documentation Code-free Database Management Interface UX & Visual Design for Full-featured Messaging Application Multi-Touchpoint Visual Identity Marketing Landing Page
Project Description
I initially began working with Sonr to strategize and design Beam, a blockchain-based mobile messaging and data transfer app that would be the first app built on Sonr's P2P blockchain ecosystem. However, a few weeks into the project, I was asked to assume a broader role: leading the creation of the Nebula Design System—the global library of styles and components that would serve as the foundation for all future apps built on their network—as well as Speedway, a visual dashboard that would allow any developer to create and manage databases, without having to write a single line of code.
YEAR
2021
ROLE
Product Design Manager Lead Designer
EXPERTISE
Branding Experience Design Design Systems
Deliverables
Variable Mode Component Library & Style Guide Old School (.xls, Baby) Design Token Documentation Code-free Database Management Interface UX & Visual Design for Full-featured Messaging Application Multi-Touchpoint Visual Identity Marketing Landing Page
Foundational Design
The Nebula Design System
Sonr presented me with the very interesting challenge of building a design system that was lightly branded, so as to be a unifying element across all of the brand's products, while remaining easily customizable, such that it incentivized Sonr's growing community to leverage it when building applications on their platform.
Foundational Design
The Nebula Design System
Sonr presented me with the very interesting challenge of building a design system that was lightly branded, so as to be a unifying element across all of the brand's products, while remaining easily customizable, such that it incentivized Sonr's growing community to leverage it when building applications on their platform.
Foundational Design
The Nebula Design System
Sonr presented me with the very interesting challenge of building a design system that was lightly branded, so as to be a unifying element across all of the brand's products, while remaining easily customizable, such that it incentivized Sonr's growing community to leverage it when building applications on their platform.
UX & Visual Design
Speedway Product Dashboard
Speedway was Sonr's no-code database management tool for developers, designed to be the back end counterpart to the Nebula Design System. Developers needed a WYSIWYG interface to quickly visualize the organization and flow of data across the application they were building.
UX & Visual Design
Speedway Product Dashboard
Speedway was Sonr's no-code database management tool for developers, designed to be the back end counterpart to the Nebula Design System. Developers needed a WYSIWYG interface to quickly visualize the organization and flow of data across the application they were building.
UX & Visual Design
Speedway Product Dashboard
Speedway was Sonr's no-code database management tool for developers, designed to be the back end counterpart to the Nebula Design System. Developers needed a WYSIWYG interface to quickly visualize the organization and flow of data across the application they were building.
UX & Visual Design
Beam Messaging Functionality
Beam was the flagship application Sonr built on their own P2P network. Each user on the Sonr network has full control of their data, because each user profile is in essence its own autonomous domain. Thus, we had to build a system of contacts that accounted for domain names in addition to display names. Moreover, Beam functioned as a "airdrop on steroiods", meaning we needed a way to visually signify whether a user was online, as well as physically nearby.
UX & Visual Design
Beam Messaging Functionality
Beam was the flagship application Sonr built on their own P2P network. Each user on the Sonr network has full control of their data, because each user profile is in essence its own autonomous domain. Thus, we had to build a system of contacts that accounted for domain names in addition to display names. Moreover, Beam functioned as a "airdrop on steroiods", meaning we needed a way to visually signify whether a user was online, as well as physically nearby.
UX & Visual Design
Beam Messaging Functionality
Beam was the flagship application Sonr built on their own P2P network. Each user on the Sonr network has full control of their data, because each user profile is in essence its own autonomous domain. Thus, we had to build a system of contacts that accounted for domain names in addition to display names. Moreover, Beam functioned as a "airdrop on steroiods", meaning we needed a way to visually signify whether a user was online, as well as physically nearby.
UX & Visual Design
Beam Chat Features
Beam's aim was to compete with the established players in the messaging arena. Accordingly, it needed compete on features and offer improvements on available options. The lowest hanging fruit here was rich text formatting, native emoji reactions, and message forwarding.
UX & Visual Design
Beam Chat Features
Beam's aim was to compete with the established players in the messaging arena. Accordingly, it needed compete on features and offer improvements on available options. The lowest hanging fruit here was rich text formatting, native emoji reactions, and message forwarding.
UX & Visual Design
Beam Chat Features
Beam's aim was to compete with the established players in the messaging arena. Accordingly, it needed compete on features and offer improvements on available options. The lowest hanging fruit here was rich text formatting, native emoji reactions, and message forwarding.
Visual Identity Design
Branded Graphics
In order to build resonance with their audience, Sonr needed a visual identity specifically for their marketing properties, that was more expressive than their design system, but remained cohesive alongside it. I leaned on the theme of space exploration as a storytelling mechanism, noting that web3 was in many ways a new digital frontier. I then created a series of vibrant 3d "wave" assets to reflect the fluid nature of the industry, while evoking the colors and textures of the cosmos.
Visual Identity Design
Branded Graphics
In order to build resonance with their audience, Sonr needed a visual identity specifically for their marketing properties, that was more expressive than their design system, but remained cohesive alongside it. I leaned on the theme of space exploration as a storytelling mechanism, noting that web3 was in many ways a new digital frontier. I then created a series of vibrant 3d "wave" assets to reflect the fluid nature of the industry, while evoking the colors and textures of the cosmos.
Visual Identity Design
Branded Graphics
In order to build resonance with their audience, Sonr needed a visual identity specifically for their marketing properties, that was more expressive than their design system, but remained cohesive alongside it. I leaned on the theme of space exploration as a storytelling mechanism, noting that web3 was in many ways a new digital frontier. I then created a series of vibrant 3d "wave" assets to reflect the fluid nature of the industry, while evoking the colors and textures of the cosmos.
Visual Identity Design
Marketing Landing Page
Visual Identity Design
Marketing Landing Page
Visual Identity Design
Marketing Landing Page
"
messaging on my way to ibiza to let you know the nebula design system is incredible dude
Prad Nukala
CEO, Sonr
"
messaging on my way to ibiza to let you know the nebula design system is incredible dude
Prad Nukala
CEO, Sonr
"
messaging on my way to ibiza to let you know the nebula design system is incredible dude
Prad Nukala
CEO, Sonr
