Visual Identity • Art Direction • UI Design

FDI Website & Online Educational LMS

Web & UI design. Brand identity design

Visual Identity • Art Direction • UI Design

Visual Identity • Art Direction • UI Design

The Floral Design Institute's digital presence required a cohesive system that could serve two distinct functions: marketing the brand and delivering a full online learning experience. The work spans visual identity, web design, and UI design and light UX design of a custom LMS — all unified under a single, refined design language.

FDI_Large2.jpg
A Floral Makeover

A Floral Makeover

The identity draws from the precision and elegance of the craft itself — clean composition, considered typography, and a color palette that feels both modern and timeless. The LMS design prioritizes ease of navigation, with a curriculum structure that supports progressive learning without overwhelming first-time visitors.

FDI_Large5.jpg
Online Learning Management System

Online Learning Management System

FDI wanted to take their business to the next level by taking all their course material, including slideshows and video, and making it available online for their students to access through a secure and personalized dashboard.

FDI_Large4c.jpg
FDI_Large4b.jpg
FDI_Large4d.jpg
UI Elements • Design Systems

UI Elements • Design Systems

A visual style guide is necessary to keep the brand experience consistent across all digital properties. Plus, it makes it easier to implement new features and scale as the business grows.

FDI_Large9.jpg
Design Boards • Brand Exploration

Design Boards • Brand Exploration

Exploring the brand’s visual identity was key. It helped to establish a visual direction before heading into the digital experience. Yay for a consistent brand experience!

FDI_Large.jpg
Time for change

Time for change

The image above is their old look and feel. Hooray for change!