Charlotte Mae Efren | Pixelmai

— Project BrieF —

Lemon Forms (Easy Peasy Lemon Squeezy Forms) is one of the projects of NZCS. It is a software as a service (SaaS) that provides users an easy way to build and manage online forms. One of Lemon Form’s aims is to promote an environment-friendly way of gathering data and provide a faster way of accessing and analyzing its results. Additionally, the web application was built to be fully responsive to cater to both clients working in their offices or outdoors.

— Roles and Responsibilities —

UX/UI Design, Print Design, Illustrations, Front-end Development, Responsive Web Design

In Lemon Forms, I designed for the web application’s overall user experience and interfaces. Tasks for this project included the creation of low and high-fidelity wireframes and detailed designs. Coding the front-end prototypes using HTML, CSS, JS was also my responsibility.

Moreover, the web application had to be fully responsive. Additional screens had to be designed to provide the seamless experience of using the features in different devices. The web application was checked in multiple devices (desktop, tablet, and phones) and web browsers for compatibility and consistency.

I also collaborated with a team of developers implementing the backend code of the web application. I had to ensure that there is a good flow and transitions when navigating the interfaces and assess that the design standards are met during the implementation of the code in .NET template views.

Lastly, I also created advertisement designs for social media and printed materials.

— Tools and Technologies —

Design: Adobe Photoshop, Adobe Illustrator, Adobe XD
Development: HTML, CSS (Foundation), jQuery, .NET

— App Preview —

The video below provides a quick tour of the features of Lemon Forms.
These are the front-end markup coded using HTML, CSS, and jQuery.