Magic Estate

Magic Estate
5 Months
Mobile & Web Application
Payble Framer Website

MAGIC ESTATE is a product of Estate Property Solutions Private Limited is a Private incorporated on 25 September 2021. It is involved in Real estate activities with owned or leased property.

This class includes buying, selling, renting and operating self-owned or leased real estates through various middleman such as channel partner, executives, builders, etc. In order to coordinate all those people Magic Estate was built in to act like a bridge between the leads and builders world.

What had to be done?

“Building Mobile and Web Applications to handle sales by 4 main characters of real estate world - Channel Partner, Builder Executive, Leads, and Magic Estate Team (The Mediator)”

Design Thinking Process

Empathize —> Ideate —> Define —> Wireframing —> Prototype


Empathise

Here empathising to understand our users was done till the end of th project , though initially we created Style scapes , market research , Logo and Branding ideas. The Continues process throughout any phase of Design in this project involved discussion with client to understand their Business.

Define

Due to the lack of precise Information i.e the document we had to understand and define to whom we are designing for and who are the target of our users since it is a B2B Project. Defining not only our users but also the problems we are trying to solve in the product , since the client already knew where the other applications missed logics. We also defined few design goals for our product like mapping designs from one user app to other to maintain a loop.

Ideate

Based on the feature listing , client inputs and our research we created IA’s and made some points how we can proceed.


“Initially we had ideated for 3 platforms i.e. CP Mobile App , Builder Mobile App and Super Admin Dashboard but we ended
designing another web app for builder.”


Pain Points

The client was insightful of whole product he wanted. So, keeping up that energy to bring out something which touches skies at the first launch was a challenge.

  • Bring ‘WORLD CLASS PRODUCT’ - Keeping upto the expectations of the client.

  • UX Audit by client - The client studied each and every application, so bringing out the perfect user flows, architecture, design.

  • Implementation of 10 new concepts everyday. Changing them the very next day.

  • Bringing out Real App expectations from prototypes.

Wireframing

Initial Wire-framing was done based on research but as we proceeded with each iteration there were many sub ideas and sub iterations. The most Iterations were done for CP Mobile to craft the lead cycle.

Colors

Created palette according to the moodboard formed during research. Kept Primary, secondary and tertiary palette alongwith various additional colours.

Typography

Defined typography for all the 4 platforms.

Components

Used some components from Nativebase and icons from Microsoft fluent icon library.

Visuals - CP Mobile App

Visuals - Builder Executive Mobile App

Visuals - Super Admin Web App

Visuals - Builder Admin Web App

Prototype


Conclusion

  • Being patient with client’s expectations - it’s very important to understand what they speak , feel and mean and explain in their language.

  • Be mindful of the changes the client request for , and analysis the same.

  • Getting a BA from the beginning of the project - Keeping track of every change , iteration and documents shared by the client so that everything will be one place and clutter free.

  • Making the client aware that the prototype of any final visual design is just a representation of how the app looks but does not work like the actual application.

  • Proper Segregation of timeline - Not only in terms of design and development phase, but only dividing the design phase so that things are on track.

  • Making the Design Process clear to the client at the very start of the project.

  • Learn the art of presenting your designs in story format in client language and keep his domain of business. Gives better understanding to the client. Prototypes works better for this purpose rather than directly showing the screen.

Other Projects

Let's Connect!

Let's Connect!

Let's Connect!

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