(Part 1) Objective

The main objective was to design components, developed in Figma for the Duda Builder platform. The platform will have a streamlined process and be tailored to reflect a unique brand identity efficiently. I ensured smooth integration, migration, and effortless management and maintenance of a single code base system.

The Process

(Part 2) UX Task Flow

(Part 3) Low Fidelity - Wireframe

I utilized Figma and Duda as the foundation for the wireframe skeleton. I also integrated industry UX best practices to produce a unified and consistent design structure and system for various sections of pages.

Visual Hierarchy

Having clear and organized UI and UX specifications is essential to ensure a smooth transition from design to implementation. This document aims to clearly outline and explain the user interfaces and specifications, which include page framework, actions, configurable values, and a blueprint of each element or component's function within Figma and Dudas functional aspect.

(Part 4) High Fidelity - Visual Design

The design elements for the platform utilize Duda as a foundation. Each component can be defined and customized based on each brand image. As part of my responsibilities, I created new email templates and functions that were identified as missing during the gap analysis. Specifically, these new email templates were primarily focused on formality and functionality. 

(Part 5) Final Web Design

Through my work at Sterling Banquet Hall, I have collaborated with several known elements, including Figma, Duda, HTML, and CSS. Each with modifications and customizations, which we incorporated using the Duda platform and configuration files. This setup facilitated the ease of use and allowed additional users to add or modify features with ease.

View live project