All Collections
Setup and installation - Admin
Best practices when setting up sites, wings and resources
Best practices when setting up sites, wings and resources

Tips and tricks for an optimal set up of new sites, wings and resources

T
Written by Thomas Papen
Updated over a week ago

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

  1. Make the resource on the map as big as possible, so they are easy selectable on mobile

  2. 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.

  3. Try different shapes to see which one is easily selectable and looks best

Did this answer your question?