Following my last project working on the frontend of Arajet’s Arabonito site, I was able to make good use of the same design principles and visual language when taking on the task of building the Referrals program.

Design

During the initial design process, I began building the Figma mock-ups, with highly interactive prototypes (on both mobile and desktop) to meet the Referrals app’s comparatively more complex feature requirements.

Final Figma prototype of the Arajet Referrals site

Development

From my previous work on Arabonito, I was able to reapply my preexisting component library for the new Referrals project, with modifications to the library, from general refactoring to the visual, according to Arajet’s new style guide.