Page Comparison

Refactor side menu to have the following menus and sub-menus:

• Map → https://<env>.litefarm.org/map

• Tasks → https://<env>.litefarm.org/tasks

• Crops → https://<env>.litefarm.org/crop_catalogue

• Finances

  • Transaction list → https://<env>.litefarm.org/Finances

  • Other expenses → https://<env>.litefarm.org/other_expense

  • Labour expenses → https://<env>.litefarm.org/labour

  • Actual revenues → https://<env>.litefarm.org/finances/actual_revenue

  • Estimated revenues → https://<env>.litefarm.org/estimated_revenue

• Insights → https://<env>.litefarm.org/Insights

• Documents → https://<env>.litefarm.org/documents

As a user I want each of the areas of my operation accessible to me so that I can quickly navigate through the application to my desired destination

Three different versions of the side menu depending on the screen dimensions, which can be seen here:

https://www.figma.com/file/eMffC0h3JPlWtzNttxJpil/Litefarm-Updated?type=design&node-id=970-22925&mode=design&t=mdbq9mdG3Zv7ZJVQ-0

Introduce “administrator actions” to side menu, with the following menu items:

• Farm settings → https://<env>.litefarm.org/farm

• People → https://<env>.litefarm.org/people

• Certifications → https://<env>.litefarm.org/certification

As a FO / EO / FM I want to be able to quickly find all the administrative sections of the application so that I can effectively administrate my farm

Three different versions of the side menu depending on the screen dimensions, which can be seen here:

https://www.figma.com/file/eMffC0h3JPlWtzNttxJpil/Litefarm-Updated?type=design&node-id=970-22925&mode=design&t=mdbq9mdG3Zv7ZJVQ-0

Simplify top navigation by …

Removing:

• Tasks

• My farm

• Colour gradient

Refactor:

• Look and feel

• Drop-down style by screen size

• Icons

As a user I want each of the areas of my operation accessible to me so that I can quickly navigate through the application to my desired destination

Three different versions of the side menu depending on the screen dimensions, which can be seen here:

https://www.figma.com/file/eMffC0h3JPlWtzNttxJpil/Litefarm-Updated?type=design&node-id=970-22925&mode=design&t=mdbq9mdG3Zv7ZJVQ-0

Update spotlights to be consistent with Navigation 2.0 changes

Make sure the following spotlight correctly:

Remove:

Remove:

As a new user I want app guidance to be reflective of what I see so that I start developing understanding of how to do things in LiteFarm

Add animation for toggling full / minimal side menu

• Should display once for all users

Initial designs on Figma as of 14 Dec 2023, Loic Sans will finalize icon placement by 18 Dec 2023.