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 major projects. Or check out my Dribbble for quick designs, logo, and print work.

 

Scroll down
to view some of
my selected works

Shop Protect America

2019 – Website – Role: 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.


Read more about the process.

Next

Shop Protect America

2019 – Website – Role: Concept, Design, Build

Every piece of the e-commerce platform uses an extensive backend of attribution and error tracking. This allows data to inform the design so that it continues to evolve. From small content changes to sections of the buy-flow being redesigned, A/B testing is an integral part of the design process to optimize the site over time.

Previous

Journii

2020 – Website – Role: Concept, Design, Build

A travel website that from a design perspective is broken down into two separate interfaces. The first is heavily content oriented with large format photography - these pages allow the user to find new places to travel to, be excited, and explore. The second is designed toward the user and information architecture - an area where they can build their travel plans in detail. Both sections work seamlessly together to provide the user with important research and travel organization tools.

Next

Journii

2020 – Website – Role: Concept, Design, Build

Information cards were designed to allow for a repeatable design pattern that can be customized to the data provided. Weight, size, and proximity is key to show information in a meaningful way. High importance items are pushed forward while supporting information is grouped near it to tie it together as one whole idea. Overall, the design provides an easy to follow schedule of a person's trip that they can view or edit at any time.

Previous

OneStop AV

2020 – 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.

OneStop AV

2020 – Website – Role: Concept, Design, Build

Landing page and website for a small business in audio and visual rentals. The key focus of the design was to imbue the feeling of professionalism and trust the company promotes in its offline presence. Swaths of bright blue color blocks are used as a way to break up ideas or areas of content.

Brick & Thistle

2018 – Website – Role: 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 – Role: 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.

Next

Brick & Thistle

2018 – Website – Role: 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.

Previous

MyProtectAmerica

2018 – Website – Role: 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 – Role: 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 – Role: 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 – Role: 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 – Role: 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 – Role: 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.

Next

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.

Previous

Discover Hawaii

2016 – Website – Role: 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 – Role: 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 – Role: 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 – Role: 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.

Next

Canary + Rook

2012 – Website – Role: 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.

Previous

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