Vacation Scheduling

Time and Attendance, is a web application to Schedule vacations.

Following Design Thinking, we began to create our Base Design System with out Tokens as: Color, Typography, Layout, Spacing, Stroke, Border, Shadows.

Our Molecules include several elements that are going to be used on our website and future mobile apps; such as Buttons, Search Boxes, Contextual Menu, Toggle , Checkboxes, Radio Buttons, Facepiles, Comand Bar, Dialogs, Modals, and so much more.

These elements are the base to create the Mockups and Prototypes for our applications and to have uniformity across all of them.

UX/UI created by J. Pablo Lizárraga.

Software used for Documentation: InDesign.

Software used for Prototypes: Figma.