The Arrayo website on a tablet, a laptop and a phone on a concrete ledge: “We empower data intensive businesses” beside a blue rounded shape, and the menu on the phone
Back to our work
Our work · Arrayo

Two fields of expertise. One identity.

Arrayo helps financial services and life sciences organisations make better use of their data. Based in Boston and New York, its teams work on challenges ranging from risk and regulatory compliance to biomedical research and drug development. We worked with Arrayo to bring those specialisms into a shared visual identity, website and animation. Keeping its existing logo and symbol, we developed a wider design system that gave each side of the business its own expression while keeping the company recognisable as a whole.

Visit the website (opens in a new tab)teamarrayo.com

See the work Read the story

  • ClientArrayo, Boston and New York
  • WorkResearch, visual identity refresh, brand guidelines, stationery, website design and development, animation
  • Project2023–2024

The work

Three Arrayo posters in a tiled underground passage: “We empower data intensive businesses” over blue shapes, “Our experts make a difference” with a cut ring, and a molecule photograph framed by a flowing white form

01We retained the logo and symbol, then developed a bolder colour palette, expressive typography and custom visuals around them.

The two 2024 event displays side by side on grey: Financial Services in charcoal, purple rings and green dots, and Life Sciences and Healthcare with a glowing DNA photograph

02Within this shared language, we developed different visual expressions for the two divisions.

Arrayo stationery on light grey: a letterhead with a purple wave, a rolled poster, envelopes, business cards, a dark notebook with a waveform and a purple pencil

03We documented the refreshed identity in a brand book and applied it to stationery and communications materials, giving Arrayo a reference for using the system consistently.

Five full pages of the website design side by side on grey: home, about, Life Sciences, Financial Services and Insights, in charcoal and white with blue rounded shapes

04The redesigned website brought the visual system into the way Arrayo introduced its business and services.

05Animation extended the project into another format.

Both belonged to the same company and needed to feel connected.

The full story

How we got there

In this case study
ClientArrayo, Boston and New York
WorkResearch, visual identity refresh, brand guidelines, stationery, website design and development, animation
Project2023–2024
Websiteteamarrayo.com

The brief

Arrayo wanted its brand and digital presence to reflect the expertise behind its work. Its existing logo and symbol were to remain, with the transformation taking place across the visual language around them.

A brand book page with the Arrayo wordmark and its circular symbol twice: white on charcoal and charcoal on off-white
The retained logo and symbol, from the brand book

The identity also needed to accommodate two divisions with different audiences. Financial services communications had to speak to technology, data management and compliance. Life sciences communications needed to convey scientific precision and an understanding of research. Both belonged to the same company and needed to feel connected.

Understanding the business

We began with interviews and focus groups involving Arrayo’s staff and clients. These conversations informed the identity and the way the company presented its work across the website and communications materials.

The shared starting point was Arrayo’s expertise in data. The applications varied between sectors, but the broader purpose connected them: helping organisations collect, manage and use information to support their work.

A moodboard page of office photographs: teams around a table, people at laptops and a data presentation on a screen
Moodboard: photography of people at work

That gave us a basis for developing an identity with room for both specialisms, and for explaining what brought them together.

Building the visual language

We retained the logo and symbol, then developed a bolder colour palette, expressive typography and custom visuals around them.

Two brand book pages on grey: the colour palette in purple, blue, green, charcoal and white, and the Gilroy typeface
Colour palette and typography, from the brand book

Deep charcoal backgrounds, purple and green accents, and large areas of white gave the website a distinctive rhythm. Rounded, connected graphic forms introduced a more fluid element, carrying illustration and imagery through the layouts.

Four key visuals on charcoal: “Our experts make a difference” over blue shapes, a purple waveform with a green line, and two laboratory photographs framed by flowing forms
Key visuals built from the rounded, connected forms

Within this shared language, we developed different visual expressions for the two divisions. The financial services direction used vivid graphics to convey its technology focus. Life sciences took a cleaner, more precise approach to imagery. The common typography, palette and graphic treatment held them together.

Four posters in two groups: on charcoal, two dark designs with vivid blue shapes and rings; on light grey, two lighter designs with a molecule and a DNA photograph
Financial services and life sciences: two expressions of the same system
Two roll-up banners on grey: Financial Services with a cut purple ring, and Life Sciences and Healthcare with a large blue shape
Roll-up banners for the two divisions, 2024

We documented the refreshed identity in a brand book and applied it to stationery and communications materials, giving Arrayo a reference for using the system consistently.

Four brand book pages on charcoal: the cover, the statement “We empower data intensive businesses”, Key Visual and Photography Style
Pages from the brand book

Bringing the identity to life

The redesigned website brought the visual system into the way Arrayo introduced its business and services. It gave the two specialisms a place within the same experience, alongside the company’s people, values and expertise.

The layouts combined bold opening statements with space for more detailed explanations. Custom illustration helped introduce the work, while the identity’s graphic forms connected the pages visually across desktop and mobile.

Two phones on grey: the “We empower data intensive businesses” visual and Arrayo’s LinkedIn page with a case study post
The identity on social media

Animation extended the project into another format. The film, Empowering Data-Intensive Businesses, presented Arrayo’s expertise through an illustrated story, complementing the website and wider identity.

Two storyboard pages on charcoal: line drawings in purple of a team at a wall of charts and a woman at a screen of graphs, with the voiceover notes
Storyboard pages for the film

The outcome

Arrayo gained a shared design system spanning its brand guidelines, stationery, website and motion work. Its financial services and life sciences divisions could communicate in ways suited to their audiences while remaining part of a recognisable company identity.

A life sciences poster in a tiled passage: “Our experts make a difference” beside a scientist at a microscope, framed by a white flowing form
A life sciences key visual in use

The refreshed identity received positive feedback from staff and clients. The project brought Arrayo’s two areas of expertise into a more coherent public presence, building on the logo people already knew.

Visit Arrayo · Watch the animation

Made by

Penrose

  • Research: interviews and focus groups
  • Visual identity refresh and key visuals
  • Brand book
  • Stationery and communications materials
  • Website design and development
  • Animation
Next case studyCEMROn-brand by default.