To develop my companion app into a web version, I started by changing my frames to be 1920 x 1080 and scaled everything up to fit the frame and use all the space needed, with room for layout changes in the future or additional information on the screen. I also changed my menu to be easier to understand; instead of just having icons, they now have the name of the corresponding page to the right of them, and the menu is now located at the top of the screen to avoid covering anything on the page.

https://www.figma.com/proto/reL7cVUH6dvworwuMSlMFL/Wireframing?node-id=209-56&t=oN1gMr9Y3L3oWndf-1

To develop my companion app for a tablet, I initially started by copying the existing web version into a new page. Then, I changed the frame size from the standard 1920 x 1080 resolution to a more suitable 1024 x 1366 format. After that, I resized the UI elements to fit perfectly in the centre of the frame and adjusted the text size to fit correctly inside the designated boxes for better readability.

https://www.figma.com/proto/reL7cVUH6dvworwuMSlMFL/Wireframing?node-id=220-732&t=oN1gMr9Y3L3oWndf-1