Lemon forms 2017

UI/UX Design  |  Responsive  |  Front-end Development |  Branding & Print Design

Lemon forms 2017

UI/UX Design  |  Responsive  |  Front-end Development |  Branding & Print Design

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. 
 Web Screenshots 
Dashboard
Dashboard
Choose Template
Choose Template
Create Form
Create Form
Settings - Overview
Settings - Overview
Settings - Subscription Plans
Settings - Subscription Plans
Settings - Design Defaults
Settings - Design Defaults
 Mobile Screenshots 
Phone - Dashboard
Phone - Dashboard
Phone - Sliding Nav for Folders and Navigation
Phone - Sliding Nav for Folders and Navigation
Phone - Create Options
Phone - Create Options
Phone - Settings
Phone - Settings
Phone - Create Form
Phone - Create Form
Phone - Create Form Fields List
Phone - Create Form Fields List
Tablet - Create Form View
Tablet - Create Form View
 Brand Materials & Illustrations 
Illustrations for Social Media
Illustrations for Social Media
Business Card Design
Business Card Design
Brochure printed on recycled paper
Brochure printed on recycled paper
​​​​​​​Have a project in mind?​​​​​​​

Other Works

Back to Top