Hi.
I'm Rylan.

UX / UI Designer,
Front-end Developer,
& Creative Director.

I enjoy solving problems by using data and process to create uniquely designed interfaces and solutions.

 

Scroll down
to view some of
my selected works

Shop Protect America

2018 – Website – Concept, Design, Build

A complete e-commerce experience developed from the ground up to encapsulate and simplify the home security buying process. Protect America prides itself on the tailored experience and customization it offers its customers. Particular attention had to be paid to allow customization while not bogging down the visitor with too many options.

Brick & Thistle

2018 – Website – Concept, Branding, Design, Development, Build

Content-rich website focused on handling multiple forms of content including: blog articles, images, and videos each in a unique way. Modular 'card' layouts were created based on categorization to fit an overall design narrative while showcasing each type of content.

Brick & Thistle

2018 – Website – Concept, Branding, Design, Development, Build

Content-rich website focused on handling multiple forms of content including: blog articles, images, and videos each in a unique way. Modular 'card' layouts were created based on categorization to fit an overall design narrative while showcasing each type of content.

Brick & Thistle

2018 – Website – Concept, Branding, Design, Development, Build

Developing modular system allows for easy additions or removals of 'card' layouts. Optimization of image types and sizes based on device type and screen size can be created on the fly for each modular design to allow for complete customization.

MyProtectAmerica

2018 – Website – Concept, Design, Build

Designed and built as a central hub for customers to do everything from control their system to find self-help technical support. User experience was focused on getting the user the most viable information as quickly as possible. Tech support sections dynamically change for the user, pushing up relevant content. A complete backend system was developed to assist non-tech savvy admins in getting content added to the site quickly and easily.

MyProtectAmerica

2018 – Website – Concept, Design, Build

Designed and built as a central hub for customers to do everything from control their system to find self-help technical support. User experience was focused on getting the user the most viable information as quickly as possible. Tech support sections dynamically change for the user, pushing up relevant content. A complete backend system was developed to assist non-tech savvy admins in getting content added to the site quickly and easily.

Clearly Booked Concept

2018 – Website & App – Concept, Design

Two concepts that focus on managing short-term rentals. The first being a CTA driven landing page to capture new customers. The second concept involved an all-in-one messaging system within an app to combine notifications from various sources. Each message chain had to be easily identifiable while still holding to the overall app's design.

Clearly Booked Concept

2018 – Website & App – Concept, Design

Two concepts that focuses on managing short-term rentals. The first being a CTA driven landing page to capture new customers. The second concept involved an all-in-one messaging system within an app to combine notifications from various sources. Each message chain had to be easily identifiable while still holding to the overall app's design.

Protect America

22017 – Website & Brand – Concept, Design, Build

As head of the in-house design and marketing team, the goal was to create a far reaching brand that makes people feel safe and secure. Rigorous A/B testing tied directly to the company's goals ultimately resulted in creating a research-based customer funnel that is carefully crafted to promote the brand and provide the customer with an informed buying decision.

Protect America

2017 – Website & Brand – Concept, Design, Build

As head of the in-house design and marketing team, the goal was to create a far reaching brand that makes people feel safe and secure. Rigorous A/B testing tied directly to the company's goals ultimately resulted in creating a research-based customer funnel that is carefully crafted to promote the brand and provide the customer with an informed buying decision.

A nation-wide company focused on a local footprint, dynamically generated pages were created for geo-specific regions supplemented by municipal burglary data, federal census data, geo-tagged reviews, and in-house content creation and curation.

Discover Hawaii

2016 – Website – Concept, Design, Build

Content-based site focused on travel in Hawaii. Photography took center focus to bring the user into the pages and explore. Tie-ins to multiple third-party APIs including: Yelp, Google Maps, and Booking.com were created to augment the content and provide the user more information.

Discover Hawaii

2016 – Website – Concept, Design, Build

Content-based site focused on travel in Hawaii. Photography took center focus to bring the user into the pages and explore. Tie-ins to multiple third-party APIs including: Yelp, Google Maps, and Booking.com were created to augment the content and provide the user more information.

Canary + Rook

2012 – Website – Concept, Design, Build

The main goal of this design was to mimic magazine spreads and catalogs. To highlight the importance and beauty of each picture, navigation and UI is purposely kept simple to bring the large and flashy images found in print catalogs to a digital form. Products are tagged and use uniform icons to be 'opened' for interested consumers.

Canary + Rook

2012 – Website – Concept, Design, Build

The main goal of this design was to mimic magazine spreads and catalogs. To highlight the importance and beauty of each picture, navigation and UI is purposely kept simple to bring the large and flashy images found in print catalogs to a digital form. Products are tagged and use uniform icons to be 'opened' for interested consumers.

Canary + Rook

2012 – Website – Concept, Design, Build

Designed with a social aspect that allowed users to upload and tag their own photos meant creating a user journey and experience that was easy to navigate and use. Steps of the process were broken up into three sections to allow the user to input more information while the server processed images and added data to the database.

Thanks for stopping by.

You can see more of my work at Dribbble, learn about my design process on Medium, Connect professionally through LinkedIn, or just say hi at hello@rylanfrancis.com

Artboard 1