top of page

BD Collection

Title: BD Collection

Duration: Ongoing

Type: Personal Project

Research

About BD Collection

BD Collection is where I, Brett Duboff, showcases my photographs and compositions. I want to eventually make it so that you cna buy prints and maybe NFTs of these photos. BD Collection is just a gallery 


I want to showcase my photos and my compositions and pretty soon if you feel so inclined, you can buy prints of these pictures. I even have some video of my process in making these photoshops.

What I Did

Whenever I’m asked about how did I get interested in design. The answer I always give is in my free time growing up, I would take a blank document on Photoshop and just start creating things. I didn’t really have a purpose or anything but it did teach me how this program works and the craft behind design in general. This was where it all started for as a creative.

 

One of my favorite things to do in Boston is walk around and take photos of the beautiful landscapes that are around me every day. Since I consider photography to be a hobby of mine and do it for fun, I’ve been hesitant to include it in my portfolio. But on the other hand, I really want to show off. This is where I show my experimentation and exploration.

​

So, I created a website that allows the user to view my photos and interact in a way they never have before.

User Interviews

Elphi had a very specific group of people that they wanted to work with, loan processors. They were the first group to test this out. We interviewed 4 people in this one company that deals with processing mortgages.

Key Takeaways0.png

Problem Statement

Viewers need to view Brett's photographs and compositions 

Solution Statement

We believe that by implementing design decisions that are backed by research and feedback, we will create an intuitive interface for the loan processors that elphi can implement.

Ideate

Sketches

IMG_9935.JPG
IMG_9933.JPG
IMG_9930 (1).JPG

Paper Wireframes

Wireframes 1.png
Wireframes 3.png

For the dashboard, we wanted it to be organized with all the important information the processors said they needed. We were thinking of making it color-coded so it would be easier to see which loan was important. But upon sketching, we found the color would be too jarring. We also liked the idea of sorting and filtering as all of the processors we talked to wanted to see all the loans they are assigned and no one else's. They also wanted to sort by the closing date as that is the top priority.

Wireframes 4.png
Wireframes.png

Before the mortgage detail page, there were a bunch of vertical tabs with information. We wanted to make it into a scrollable sidebar to make easier to understand. We also had an idea to set the loans by when they were to close.  

Ideation

Digital Wireframes

Based on the sketches and paper wireframes, I made a pipeline and tasks page for our digital wireframes.

Screen Shot 2020-02-12 at 10.39.12 AM.pn
Screen Shot 2020-02-11 at 9.32.05 PM.png

A/B Testing

I also made a mortgage details page. But we weren't sure if the processors would prefer vertical tabs or horizontal scrolling. So, we decided to do A/B testing.

Screen Shot 2020-02-11 at 9.31.58 PM.png

We spruced it up a bit and then shared it with our users. We found that all of the processors prefered the horizontal scrolling instead of the vertical tabs.

Details-V1.jpg
Details-V1-2.jpg
Checkmark.png

User Flow

Since our new features are adding tasks, edit mortgages and sort and filtering loans, I made 3 separate user flows.

Adding Tasks0.png
Mortgage Details0.png
Sort and Filter0.png

Final Iterations

So in the end this is what the three screens ended up looking like.

Dashboard

1_Pipeline.jpg

Mortgage Details

4_Mortgage_Chat_Closed Copy.jpg

Tasks

12_Tasks_New_Completed.jpg

Prototype

elphi Laptop.gif

Next Steps

1) We had a hard time getting users to respond so you ended up testing with people in your network. These processors are now working on this new implemented program. So, I'd want to see what feedback it is that they have.

bottom of page