Entertainment

Events

Featured

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

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.

All In: The Fight for Democracy

More Projects

Percona

Hyperloop TT

HealthPULSE