Home & Office Design Web app

1. Home & Office DesignWeb app

2. Final Spec The Web page will have 5 main areas: • Design tools • Objects view • Objects menu • Information Zone • Main menuu Main menu Design tools Information zone Objects menu Objects view

3. Design tools area This is the main area that user will create & design the room space. • The area will have a default square sketch of an empty room/office/garden… • The default square can be resized by the user – length, width & height. • The resizing can be made either by entering number or by choosing to resize with the mouse. • The Design tools area will be gridded for the user perspective. • The walls of the room will be drawn as a thick line in the color the user decided to paint the walls. • The user can choose a 2d view or a 3d view. • The 3d view will allow the user to see the room and the objects inside the room in 3d while moving the view angle. • The design tools area will have a menu at the bottom of the area which includes the following option: • 2D view • 3D view • Angle changing arrows • Zoom in • Zoom out • Ruler • Eraser

4. Objects menu The objects menu will include all the objects and arranged by categories as following: • Tables • Chairs • Sofas • Doors • Windows • Floor • Outdoor Furniture • Media • Lighting • Kitchen • Sanitary • Bedroom • Housewares • Accessories • Textile • Storage • Office • Kids • Construction Pressing each category will open a sub menu which will include all the objects list. Categories list Object List

5. Objects view The objects view area will show the user the objects he has chosen to view. • Draging the objects from the “Objects view” area to the “Design tool” area will insert the object the room space (drag & drop). • Detailed spec of the object will include a short detail on the object/product such as: • Description • Sizes • Color Object/Product Picture Detailed spec

6. Information zone • In this area a full detailed spec of the object/product chosen by the user will be shown. • The information will include the following: • Type (Category) • Sizes • Color • Average Price • Material Main menu • This area will include the following option: • Print • Written spec of the design • Save / Save as • Share (Facebook, mail , Tweeter)

7. API The data base will include information of products which will be inserted by the shops. • The data base will include a varied of products which are related to objects from the objects list. • After the design, the user will be directed to the written spec of the design and there he will have a detailed options of products for each object he had put in the room. • The products that will be shown to the user are the ones who are related to the objects in the designed room. • The optional products can be sorted by: • Price • Quality • Buyer’s review stars • When choosing a product the user will see all the detailed spec of the product: • Type (Category) • Sizes • Color • Price • Material • Supplier • Normal Price • Web price • Picture • Link to the supplier web • Link to BUY

8. API - continue Suppliers Data Base • The supplier data base will be sorted by profession and will be related to products chosen by the user. • For example: If the user has chosen to paint the walls – in the written spec of the design he will have a list of painters. • The written spec of the design can be sent to those profession service suppliers which all the details the service supplier needs to get the job done: • Material list • Sizes • The supplier will receive the written spec and can send the user a price offer back to the user personal inbox in the website.

9. Written spec of the design ...Product... ....info.. ........... Press for products list Product Press for service suppliers Product Product Product Product

10. Helping aids • In the written spec of design the material list will include the quantity to some building products such as: • Paint – how much gallons • Deck wood – how much wood • Gypsum – how much gypsum