Rachael Jennings
UX designer
Made with

HAYSTACK

Haystack


Property buying can be a daunting experience particularly if you're doing it for the first time or buying abroad. Haystack is an app that streamlines the search so you only see properties within your budget. 

As the UI designer for this mobile first web app I was responsible for creating wireframes in different fidelities, an interactive prototype and mockups for 3 different breakpoints. I also developed a logo, visual identity & style guide for the app.

I was provided with a user persona, Rashida, a professional married woman in her 40s. I used this persona to create empathy & help guide the User-centered design process.

Mood Board

I created a mood board to define the look & feel of the app. I wanted to balance clean, modern design with a textured warmth that's lacking in many real estate apps. A sense of home. Warm greens & neutrals provide a calming serene aesthetic. Principles of Wabi-Sabi are also explored with the use of raw natural materials like wood and stone.

HAYSTACK

Wireframes

I began designing by loosely sketching multiple ideas using rapid prototyping. I selected the best of these ideas by collaborating with my mentor & peers before moving onto mid fidelity wireframes

I created an interactive prototype to test the flow and interactions of the app. I then selected typography, imagery and a colour scheme. I researched design patterns selecting the most useful ones & designed custom icons & a logo.

HAYSTACK
HAYSTACK
HAYSTACK

Style Guide

I created a style guide to define the visual style of the UI for developers. It contains information about the colour palette, typography, imagery and other UI elements. See the link for the full version. 

HAYSTACK

Final Mockups

HAYSTACK
HAYSTACK

What I learned.

This project was my pixel perfect bootcamp. I learned how to make sharp, readable icons and also learned how terrible it looks when done badly.

It was also my first time exploring the world of gifs and animations. This is a powerful design tool and one I'd like to delve more deeply into in future projects.