In Spring 2017, I worked on a team with other student designers to develop the brand identity and web application for Agentless.
Dynamic placement of illustrations and simple typography utilized to get a straightforward message across.
Agentless was looking to create a product that would take the user through the process of building a contract to buy a home alone, removing the need for a real estate agent.
This was what we created.
We worked with our client to establish their colors and typography. We brainstormed and refined logos, taking the motifs of houses and a page-turn to come to the final logo.
The clients wanted something clean, that was "like TurboTax, but for building a real estate contract."
For a bunch of college undergraduates that had never bought a house before, we had to understand the process that first-time homebuyers were going through. This required a lot of research in the beginning stages.
Through surveys and flow charts, we were able figure out the complicated process of buying a home, as well as the pain points that people were having with real estate agents.
Then, we asked ourselves. How to make something complicated easy to understand?
In fast-paced design sprints, we wireframed each screen of the web application collaboratively. We also worked with the client to finalize logical steps and write copy to guide the users.
This is the "Create an Offer" page. Once we built out our wireframes, we tested our prototype in Invision to see how it flowed.
Through user testing, we discovered that target users needed help to understand each step of the process. As a result, we decided to introduce a progress bar to help them keep track of their steps.
Illustrations & Icons
Illustrations were introduced to accompany each step in the UI. For the illustrations, I created two different styles: a linear style and flat, layered style.
These could be used in different places throughout the UI. From there, I also created a series of patterns that could be used as backgrounds as heros.
Taking what we had learned from the wireframes and the brand guidelines we had laid down, we refined the UX while moving into UI design. The focus was on a bright, clean interface, with personality brought in through illustrations.
The colors were chosen to be light colors with accents of blue and salmon, contributing to the clean look.