NEAT Profession App | Mockup | For Interior Designers and their clients
PROJECT DESCRIPTION
This project consists of creating two versions of a profession app (desktop or tablet, and mobile). The app will function slightly differently on each device where it runs, but it is only required to run on two platforms (phone and tablet, tablet and desktop, or desktop and phone). This new project explores how people use technology to work together and how to design interface systems that can be applied to different platforms.
RESEARCH
HOUZZ APP
Houzz is an online hub for interior designers, contractors, remodelers, and homeowners. Think of it as the LinkedIn for home improvement professionals. The online community houses information and resources about architecture, interior design and decorating landscape design, and home improvement. It's available for free across iPhone, Ipad and Android.
ROOM PLANNER APP
Room Planner is an app to measure your space, create stunning 2D/3D floor plans, decorate and furnish your interior with world-famous brands, make professional visualizations, and get inspiration from pre designed layouts for your bedroom, bathroom, living room, etc.
LIVE HOME 3D APP
Live Home 3D is an intuitive home design software, created to enable users to build the house of their dreams on their Mac or Windows. The program automatically creates 3D visualization once you've drawn a floor plan. The app allows design in both 2D and 3D, and the creation of high-resolution interior and exterior renderings, on video walk-through or 360-degree panoramic images.Live Home 3D is available on a monthly and annual subscription base, or users can buy a Lifetime license.
BRAINSTORMING
SELECTED PROFESSION | INTERIOR DESIGNER - CLIENTS
Interior designers must apply the principles of space planning to bridge the gap between the best design and the client's vision. An interior designer's minimum task is to define the design and ensure the safe performance of a space. They should plan the space to maximize its function and movement, as well as consider airflow, heat, extraction, electrical and plumbing regulations. The following are some of the interior designer's responsibilities:
1. Outline client design objectives.
2. Conceptualize and sketch design plans.
3. Determine the cost of completion and project requirements in the budgeting phase.
4. Set a timeline for the completion of an interior design project.
5. Source materials and products included in plans.
1. Outline client design objectives.
2. Conceptualize and sketch design plans.
3. Determine the cost of completion and project requirements in the budgeting phase.
4. Set a timeline for the completion of an interior design project.
5. Source materials and products included in plans.
PERSONAS
INTERIOR DESIGNERS | DESKTOP OR TABLET VERSION
SCENARIOS
INTERIOR DESIGNERS | DESKTOP OR TABLET VERSION
1. You will start a living room renovation project for one of your clients. This is the second visit with your client. Use the app to register all the finishes your client selected in this meeting.
2. Now, you have already started the living room project with your client. Use the app to measure each wall of your client’s living room.
3. After three weeks of working on the space planning and selecting finishes with your client’s approval, you have created a virtual walk-through. Use the app to share the virtual living room walk-through video with your client.
PERSONAS
CLIENTS | MOBILE VERSION
SCENARIOS
CLIENTS | MOBILE VERSION
1. You want to renew your living room design because it is too dark. Use the app to share inspirational photos with your interior designer.
2. You already selected the finishes for your living room, but you changed your mind. Use the app to select new accent chairs from your interior designer’s catalog for your living room.
3. You watched the virtual walk-through video your interior designer shared with you. Use the app to add a review on the selected finishes.
SKETCHES
INTERIOR DESIGNERS | DESKTOP OR TABLET VERSION
SKETCHES
CLIENTS | MOBILE VERSION
WIREFRAMES
INTERIOR DESIGNERS | TABLET VERSION | GROUP 1
WIREFRAMES
CLIENTS | MOBILE VERSION | GROUP 1
WIREFRAMES
INTERIOR DESIGNERS | TABLET VERSION | GROUP 2
1. You will start a living room renovation project for one of your clients. This is the second visit with your client. Use the app to register all the finishes your client selected in this meeting.
2. Now, you have already started the living room project with your client. Use the app to measure each wall of your client’s living room.
3. After three weeks of working on the space planning and selecting finishes with your client’s approval, you have created a virtual walk-through. Use the app to share the virtual living room walk-through video with your client.
WIREFRAMES
CLIENTS | MOBILE VERSION | GROUP 2
1. You want to renew your living room design because it is too dark. Use the app to share inspirational photos with your interior designer.
2. You already selected the finishes for your living room, but you changed your mind. Use the app to select new accent chairs from your interior designer’s catalog for your living room.
3. You watched the virtual walk-through video your interior designer shared with you. Use the app to add a review on the selected finishes.
USER TESTING
I took the following notes from four users and my instructor:
1. You could add a tool section. In that way, the user will have access to essential options.
2. Add a calendar with a section where the user designer can see daily tasks.
3. In the catalog section, you could consider a small picture of the product sample.
4. The first scenario for the designer should be reworded.
5. You could have the list of your clients on the left side of the tablet screen instead of having them in the middle of your screen.
WIREFRAMES
INTERIOR DESIGNERS | TABLET VERSION | GROUP 3
1. You have a client who started a living room renovation and your client sent you their furnishing picks. Use the app to save them to that client’s project.
2. Now, you have already started the living room project with your client. Use the app to measure each wall of your client’s living room.
3. After three weeks of working on the space planning and selecting finishes with your client’s approval, you have created a virtual walk-through. Use the app to share the virtual living room walk-through video with your client.
WIREFRAMES
CLIENTS | MOBILE VERSION | GROUP 3
1. You want to renew your living room design because it is too dark. Use the app to share inspirational photos with your interior designer.
2. You already selected the finishes for your living room, but you changed your mind. Use the app to select two blush accent chairs from your interior designer’s catalog for your living room.
3. You watched the virtual walk-through video your interior designer shared with you. Use the app to add a review on the selected finishes.
USER TESTING 1
I still need to work on the small details. I got the following feedback:
1. In the notification section, you could add who is the sender of the email and the recipient.
2. I liked your dashboard because it is easy to identify the progress of the project.
3. Add options in the filter section, in that way the user will have faster access to her favorites.
WIREFRAMES
TABLET | PORTRAIT | LAYOUT 1
WIREFRAMES
TABLET | PORTRAIT | LAYOUT 2
WIREFRAMES
TABLET | PORTRAIT | LAYOUT 3
WIREFRAMES
TABLET | PORTRAIT | LAYOUT 4
WIREFRAMES
TABLET | LANDSCAPE | LAYOUT 5
USER EXPERIENCE 2
I got the following feedback:
1. I should have an intro page before the home page.
2. The calendar should have the option to select a specific day.
3. Is there a way to watch the actual wallthrough video?
REFINING WIREFRAMES
TABLET | LANDSCAPE | SCENARIO 1
1. You have a client who started a living room remodel and your client sent you their furnishing picks. Use the app to save them to that client’s project.
REFINING WIREFRAMES
TABLET | LANDSCAPE | SCENARIO 2
2. Now, you have already started the kitchen project with your client. Use the app to measure each wall of your client’s kitchen.
REFINING WIREFRAMES
TABLET | LANDSCAPE | SCENARIO 3
3. After three weeks of working on the space planning and selecting finishes with your client’s approval, you have created a recreation room virtual walkthrough. Use the app to share the virtual recreation room walkthrough video with your client.
REFINING WIREFRAMES
MOBILE | LANDSCAPE | SCENARIO 1-2
1. You want to renew your living room design because it is too dark. Use the app to share inspirational photos with your interior designer.
2. You already selected the finishes for your kitchen, but you changed your mind. Use the app to select two caramel/tan bar stool chairs from your interior designer’s catalog for your kitchen.
REFINING WIREFRAMES
MOBILE | LANDSCAPE | SCENARIO 3
3. You watched the virtual walkthrough video your interior designer shared with you. Use the app to add a review on the selected finishes.
USER EXPERIENCE 3
I took the following notes:
1. I like the home page because I can find the most important features there.
2. It's so cool the measure option. I hope the dimensions are accurate.
3. I love how simple is to navigate through the tablet version.
4. Will you add an intro page for the tablet version?
DETAILED INFORMATION
FINAL PROFESSION APP | MOBILE VERSION
FINAL PROFESSION APP | TABLET VERSION
MOCKUP | PROFESSION APP | MOBILE VERSION
MOCKUP | PROFESSION APP | TABLET VERSION
MOCKUP | PROFESSION APP | TABLET AND MOBILE
CONCLUSION
I called my profession app NEAT because I thought about how important it is to have high expectations for your final project. Interior design is a beautiful field because it aims to create an enjoyable user experience. Therefore, I designed a profession app to help interior designers and their clients stay informed of the design process in detail. The tablet option was designed for designers, and the mobile version was for clients. Also, the designer can use the desktop version, too, especially when the designer wants to work on 2D and 3D floor plans. I highlighted the tablet version more than the desktop one because a tablet is easy to carry on around. Designers usually visit their project's site, and there are many things to consider, such as taking pictures of some details, making measurements of different rooms, and creating rough sketches for their clients.
On the other hand, we have clients who are anxious to see the progress of their projects because they are paying a lot of money, and it is frustrating if you do not see any progress. One of the main features available for clients is the VR option. The designer will be available to create the VR after choosing the final finishes that the client approves. After having the client's selections, the professional app will create a VR video. The virtual video will show the client how their project would look like before putting everything in place and speaking out about all changes to be done.
The project of designing a profession app helped me to understand two different sides, the designer's and the client's preferences. That was interesting because each has different needs, but at the same time, they are connected. I enjoyed this assignment because it let me grow as a graphic design student. I know that this project's details will be more significant in the real graphic design field. This kind of project prepares me for the real graphic design world.
On the other hand, we have clients who are anxious to see the progress of their projects because they are paying a lot of money, and it is frustrating if you do not see any progress. One of the main features available for clients is the VR option. The designer will be available to create the VR after choosing the final finishes that the client approves. After having the client's selections, the professional app will create a VR video. The virtual video will show the client how their project would look like before putting everything in place and speaking out about all changes to be done.
The project of designing a profession app helped me to understand two different sides, the designer's and the client's preferences. That was interesting because each has different needs, but at the same time, they are connected. I enjoyed this assignment because it let me grow as a graphic design student. I know that this project's details will be more significant in the real graphic design field. This kind of project prepares me for the real graphic design world.
