Define the features of your app

[mdsojolh43]

You've got your idea, you've validated the market, now it's time to list everything you want your app to do.

The common mistake here is to get carried away and have too many ambitions in terms of features. The more features you add, the longer it will take to build your web application. Often, the longer it takes to build a web application, the more frustrated you will be.

Focus your efforts on features that solve problems for your target markets.

To inspire you, here is a list of the basic functions needed for a simple CRM application.

Create an account
Recover lost passwords
Change their passwords
Create new contacts
Download new contacts
Assigning a value to contacts
Write notes under germany whatsapp lead the heading “contacts”
Designate a contact as a lead, customer or partner
Filter contacts by lead, customer or partner
View the total value of leads, customers and partners
Try to do the same exercise, adapting it to your concept of course.

Design phase
create web design application

#4 Sketch your web application
The method we recommend using is a notebook (without lines) and a pen or pencil. Old school!

After steps 1, 2, and 3, you should have an idea of ​​what your web application is, who your users are, and what features you're going to include.

Make a sketch of your web application's user interface – it doesn't have to be exact, it's just a sketch.

When sketching, consider the following:

Navigation
Appearance of your brand
Forms
Buttons
Any other interactive element
Sketch out the different versions of your web application. Consider how the features of your web application will affect the overall design.

Annotate your sketch and describe how your application should work.

Taking notes will help you clarify and understand why you designed certain elements at a later stage.

Again, don't get carried away. Your sketch is meant to communicate and experiment, not to sell. Overcomplicating the design at this stage will only lead to frustration.

#5 Plan your workflow
It’s time to put yourself in your user’s shoes. In this step, we’ll plan the workflow of your web applications.

Now it's time to go back to step 2 and study your market research. Take your list of competitors and sign up for their free trials. Play around with their product quickly and take notes on what you think is good and bad.

After analyzing your competitors' web applications, it's time to identify the different workflows of your application. To do this, consider the following points:

How does a user register?
Do they receive a verification email?
How does a user log in?
How does a user change his password?
How does a user navigate the application?
How does a user pay for the app?
How can a user cancel their subscription?
Suddenly, our one-page web application turns into a 10-page web application. So it's time to make a list of the different pages in your web application.

A little tip from La Fabrique du Net
Consider the different states of the pages. For example, the home page will have two states: connected and disconnected. Connected users will see a different page than disconnected users.
#6 Create a prototype of your application
Prototyping allows you to go further by adding an interactive display of your future application.

You can make a prototype using the following tools:

Sketch (macOS)
InVision Studio (macOs)
Adobe XD (macOS, Windows)
Figma (Web, macOS, Windows, Linux)
Balsamiq (macOS, Windows, Web)