Home & Office DesignWeb app

Final SpecThe Web page will have 5 main areas:1. Design tools2. Objects view3. Objects menu4. Information Zone5. Main menuu

Design tools

Objects view

Obj

ects

men

u

Info

rmati

on zo

ne

Main menu

Design tools areaThis 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

Objects menuThe 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.

Object List

Categories list

Objects viewThe 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/ProductPicture

Detailed spec

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)

APIThe 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

API - continueSuppliers 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.

Written spec of the design

Product

Product

Product

Product

Product

...Product.......info..

...........

Press for products list

Press for service suppliers

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