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

Adobe ConsonantDesign library for the global leader in digital media

LookoutDesign library for the leading provider of data-centric cloud security

First PersonDesign libraries and technical design for a B2B discovery & design agency

VectraDesign library for the world leaders in AI security

OmnicellDesign library for the pioneers of autonomous pharmacy

EpilogDesign & development of a smarter Pomodoro activity log

Disney Movies AnywhereAndroid design & development for the family entertainment giant

HD WidgetsDesign & development of a #1 ranked Android app

DayframeDesign & development of a social media photo frame app

App StatsDesign & development of a metrics app used by Google

CloudskipperDesign & development of a popular free music player

Starsky RoboticsUX research & design of a remote-driving system for an autonomous trucking start-up

Flash design & developmentAdobe, Honda, NFL, Zynga, and more
(2003 – 2010)

ElementalCreative graphic design and illustration
(1994 – 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