Work

About

Work

About

No-code application design
No-code application design
No-code application design

A no-code/low-code platform built to help users design and launch web apps without needing to code from scratch.

An all-in-one platform to create and launch web applications.

The requirement, was to design the 1st MVP version of the platform. This included user research, information flow, navigation design, and detailed component interaction design (my favourite part), and finally, creating a working prototype of the no-code platform.

The Role was Product Designer - Here, I successfully designed a complex product, with multiple user logins and a ton of information. Design in this case could make or breake the company.

An all-in-one platform to create and launch web applications.

The requirement, was to design the 1st MVP version of the platform. This included user research, information flow, navigation design, and detailed component interaction design (my favourite part), and finally, creating a working prototype of the no-code platform.

The Role was Product Designer - Here, I successfully designed a complex product, with multiple user logins and a ton of information. Design in this case could make or breake the company.

Try it out..

Gramex IDE

Try it out..

Gramex IDE

Try it out..

Gramex IDE

The requirement,

To design the MVP version of the No-Code Platform, including an onboarding flow, project setup. the editor environment (where users could drag-and-drop components to build their application) and lastly, a deployment and analytics flow.

An all-in-one platform to create and launch web applications.

The requirement, was to design the 1st MVP version of the platform. This included user research, information flow, navigation design, and detailed component interaction design (my favourite part), and finally, creating a working prototype of the no-code platform.

The Role was Product Designer - Here, I successfully designed a complex product, with multiple user logins and a ton of information. Design in this case could make or breake the company.

An all-in-one platform to create and launch web applications.

The requirement, was to design the 1st MVP version of the platform. This included user research, information flow, navigation design, and detailed component interaction design (my favourite part), and finally, creating a working prototype of the no-code platform.

The Role was Product Designer - Here, I successfully designed a complex product, with multiple user logins and a ton of information. Design in this case could make or breake the company.

My Role

Product Designer - This included user research, information flow, navigation design, a detailed component interaction design (my favourite), and finally, creating a working prototype of the no-code platform.

An all-in-one platform to create and launch web applications.

The requirement, was to design the 1st MVP version of the platform. This included user research, information flow, navigation design, and detailed component interaction design (my favourite part), and finally, creating a working prototype of the no-code platform.

The Role was Product Designer - Here, I successfully designed a complex product, with multiple user logins and a ton of information. Design in this case could make or breake the company.

An all-in-one platform to create and launch web applications.

The requirement, was to design the 1st MVP version of the platform. This included user research, information flow, navigation design, and detailed component interaction design (my favourite part), and finally, creating a working prototype of the no-code platform.

The Role was Product Designer - Here, I successfully designed a complex product, with multiple user logins and a ton of information. Design in this case could make or breake the company.

Status - 🟢 LIVE

Duration - 3 Months

Discovery

Questionnaire

Competitor analysis

Feature analysis

All leadership thoughts in a place - the requirement, goals, USP, vision, users and ofcourse expected deliverables and timelines for the project.

Questionnaire

Competitor analysis

Feature analysis

All leadership thoughts in a place - the requirement, goals, USP, vision, users and ofcourse expected deliverables and timelines for the project.

Questionnaire

Competitor analysis

Feature analysis

All leadership thoughts in a place - the requirement, goals, USP, vision, users and ofcourse expected deliverables and timelines for the project.

The Problem

Defining the USP in an already competitive market.

✨ The Solution
Flow > Tasks > Opportunities

A flow is first created based on the general product usage, which are then broken down into tasks. These tasks are then analysed to identify areas of opportunities.

The Problem

Defining components with optimal and user friendly properties pannel.

✨ The Solution

Step 1 - Component properties.

All components were documented with a focus on clarity and consistency. Unique properties were noted, along with shared attributes like dimensions, alignment, and text styles where relevant. This made the platform easy to comprehend and easily use the editor environment.

Step 2 - User friendly Properties Pannel

Property panels were then designed for each component, with a strong focus on usability and a friendly user experience. This allowed users to seamlessly add components and set their properties. The property layout followed familiar patterns to keep things intuitive and avoid overwhelming the user.

Step 3 - Component design

The final step was designing each component’s visual style, its icon, and how it behaves in the editor after being dragged and dropped.

Try the platform

Click here

Gramex IDE

Click here

Gramex IDE

Click here

Gramex IDE

Contact to know more.

So much done but only so much shown!
Thanks to the confidentiality clause, not much can be displayed. Still curious? Lets hop on a call!

Schedule a call

Lets eMeet

Schedule a call

Lets eMeet

Schedule a call

Lets eMeet

Create a free website with Framer, the website builder loved by startups, designers and agencies.