WHO WE ARE

360DESIGN is a creative agency based in NYC. We work with our clients to meet their goals, developing strategies, brands, and disruptive technologies which result in innovative solutions across multiple channels that resonate with their audiences. We believe in using design and technology to enhance people’s lives.

360 Design | Design and Technology Enhancing Lives

Featured

Technology

01-postgres-header-still-copy

01-PostGres-Header-Still copy

Percona, a leading company in open-source database software, support, and services, entrusted 360DESIGN with a pivotal project. Their extensive website needed a swift migration from an outdated platform, paving the way for a new website and brand identity. The primary objective extended beyond visual refreshment, aiming to enhance user experience and streamline content management.

191217_htt_casestudy_system4-17776

191217_HTT_CaseStudy_System4-17776

01-percona-webrecord-homeloop-02_vp9

01-Percona-WebRecord-HomeLoop-02_VP9

The primary challenge was smoothly migrating extensive content to a CMS platform capable of supporting high traffic and functionality, all without any downtime. With more than fifteen products in their portfolio, the old site had grown disjointedly, with each product team going in different directions. 360DESIGN collaborated with Percona&#8217;s software teams to unify the entire platform while preserving distinct identities for each product.

Percona Platform software website screenrecording of product offering, open-source server blockchain database stabilty availability technology

01-percona-webrecord-mock-perconaplatform-01_vp9

01-Percona-WebRecord-Mock-PerconaPlatform-01_VP9

Percona logo, branding, logomark, logoset

percona-logo-stacked-01

Percona-Logo-Stacked-01

360DESIGN approached the extensive migration through a thorough content audit, meticulously categorizing thousands of pages. This enabled both teams to engage in comprehensive editing and comparative analysis. From this exploration, the inherent innovation within the product suite emerged, with each possessing a distinct character while maintaining connections. Visually, this was represented through the main brand&#8217;s apex logo and seven extension marks, employing color and blockchain-inspired design to convey unity and individuality.

gif_logotype_loopfull_001

GIF_LogoType_LoopFull_001

A scrolling grid of landing page views from the Percona website showing each of the distinctive software product logos

01-percona-headertiles-grid-03_vp9

01-Percona-HeaderTiles-Grid-03_VP9

Developers, Percona&#8217;s main users, are fast and goal-oriented web users. The previous site suffered from text overload, leading users to disengage. To boost engagement, 360DESIGN introduced 50+ bespoke static icons and over 20+ interactive motion icons. These additions, coupled with dynamic, colorful geometric backgrounds and overlapping layouts, enriched the user experience, commanding attention and fostering exploration.

Custom design iconography in motion, lottie files, bespoke design

01-icons-motion-03_vp9

01-Icons-Motion-03_VP9

00-icons-static-8s-01_vp9

00-Icons-Static-8s-01_VP9

01-icons-motion-04_vp9

01-Icons-Motion-04_VP9

00-icons-static-8s-02_vp9

00-Icons-Static-8s-02_VP9

A common challenge for software providers is helping users find the right software version for their system. 360DESIGN created a solution to simplify this process, presenting detailed download information on each product page through a clear tabular design to eliminate confusion. However, recognizing that many users are already familiar with the software, the 360 team devised a novel solution consolidated all versions for all products and operating systems in one place for single-click downloads.

01-icons-motion-00_vp9

01-Icons-Motion-00_VP9

Screenreording of the updated downloads section of the Percona site, an innovative 1-stop-shop to download any software in any version for any operating system in a single click 

01-percona-webrecord-mock-downloads-01_vp9

01-Percona-WebRecord-Mock-Downloads-01_VP9

The newly designed and coded site elevates Percona&#8217;s SEO, boasts efficient organization, embodies a modern and on-brand appearance, and ensures long-term scalability. The streamlined content management system facilitates quick updates, enabling Percona to remain agile in the ever-changing digital landscape. This project&#8217;s success underscores Percona&#8217;s commitment to innovation in the database solutions space, solidifying its tech-forward image.

Percona digital billboard marketed towards blockchain developers

01-billboard-motion-01_vp9

01-Billboard-Motion-01_VP9

A scrolling visual diagram representing the software product offerings of Percona and the features that differentiate from competition

01-percona-webrecord-mock-layercake-01_vp9

01-Percona-WebRecord-Mock-LayerCake-01_VP9

Extended Reality

Sustainability

Transportation

hyperloop-home-thumb

Hyperloop brings airplane speeds to ground level, safely. Passengers and cargo capsules hover through a network of low-pressure tubes between cities and transforming travel time from hours to minutes. The challenge is to design the brand, communications, and tools for the future of mobility.

Using multiple channels of communication HyperloopTT is creating global excitement and interest in a transportation system that is still in the development and build phase. Crowdsourcing innovation from contributors across disciplines has resulted in rich and dynamic solutions for every application

website_hometech_005-compressed

Website_Home+Tech_005-compressed

badges-17965

Badges-17965

gif_logotype_loopr_001

GIF_LogoType_LoopR_001

icons-17971

Icons-17971

gif_logotype_loopt_001

GIF_LogoType_LoopT_001

screen-shot-2021-04-21-at-5-54-20-pm

Screen Shot 2021-04-21 at 5.54.20 PM

Passengers and cargo capsules hover through a network of low-pressure tubes between cities transforming travel time from hours to minutes.

htt_moreloop_001-2

HTT_MoreLoop_001

By delivering the next breakthrough in mobility, Hyperloop TT will make peoples’ lives more frictionless, empowering people to have more time, choice and freedom.

ROUTE SIMULATOR 
Want to see how little time it takes to get from Paris to Berlin, from Shanghai to Beijing, from Motueka to Timaru? The route simulator draws a route on a map and calculates variables such as the number of people transported compared to other modes of transportation, time saved, speed, and CO2 emissions (Hyperloop has none).

htt_routesim_rec_15s

HTT_RouteSim_Rec_15s

AR &amp; VR EXPERIENCES 
An augmented reality simulation means that a capsule can be tracked inside the tube. Peripheral telematic data tracks key metrics of the capsule, tubes, and system.

hl_beach_30s_halftime_001

HL_Beach_30s_HALFTIME_001

SHORT FILMS + ANIMATIONS 
Storytelling can be a powerful way to communicate the narrative of a novel technology. Short films appeal to people&#8217;s emotions, explain the technology and expand reach and awareness to help grow the pool of innovation resources. Films under 1 minute are designed for social media channels and longer versions can live on the website, presentations, in the office space, and YouTube.

191220_htt_destinations

191220_HTT_Destinations

Covid-19

Health

mit-thumb-1

Working with MIT-Media Lab, it became apparent the need to create a hub for their artificial intelligence systems to communicate with the public and allow science-based information to break through a fragmented media environment.

darwins_casestudy_designfiles_001-15

DARWINS_CASESTUDY_DESIGNFILES_001-15

healthpulse_animationone_1920x1080-2

HealthPulse_AnimationOne_1920x1080

Life-saving public health messages aren’t being heard, trusted, and adopted in the US today. The mission is to build a 21st-century public health communications system that has the intelligence to navigate our fragmented media landscape, the humanity to acknowledge diverse experiences, and the power to inspire collective, effective action.

healthpulse_webrecording_july2021_002

HealthPULSE_WebRecording_JULY2021_002

healthpulse_animationtwo_1080x1080-2

HealthPulse_AnimationTwo_1080x1080

A design system was created to illustrate the capabilities of MIT Media Lab’s cutting edge technologies that listen to news and social media, scope the areas where messaging is fractured and imbalanced, and suggest ways in which the truth can be secured and distributed through media channels.

healthpulse_animationtwo_1080x1080-3

mit_secondaryicons_blue

MIT_SecondaryIcons_Blue

mit_secondaryicons_blue-01

MIT_SecondaryIcons_Blue-01

healthpulse_animationthree_1080x1080

HealthPulse_AnimationThree_1080x1080

healthpulse_animationthree_1080x1080-2

audiencemapping_credit_001-01

AudienceMapping_Credit_001-01

To assist in the users&#8217; understanding of this new and complex technology, data visualizations became an element of communication to show how ideas flow and filter in this new era of social media consumption. How a single source, with the right reach, can spread disinformation to immense clusters.

cascade_rotate_data2_5_10s

AirTerra is a new shipping and logistics company that is breaking up the supply chain and providing retailers of any size a level playing field to compete with the biggest retailers. 

AirTerra, Shipping, Logistics, Technology, Climate Change, Small Business

at_casestudy_thumb_001

AT_CaseStudy_Thumb_001

AirTerra is a logistics company that is here to break up the supply chain and help give small and mid-sized retailers a level playing field in this new era of ecommerce. 360DESIGN began working with AirTerra from conception and throughout the company’s journey of growth, creating a graphic system that stands apart from other shipping giants.

The logo mark 360DESIGN developed for AirTerra consists of an abstraction of the Delta symbol, meaning a change of movement which points back not only to the company’s manner of moving packages but also their intent to change the way the logistics industry works. Hidden in the symbol, angled for flight, is the letter “T” to connect air to earth. The handcrafted word mark sets the stage for a company ready to change the future.

at_homefull_001

AT_HomeFull_001

User Interface, however small, plays a part in shaping the visual language of the brand. For AirTerra the use of an orange line as a scroll bar or progress bar helps to guide users through the site. It is embedded in many different ways, as a hint back to the transportive, point-to-point nature of the business.

airterra_ilustrations01

AirTerra_Ilustrations01

airterra_ilustrations03

AirTerra_Ilustrations03

airterra_ilustrations02-copy

AirTerra_Ilustrations02 copy

To break away from traditional logistics carriers, abstract illustrations we’re created to aid some of the more complex value offerings that AirTerra is introducing into the market. Maintaining the idea of being future forward and offering simplicity, these illustrations distilled the visuals of boxes, trucks, packages and planes into 3D geometric shapes that assemble in various ways to tell a story.

at_services_002

AT_Services_002

airterra_ilustrations04

AirTerra_Ilustrations04

AirTerra has four primary choices of services, each with striking names that called out to have an icon graphic to match. The four illustrations use the same visual style as the primary illustrations of geometric abstractions of real-life tokens.

airterra_ilustrations05-copy

AirTerra_Ilustrations05 copy

airterra_ilustrations06

AirTerra_Ilustrations06

airterra_ilustrations07

AirTerra_Ilustrations07

at_about_recording_002-2

AT_About_Recording_002

With supporting pages like the FAQ and our innovative quick quote pricing calculator, the traveling line maintains continuity as a thread that creates for a one-of-a-kind user experience.

faq-airterra-14-january-2022-3

FAQ - Airterra - 14 January 2022-3

at_calculator_002

AT_Calculator_002

As a final touch to the user experience, over a dozen icons were designed in order to keep the visual language established by the main illustrations alive throughout the website. Everything, right down to the loading animation feels in-sync.

at_icons_gif

AT_Icons_GIF

After only 6 months of shipping packages, 360DESIGN was tasked with creating 30 second animated advertisements for LED billboards in Times Square and the Las Vegas Strip. The display in Times Square was created for an iconic 3-story tall display and using the minimal abstract illustrations from the website as a jump-point 360DESIGN created a 3D animation that tells the story of AirTerra&#8217;s product offerings in an eye-catching manner.

alt_1min-times-squarecompressed

ALT_1min Times SquareCOMPRESSED

30s-vegas-compressed

30s Vegas compressed

Entertainment

Events

Non-Profit

Combining virtual and 2D worlds to engage and tell stories about our intercultural pasts.

Shared History Project | 360Design

leo-thumb-1

The goal of the Shared History Project is to convey the relevance of historical events to the present and make history useful in educational settings and intercultural contexts by making a museum globally accessible.

02_3danimation_lbi

02_3DAnimation_LBI

The Shared History Project logo encapsulates the project&#8217;s goals — a two-dimensional shape that conveys the idea of a projection — a coming forth of the connection between cultures across time. This consideration of projection and time becomes the visual language that the following applications adopt.

landingpage_recording_001

LandingPage_Recording_001

An interactive timeline guides the users through various epochs of Jewish life in German-speaking lands. Each week an object is released and users can view the object — sometimes in three dimensions with the use of photogrammetry — and get closer to historic moments full of detailed information without having to traverse the globe to see these items from various collections.

timeline_recording_001

Timeline_Recording_001

Items, like the earring below, can be viewed in 360 degrees. They can be seen from every angle at high resolution to give the user the experience of holding and interacting with a museum exhibit they would otherwise be unable to touch. The interaction and memory retention principle ensures that lessons learned from the Shared History Project remain with the user long after visiting the exhibit.

lbi_earring_comp_001

LBI_Earring_Comp_001

group-2423

Group 2423

grauselhorn_001

GrauselHorn_001

The website also features a completely virtual museum space that can be viewed on any device from desktop to phone and even a VR headset for a completely immersive and groundbreaking experience. The VR experience uses a single metallic tube system to represent the 1700 year timeline that becomes the pedestal for objects and gateways to 360 photographs of historic locations.

virtualmuseum_recording_003-2

VirtualMuseum_Recording_003-2

Following the success of the Shared History Project website and virtual museum, there was a demand for a more tangible exhibition that could extend the reach of the project&#8217;s mission of raising awareness about different cultures living in a shared environment. 360DESIGN developed a traveling exhibition of 12 standing modular panels that could be arranged in multiple configurations depending on the space they needed to occupy.

lbi_travelingexpo_002-2

LBI_TravelingExpo_002

lbi_travelingexpo_005-2

LBI_TravelingExpo_005

The panels fold and collapse and fit into a custom fabricated case that can then travel around the globe to various cultural institutions to be erected and packed away for another location. Rather than using a timeline format for the structure of information, each panel dives into a specific theme that traverses time and highlights three historical objects to illustrate the importance of that theme. The exhibition was designed in two sets, one in English and one in German depending on their final destination.

lbi_travelingexpo_003-copy

LBI_TravelingExpo_003 copy

all-in-home-thumb

&#8216;All In: The Fight For Democracy&#8217; is a gripping documentary chronicling Stacy Abrahms&#8217; losing battle to become governor of Georgia. Using this as a vehicle, filmmakers Liz Garbus and Lisa Cortes examine the history of voter suppression and the activists who fight for the rights of U.S. citizens. Part film premier, part information website, 360DESIGN set out to both inform and give people the tools to combat voter suppression.

01_bkgvideo

01_BkgVideo

all-in-the-fight-for-democracy

ALL IN: THE FIGHT FOR DEMOCRACY

While guests wait for the screening of the film to begin they are able to browse through a menu that offers extras like a gallery featuring behind-the-scenes shots from filming, biographies of the cast and crew, and an FAQ section that answers a multitude of questions about voting. The FAQ page also offers a call to action for those who feel compelled to join in the fight.

all_recording_gallery-extras_001-2

ALL_Recording_Gallery-Extras_001-2

all_image_001

ALL_Image_001

all-in-the-fight-for-democracy-2

Following the film’s screening, viewers can remain in the theater and have a front-row seat to a question and answer session with Stacey Abrams, Gale King and the directors Liz Garbus and Lisa Cortes, making this a premiere screening like no other.

allin_qa_compmash_theater_001-2

AllIn_QA_CompMash_Theater_001-2

stacey-abrams-in-all-in-the-fight-for-democracy

Stacey Abrams in ALL IN: THE FIGHT FOR DEMOCRACY

gpms-home-thumb

ForesightMX is an Advanced user interface and user experience telematics design, measuring micro-vibrations in critical moving parts of helicopters that allows mechanics to see potential part failures and stresses on the aircraft before they happen. This disruptive technology is helping save lives and bring efficiencies to the aircraft industry.

gpms-thumb

GPMS creates next-generation health and monitoring systems for commercial, military helicopters, prop planes, and machinery with moving parts such as wind turbines and pumps. These systems allow aircraft fleet owners and maintainers to spot abnormalities in real-time for safer and more productive operations.

WHO WE ARE

Percona

HyperloopTT

MIT Media Lab

AirTerra

Leo Baeck Institute

Amazon

GPMS