Sites
On one site you can book only one resource type. Default these are desks and meeting rooms.
If you want to be able to book other resources, like lockers, parking spots etc. you can define these in ‘Site configuration’ > ‘Resource types’.
One site can be one company location, or one big floor level in the company building divided in multiple separate wings, …
Wings
General rules for naming
Name the wings according:
Floor level
Department
Directing North/East/South/West
General rules for wing images
Image type: PNG recommended
Image size: max 4 MB, the smaller the better
Resolution: ideally width is maximum 1000 px and height 1000 px. When the floor plan has a rectangular shape: height is preferably larger than width, this works better on mobile.
Limit white space around the image
Keep it 2D
Remove unnecessary elements on the floor map, for example a floor map sometimes also shows the electrical lines, waterpipes, dimensions etc. which don’t bring any extra value for a user when he is looking for a desk
Keep useful elements like safety exits, stairs, elevator etc.
Keep fun elements to make the floor maps visually more pleasing, like plants, patios etc. (example below)
Colours: don’t use too many harsh (like 100% black), bright or different colours for the floor map, because this could limit the visibility of the resources placed on top
When creating a site to book other resource types, different images are possible
Example lockers:
Actual photo with front view of the lockers
Distill the layout of the lockers and draw it yourself (Adobe Photoshop or PowerPoint)
Use the shape of the resources to show the layout of the lockers (a white image will need to be uploaded then as the wing image)
Example company cars:
Actual photo of the car
Distil the layout of the car, use an icon or just the license plates
What to do with a large wing with many resources?
Cut the large image into smaller images. This doesn’t always have to be a straight line, can also be diagonal, curved etc. Showing the cut line on the floor plan is also helpful.
Sometimes rotating the image can help. If you choose to do so, make sure all wing images are rotated the same amount.
Name of a wing when a floorplan is cut up: North / East / South / West, or Sales / Finance / Customer support
Different tools can be used to edit / change / cut up a floorplan:
CAD software
Adobe Photoshop, Illustrator, Acrobat
PowerPoint
Example 1 - Different departments
Suggested layout for Tribeloo:
Split into 4 images depending on both divisions & amount of desks
Remove excess white space around images
Change colour to a lighter grey
Example 2 - Strange shape
Suggested layout for Tribeloo:
Rotate 90° clockwise
Split into 2 images using curved line
Remove excess white space around images
Change colour to a lighter grey
Resources
Naming resources
Name of desk can also include wing (or site) name. For example: desk 1.05 (wing 1, desk nr 5)
When using numbers: best to put zeros at the front, works better when you sort them in the ‘Resource configuration table’ from A > Z. For example: instead of ‘Desk 5’, put ‘Desk 05’.
General rules for resource images
Image type: JPG or JPEG recommended
Image size: max 4 MB, the smaller the better
Resolution: recommended 640 x 400 px
Resource shape and size
Make the resource on the map as big as possible, so they are easy selectable on mobile
You can check if the resource size works well in the Tribeloo mobile app. Don’t forget, if necessary, a user can always zoom in on the maps on mobile.
Try different shapes to see which one is easily selectable and looks best
