We live in a digital society where everything you need is just a click away. But this desire and rush to have it all by now has led thousands, if not millions, of companies to want to have technological products with that same desire, making a big mistake in the process and with disastrous consequences.

Scrummers have been growing and learning over the years and one of the most valuable lessons has been to “do everything in time”. Of course, we also suffer from the desire to have everything already. 

Even in our work we sometimes become so obsessed that we stop sleeping or eating because we want everything to happen instantly but the reality is that this desire as the grandmothers say “only leaves you tired”  

That’s how some great geniuses or geniuses realized that to make a software product like a website or an application you had to think about many things before you developed it and then create the prototype process.

This process consists of creating some steps that allow your product to come to life before it goes through the hands of the engineers (masters, Jedi, code geniuses). This helps to anticipate errors and avoid changes that, if they occur in the code phase, will be much more complicated to make.

The whole process that follows is handled by our UI/UX or interface and user experience team.


1.Sketch or draft

Literally, this step is like the Mickey Mouse game or sketch when it was still called Mortimer but prettier. We leave the computer screen, to come to the paper and draw the first ideas of our product, little squares here, little squares there, position of the logo, of the buttons that must go, where our social networks will go… and suddenly we have finished the phase that starts the war frames.


When we already have a sketch that has gone through comments, ideas, drafts, changes, more ideas, more changes and drafts, we get closer to what is probably the initial design of the product we want to create, for example, a website. 

This is where we must use a program to carry out this process (in our case, we use Adobe XD). And from here is when we start to prioritize the spaces, the functions, to imagine how this page will lead us to another one and how that space or interface that we have destined for the product to come to life will be thought of.

This is the link between the architecture and the needs with the graphic concept that the final product will have without this meaning that you can already see images or colors. This is a more advanced sketch in digital terms, organization or prioritization, but gray.

3. MockUp

The architects of this blog are designers, so in order to maintain the unanimity in Scrummers, we have agreed that this is our favorite phase.

The reason is because it is here where everything starts to have color, shapes and visually gives us allusions of what will be the already finished product. Obviously this has other processes of which we will tell you later, such as testing with real users, where everything can change.

The Mockup or model is able to show the customer a faithful idea of how your product will be. This is possible through a ‘reliable’ approach to reality that will then have the process of writing the code.

In this part the final user will be able to see many things, from the graphic design of the prototype, to try out certain functionalities such as clicking a button and having it take him to another page where he will see an animation of his logo that will give space for a video to be played. 

4. Prototype, that’s the name of this phase of the development stage. 

The advantage of creating this mockup before the development phase is that it allows you to see where all the information will be, but above all, how it should be. For example, where the images will be positioned, how the colors and animations look like. 

This allows us to make changes much faster in a “budget-friendly” way because changing a color or a structure will not require so much time in this phase compared to the time it would take to do it in code. 

In other words, this development system reduces the work time and maximizes the money invested.

To get an idea of what the prototyping process is like, we’re going to explain it a little better.

This prototyping process is ideal for testing with real users who will get the product and understand if it is functional, deserves adjustments or is definitely already perfect for developers.

The consequences are economic savings and less development time. It’s all the advantages.

Our customers love that!

 Now, if you are thinking of taking that big step to create a software product that your company needs to grow and take your operation to the place you dream, leave it in our hands.

We are experts in making your dreams come true. We guarantee hard work, exigency and commitment for you to achieve your goals. 

Scrummers has for every step, someone in love with what he does.

Please contact us for additional information or for our technology expert advice you with your inquiry. Find out more about our processes and working methodology at www.scrummers/#blog you will see that you will not regret it… 

Scrummers Team

Author Scrummers Team

More posts by Scrummers Team

Leave a Reply