1p-logo

Project pages

Project pages are web-based slide decks for quick pitches and social media consumption. The intent was for leadership and sales to be able to post a pitch or promotion to the website as easily as a Keynote deck.

1p-project-pages-grid-example
1p-project-pages-grid-example2
1p-project-pages-text-example
1p-project-pages-text-example2
1p-project-pages-keynote
1p-project-pages-grids
1p-project-pages-text

narrative block components

 The narrative team wanted a new approach to defining narrative structure. They were using Miro layouts; I suggested they use Figma components instead.

I created a small library of component cells and section blocks. Cell component properties made it easy to show/hide content and edit text directly in textfields. Section blocks used autolayout to organize cells and be stacked as pages.

lookout-narrative-blocks-v2
lookout-narrative-block-population

Figma project template

I created a Figma project template to help our design teams quickly ramp up a client project. It contained shared libraries (Brand & Color, Web Library, Icons & Illustrations, and Helper Kit) as well as production files for wireframes, layouts, touchstones, milestones, and assets.

1p-project-template-in-use
1p-project-template-docs
1p-project-template-files
1p-project-template-sticky-notes

B2B website

In between client projects, I was responsible for design updates to the agency website. Tasks included converting assets to Figma, organizing and managing the Figma libraries, designing new sections for the site, project manager for site development, and general clean-up.

1p-figma-project-files@2x
1p-library-colors-hex

Homepage (before & after)

1p-project-homepage-examples

Blog designs

1p-blog-layouts

email library

A small library with styles and components specific to emails. It uses the core Brand & Colors shared library, but has text and grid styles specific to email.

1p-email-layouts
1p-email-components

" Radley is an incredibly rare and brilliant team member. Across any digital project, he helps bring teams together through the creation of systemic design - including advocacy and education for the users of that system. This means business users, art directors/designers and developers.

Ultimately, this leads to better teamwork, brand consistency, accelerated development and a more enjoyable working relationship. That's Radley's superpower - creating tools and systems that promote collaboration and reduces friction.

Beyond that, he's an excellent UI designer and developer - empowering smart decisions and investments across projects. I love working with Radley - and will look for every opportunity to continue to do so in the future. "

 David Mayer

Director of Creative Technology at First Person

Selected works

LookoutBuilding and managing a Figma component library

First PersonDesign libraries, technical & web design for B2B agency

VectraDesign & component library

Omnicell (2021)Figma design & component library

Omnicell (2019)Sketch design & component library

EpilogApp design & development for iOS, iPadOS, and macOS

Disney Movies AnywhereAndroid design & development

HD WidgetsDesign & development

App StatsDesign & development

DayframeDesign & development

CloudskipperDesign & development

IlluminateOnline conference for pharma tech

VMwareInteractive conference presentation

Omnicell kiosksDevelopment & design

Star Wars APIDesign & development exercise

Fitness goalsApp design exercise

Starsky RoboticsUX research & design

The Ambient Mafia2021 – present

Elemental design1994 – 2003

footer-logo
Thank you for visiting ❤
Please let me know how I can help!
adobe-logodisney-logogoogle-logohonda-logokronos-quartetnfl-networkomnicell-logovectra-logoverizon-logovmware-logoy-combinator-logozynga-logoadobe-logodisney-logogoogle-logohonda-logokronos-quartetnfl-networkomnicell-logovectra-logoverizon-logovmware-logoy-combinator-logozynga-logoadobe-logodisney-logogoogle-logohonda-logokronos-quartetnfl-networkomnicell-logovectra-logoverizon-logovmware-logoy-combinator-logozynga-logo
View