diff --git a/src/components/ContributionAssistantCropImageList.vue b/src/components/ContributionAssistantCropImageList.vue
new file mode 100644
index 00000000000..3e43368404c
--- /dev/null
+++ b/src/components/ContributionAssistantCropImageList.vue
@@ -0,0 +1,38 @@
+<template>
+  <v-row v-if="croppedImages.length">
+    <v-col
+      v-for="(imageSrc, index) in croppedImages"
+      :key="index"
+      cols="6"
+      md="4"
+    >
+      <v-card style="height: 200px;" class="pa-2">
+        <v-btn 
+          density="compact"
+          icon="mdi-delete"
+          style="left:calc(100% - 30px); z-index: 3;"
+          color="error"
+          @click="removeCrop(index)"
+        />
+        <v-img :src="imageSrc" class="cropped-image" />
+      </v-card>
+    </v-col>
+  </v-row>
+</template>
+
+<script>
+  export default {
+    props: {
+      croppedImages: {
+        type: Array,
+        default: () => []
+      }
+    },
+    emits: ['removeCrop'],
+    methods: {
+      removeCrop(index) {
+        this.$emit('removeCrop', index)
+      }
+    }
+  }
+</script>
diff --git a/src/components/ContributionAssistantDrawCanvas.vue b/src/components/ContributionAssistantDrawCanvas.vue
new file mode 100644
index 00000000000..4b738a4e1f8
--- /dev/null
+++ b/src/components/ContributionAssistantDrawCanvas.vue
@@ -0,0 +1,148 @@
+<template>
+  <canvas
+    id="canvas"
+    ref="canvas"
+    style="width: 100%; touch-action: none;"
+    @mousedown="startDrawing"
+    @mousemove="drawContent"
+    @mouseup="finishDrawing"
+    @touchstart="startDrawing"
+    @touchmove="drawContent"
+    @touchend="finishDrawing"
+  />
+</template>
+
+<script>
+  export default {
+    props: {
+      image: {
+        type: Image,
+        default: null
+      }
+    },
+    emits: ['croppedImages'],
+    data() {
+      return {
+        isDrawing: false,
+        startX: 0,
+        startY: 0,
+        scale: 1,
+        rectangles: []
+      }
+    },
+    watch: {
+      image(newImage) {
+        newImage.onload = this.init
+      }
+    },
+    methods: {
+      init() {
+        const canvas = this.$refs.canvas
+        const ctx = canvas.getContext("2d")
+        canvas.style.width = "100%"
+        this.scale = canvas.offsetWidth / this.image.width
+        const preferedHeight = 400
+
+        if (preferedHeight < this.image.height * this.scale) {
+          // Image will be too tall
+          // Ajust to fit preferedHeight
+          canvas.style.width = "auto"
+          this.scale = preferedHeight / this.image.height
+        }
+        
+        const newWidth = this.image.width * this.scale
+        const newHeight = this.image.height * this.scale
+        canvas.width = newWidth
+        canvas.height = newHeight
+        
+        ctx.drawImage(this.image, 0, 0, newWidth, newHeight)
+        
+        this.rectangles = [] // reset rectangles
+        this.drawRectangles(); // Draw previous rectangles after resizing
+      },
+      startDrawing(event) {
+        if (event.type == "touchstart") {
+          const rect = event.target.getBoundingClientRect()
+          event.offsetX = event.targetTouches[0].clientX - rect.left 
+          event.offsetY = event.targetTouches[0].clientY - rect.top 
+        }
+        this.startX = event.offsetX / this.scale
+        this.startY = event.offsetY / this.scale
+        this.isDrawing = true;
+      },
+      drawContent(event) {
+        if (event.type == "touchmove") {
+          const rect = event.target.getBoundingClientRect()
+          event.offsetX = event.targetTouches[0].clientX - rect.left 
+          event.offsetY = event.targetTouches[0].clientY - rect.top 
+        }
+        if (this.isDrawing) {
+          const canvas = this.$refs.canvas
+          const ctx = canvas.getContext("2d")
+          
+          ctx.drawImage(this.image, 0, 0, canvas.width, canvas.height); // Redraw image
+          this.drawRectangles(); // Redraw previous rectangles
+          
+          const currentX = event.offsetX / this.scale
+          const currentY = event.offsetY / this.scale
+          const width = currentX - this.startX
+          const height = currentY - this.startY
+          
+          ctx.strokeStyle = "red"
+          ctx.strokeRect(this.startX * this.scale, this.startY * this.scale, width * this.scale, height * this.scale)
+        }
+      },
+      finishDrawing(event) {
+        this.isDrawing = false
+        if (event.type == "touchend") {
+          const rect = event.target.getBoundingClientRect()
+          event.offsetX = event.changedTouches[0].clientX - rect.left 
+          event.offsetY = event.changedTouches[0].clientY - rect.top 
+        }
+        const endX = event.offsetX / this.scale
+        const endY = event.offsetY / this.scale
+        this.rectangles.push({ startX: this.startX, startY: this.startY, endX, endY })
+        this.cropImages()
+      },
+      drawRectangles() {
+        const ctx = this.$refs.canvas.getContext("2d")
+        ctx.strokeStyle = "red"
+        this.rectangles.forEach(rect => {
+          const { startX, startY, endX, endY } = rect
+          const width = endX - startX
+          const height = endY - startY
+          ctx.strokeRect(startX * this.scale, startY * this.scale, width * this.scale, height * this.scale)
+        });
+      },
+      async cropImages() {
+        let croppedImages = []
+        let croppedBlobs = []
+        const originalCanvas = document.createElement("canvas")
+        const ctx = originalCanvas.getContext("2d")
+        for (let i = 0; i < this.rectangles.length; i++) {
+          const rect = this.rectangles[i]
+          const { startX, startY, endX, endY } = rect
+          const width = Math.abs(endX - startX)
+          const height = Math.abs(endY - startY)
+          
+          originalCanvas.width = width
+          originalCanvas.height = height
+          ctx.drawImage(this.image, Math.min(startX, endX), Math.min(startY, endY), width, height, 0, 0, width, height)
+          
+          croppedImages[i] = originalCanvas.toDataURL()
+          croppedBlobs[i] = await new Promise(resolve => originalCanvas.toBlob(resolve, 'image/webp'))
+        }
+        this.$emit('croppedImages', [croppedImages, croppedBlobs])
+      },
+      removeRectangle(index) {
+        this.rectangles.splice(index, 1)
+          const canvas = this.$refs.canvas
+          const ctx = canvas.getContext("2d")
+          
+          ctx.drawImage(this.image, 0, 0, canvas.width, canvas.height)
+          this.drawRectangles()
+          this.cropImages()
+      }
+    }
+  }
+</script>
diff --git a/src/components/ContributionAssistantPriceFormCard.vue b/src/components/ContributionAssistantPriceFormCard.vue
new file mode 100644
index 00000000000..73b002abbd4
--- /dev/null
+++ b/src/components/ContributionAssistantPriceFormCard.vue
@@ -0,0 +1,84 @@
+<!-- eslint-disable vue/no-mutating-props -->
+<template>
+  <v-card
+    class="mb-4"
+    title="Label"
+    prepend-icon="mdi-tag-outline"
+    height="100%"
+    style="border: 1px solid transparent"
+    :color="productPriceForm.processed ? 'success' : ''"
+  >
+    <v-divider />
+    <v-img
+      height="200px"
+      :src="productPriceForm.proofImage"
+      contain
+    />
+    <v-card-text>
+      <ProductInputRow :productForm="productPriceForm" :disableInitWhenSwitchingModes="true" @filled="productFormFilled = $event" />
+      <v-row>
+        <v-col>
+          <h3 class="required mb-1">
+            Price
+          </h3>
+          <h3 class="mb-1">
+            <v-item-group v-model="productPriceForm.price_per" class="d-inline" mandatory>
+              <v-item v-for="cpp in categoryPricePerList" :key="cpp.key" v-slot="{ isSelected, toggle }" :value="cpp.key">
+                <v-chip class="mr-1" :style="isSelected ? 'border: 1px solid #9E9E9E' : 'border: 1px solid transparent'" @click="toggle">
+                  <v-icon start :icon="isSelected ? 'mdi-checkbox-marked-circle' : 'mdi-circle-outline'" />
+                  {{ cpp.value }}
+                </v-chip>
+              </v-item>
+            </v-item-group>
+          </h3>
+          <PriceInputRow :priceForm="productPriceForm" @filled="pricePriceFormFilled = $event" />
+        </v-col>
+      </v-row>
+    </v-card-text>
+  </v-card>
+</template>
+
+
+<script>
+import { defineAsyncComponent } from 'vue'
+
+export default {
+  components: {
+  ProductInputRow: defineAsyncComponent(() => import('../components/ProductInputRow.vue')),
+  PriceInputRow: defineAsyncComponent(() => import('../components/PriceInputRow.vue')),
+  },
+  props: {
+    productPriceForm: {
+      type: Object,
+      default: () => ({
+        category_tag: null,
+        origins_tags: '',
+        labels_tags: [],
+        price: null,
+        price_per: null,
+        price_is_discounted: false,
+        price_without_discount: null,
+        currency: null,
+        proofImage: null,
+        processed: null
+      })
+    },
+  },
+  data() {
+  return {
+    productFormFilled: false,
+    pricePriceFormFilled: false,
+    categoryPricePerList: [
+    {key: 'KILOGRAM', value: "per kg", icon: 'mdi-weight-kilogram'},
+    {key: 'UNIT', value: "per unit", icon: 'mdi-numeric-1-circle'}
+    ],
+   }
+  },
+  computed: {
+  },
+  mounted() {
+  },
+  methods: {
+  }
+}
+</script>
\ No newline at end of file
diff --git a/src/components/ProductInputRow.vue b/src/components/ProductInputRow.vue
index 50cbeb13db5..64e48ee6ec7 100644
--- a/src/components/ProductInputRow.vue
+++ b/src/components/ProductInputRow.vue
@@ -96,6 +96,10 @@ export default {
     productForm: {
       type: Object,
       default: () => ({ mode: '', product: null, product_code: '', category_tag: null, origins_tags: '', labels_tags: [] })
+    },
+    disableInitWhenSwitchingModes : {
+      type: Boolean,
+      default: () => false
     }
   },
   emits: ['filled'],
@@ -172,7 +176,9 @@ export default {
     },
     setMode(mode) {
       this.productForm.mode = mode
-      this.initProductForm()
+      if (!this.disableInitWhenSwitchingModes) {
+        this.initProductForm()
+      }
     },
     setProductCode(code) {
       this.productForm.product_code = code
diff --git a/src/i18n/locales/en.json b/src/i18n/locales/en.json
index 4b84891177b..f4311466238 100644
--- a/src/i18n/locales/en.json
+++ b/src/i18n/locales/en.json
@@ -511,6 +511,9 @@
 		},
 		"TopProducts": {
 			"Title": "Top products"
+		},
+		"ContributionAssistant": {
+			"Title": "Contribution Assistant"
 		}
 	},
 	"Search": {
diff --git a/src/router.js b/src/router.js
index 8ff6a935e2c..355d1ab14f4 100644
--- a/src/router.js
+++ b/src/router.js
@@ -33,6 +33,7 @@ const routes = [
   { path: '/users', name: 'users', component: () => import('./views/UserList.vue'), meta: { title: 'TopContributors', icon: 'mdi-account-star-outline', drawerMenu: true, breadcrumbs: [{title: 'TopContributors', disabled: true }] }},
   { path: '/users/:username', name: 'user-detail', component: () => import('./views/UserDetail.vue'), meta: { title: 'User detail' }},
   { path: '/experiments', name: 'experiments', component: () => import('./views/Experiments.vue'), meta: { title: 'Experiments', icon: 'mdi-test-tube', drawerMenu: true, drawerMenuConditionalDisplay: 'drawer_display_experiments', breadcrumbs: [{title: 'Experiments', disabled: true }] }},
+  { path: '/experiments/contribution-assistant', name: 'contribution-assistant', component: () => import('./views/ContributionAssistant.vue'), meta: { title: 'ContributionAssistant', icon: 'mdi-test-tube', requiresAuth: true, breadcrumbs: [{title: 'Experiments', disabled: false, to: '/experiments' }, {title: 'ContributionAssistant', disabled: true }] }},
   { path: '/reuses', name: 'reuses', component: () => import('./views/Reuses.vue'), meta: { title: 'Reuses', icon: 'mdi-account-group', drawerMenu: true, breadcrumbs: [{title: 'Reuses', disabled: true }] }},
   { path: '/stats', name: 'stats', component: () => import('./views/Stats.vue'), meta: { title: 'Stats', icon: 'mdi-chart-box-outline', drawerMenu: true, breadcrumbs: [{title: 'Stats', disabled: true }] }},
   { path: '/settings', name: 'settings', component: () => import('./views/Settings.vue'), meta: { title: 'Settings', icon: 'mdi-cog-outline', drawerMenu: true, breadcrumbs: [{title: 'Settings', disabled: true }] }},
diff --git a/src/services/api.js b/src/services/api.js
index 8fdf49ddb97..e5b9ff964d4 100644
--- a/src/services/api.js
+++ b/src/services/api.js
@@ -329,5 +329,23 @@ export default {
       // default to nominatim
       return this.openstreetmapNominatimSearch(q)
     }
+  },
+  processWithGemini(croppedBlobs) {
+    const store = useAppStore()
+    const url = `${import.meta.env.VITE_OPEN_PRICES_API_URL}/proofs/process_with_gemini`
+    const formData = new FormData()
+
+    croppedBlobs.forEach((blob) => {
+      formData.append('files', blob)
+    });
+
+    return fetch(url, {
+      method: 'POST',
+      headers: {
+        'Authorization': `Bearer ${store.user.token}`,
+      },
+      body: formData,
+    })
+    .then((response) => response.json())
   }
 }
diff --git a/src/views/ContributionAssistant.vue b/src/views/ContributionAssistant.vue
new file mode 100644
index 00000000000..3154b56ed1c
--- /dev/null
+++ b/src/views/ContributionAssistant.vue
@@ -0,0 +1,267 @@
+<template>
+  <v-container>
+    <v-tabs v-model="tab">
+      <v-tab value="LocationDate">
+        1. Location & Date
+      </v-tab>
+      <v-tab value="Crop" :disabled="!locationForm.location_osm_id">
+        2. Image crop
+      </v-tab>
+      <v-tab value="Cleanup" :disabled="!productPriceForms.length">
+        3. Cleanup
+      </v-tab>
+    </v-tabs>
+    <v-tabs-window v-model="tab">
+      <v-tabs-window-item value="LocationDate">
+        <v-container>
+          <v-col cols="12" md="6">
+            <h3 class="mb-1">
+              1. Select a shop
+            </h3>
+            <LocationInputRow :locationForm="locationForm" />
+            <h3 class="mb-1 mt-4">
+              2. Select the date and currency of the prices
+            </h3>
+            <ProofMetadataInputRow :proofMetadataForm="proofMetadataForm" />
+            <v-btn class="mt-4" :disabled="!locationForm.location_osm_id" @click="() => tab = 'Crop'">
+              Next
+            </v-btn>
+          </v-col>
+        </v-container>
+      </v-tabs-window-item>
+      <v-tabs-window-item value="Crop">
+        <v-container>
+          <v-row>
+            <v-col cols="12" md="6">
+              <h3 class="mb-4">
+                1. Select an image containing labels
+              </h3>
+              <ProofImageInputRow :hideProofImagePreview="true" :hideRecentProofChoice="false" @proof="setProof($event)" />
+              <p v-if="recentProof" class="mb-2">
+                <i>Selecting a recent proof has overwritten location, date and currency.</i>
+              </p>
+            </v-col>
+          </v-row>
+          <v-row>
+            <v-col cols="12" md="6">
+              <h3 class="mb-4">
+                2. Draw squares around the labels
+              </h3>
+              <ContributionAssistantDrawCanvas ref="ContributionAssistantdrawCanvas" :image="image" @croppedImages="onCroppedImages($event)" />
+            </v-col>
+            <v-col cols="12" md="6">
+              <h3 class="mb-4">
+                3. Check the readability of labels
+              </h3>
+              <ContributionAssistantCropImageList :croppedImages="croppedImages" @removeCrop="removeCrop($event)" />
+            </v-col>
+          </v-row>
+          
+          <h3 class="mb-4">
+            4. Send the cropped images for automatic processing
+          </h3>
+          <v-btn :disabled="!croppedImages.length" :loading="processCroppedImagesLoading" @click="processCroppedImages">
+            Process Cropped Images
+          </v-btn>
+        </v-container>
+      </v-tabs-window-item>
+      <v-tabs-window-item value="Cleanup">
+        <v-container>
+          <v-row>
+            <v-col
+              v-for="(productPriceForm, index) in productPriceForms"
+              :key="index"
+              cols="12"
+              md="3"
+            >
+              <ContributionAssistantPriceFormCard :productPriceForm="productPriceForm" />
+            </v-col>
+          </v-row>
+          <p v-if="recentProof" class="mt-2">
+            <i>{{ productPriceForms.length }} price{{ productPriceForms.length > 1 ? 's' : '' }} will be added to existing proof on the {{ recentProof.date }} at {{ locationName }}.</i>
+          </p>
+          <p v-if="!recentProof" class="mt-2">
+            <i>1 proof and {{ productPriceForms.length }} price{{ productPriceForms.length > 1 ? 's' : '' }} will be added on the {{ proofMetadataForm.date }} at {{ locationName }}.</i>
+          </p>
+          <v-btn class="mt-4" :loading="addPricesLoading" @click="addPrices">
+            Add prices to open prices
+          </v-btn>
+        </v-container>
+      </v-tabs-window-item>
+    </v-tabs-window>
+  </v-container>
+</template>
+
+<script>
+import Compressor from 'compressorjs'
+import { defineAsyncComponent } from 'vue'
+import { mapStores } from 'pinia'
+import { useAppStore } from '../store'
+import api from '../services/api'
+import utils from '../utils.js'
+
+export default {
+  components: {
+    ContributionAssistantPriceFormCard: defineAsyncComponent(() => import('../components/ContributionAssistantPriceFormCard.vue')),
+    LocationInputRow: defineAsyncComponent(() => import('../components/LocationInputRow.vue')),
+    ProofImageInputRow: defineAsyncComponent(() => import('../components/ProofImageInputRow.vue')),
+    ContributionAssistantDrawCanvas: defineAsyncComponent(() => import('../components/ContributionAssistantDrawCanvas.vue')),
+    ContributionAssistantCropImageList: defineAsyncComponent(() => import('../components/ContributionAssistantCropImageList.vue')),
+    ProofMetadataInputRow: defineAsyncComponent(() => import('../components/ProofMetadataInputRow.vue')),
+  },
+  data() {
+    return {
+      tab: 'LocationDate',
+      originalProofImage: null,
+      recentProof: null,
+      image: new Image(),
+      croppedImages: [],
+      croppedBlobs: [],
+      productPriceForms : [],
+      locationForm: {
+        location_osm_id: null,
+        location_osm_type: null
+      },
+      proofMetadataForm: {
+        date: utils.currentDate(),
+        currency: null,
+        receipt_price_count: null,
+        receipt_price_total: null
+      },
+      processCroppedImagesLoading: false,
+      addPricesLoading: false
+    }
+  },
+  computed: {
+    ...mapStores(useAppStore),
+    locationName() {
+      const recentLocations = this.appStore.getRecentLocations()
+      const location = recentLocations.find((location) => location.properties.osm_id === this.locationForm.location_osm_id)
+      if (location) {
+        if (location.type === 'ONLINE') return location.website_url
+        return utils.getLocationOSMTitle(location, true, true, true)
+      }
+      return ''
+    }
+  },
+  mounted() {
+    this.proofMetadataForm.currency = this.appStore.getUserLastCurrencyUsed
+  },
+  methods: {
+    setProof(event) {
+      if (event instanceof File) {
+        // A new file was selected
+        this.recentProof = null
+        this.originalProofImage = event
+        const reader = new FileReader()
+        reader.onload = (e) => {
+          const image = new Image()
+          image.src = e.target.result
+          this.image = image
+        };
+        reader.readAsDataURL(event)
+      } else {
+        // An existing proof was selected
+        this.recentProof = event
+        this.originalProofImage = null
+        const image = new Image()
+        image.src = `${import.meta.env.VITE_OPEN_PRICES_APP_URL}/img/${event.file_path}`
+        image.crossOrigin = 'Anonymous'
+        this.image = image
+        this.proofMetadataForm.date = event.date
+        this.proofMetadataForm.currency = event.currency
+        this.locationForm.location_osm_id = event.location_osm_id
+        this.locationForm.location_osm_type = event.location_osm_type
+      }
+
+      this.croppedImages = []
+      this.croppedBlobs = []
+      this.productPriceForms = []
+    },
+    onCroppedImages(eventData) {
+      this.croppedImages = eventData[0]
+      this.croppedBlobs = eventData[1]
+    },
+    removeCrop(index) {
+      this.$refs.ContributionAssistantdrawCanvas.removeRectangle(index) // This will trigger onCroppedImages event to update the other lists
+    },
+    async processCroppedImages() {
+      this.processCroppedImagesLoading = true
+      const res = await api.processWithGemini(this.croppedBlobs)
+      if (res) {
+        this.handleGeminiResponse(res)
+      } else {
+        console.error("TODO: handle error in image processing")
+      }
+      this.processCroppedImagesLoading = false
+    },
+    handleGeminiResponse(response) {
+      console.log('handleGeminiResponse', response)
+      this.productPriceForms = []
+      for (let i = 0; i < response.labels.length; i++) {
+        const label = response.labels[i]
+        // TODO: some of these will be None if gemini did not give a proper reply, so detection and error handling is needed
+        const productPriceForm = {
+          mode: 'category',
+          category_tag: label.product,
+          origins_tags: [label.origin],
+          labels_tags: label.organic ? ["en:organic"] : [],
+          price: label.price.toString(),
+          price_per: label.unit,
+          price_is_discounted: false,
+          currency: this.appStore.getUserLastCurrencyUsed || 'EUR',
+          proofImage: this.croppedImages[i],
+          product_code: label.barcode.toString()
+        }
+        this.productPriceForms.push(productPriceForm)
+      }
+      this.tab = 'Cleanup'
+    },
+    async addPrices() {
+      this.addPricesLoading = true
+      let proof = this.recentProof // Can be null if new proof
+      if (!proof) { // Implies an originalProofImage was set
+        const proofImageCompressed = await new Promise((resolve, reject) => {
+          new Compressor(this.originalProofImage, {
+            success: resolve,
+            error: reject
+          })
+        })
+        proof = await api.createProof(proofImageCompressed, 'PRICE_TAG', null, this.locationForm.location_osm_id, this.locationForm.location_osm_type, this.proofMetadataForm.date, this.proofMetadataForm.currency)
+      }
+      
+      for (let i = 0; i < this.productPriceForms.length; i++) {
+        const productPriceForm = this.productPriceForms[i]
+        let origins_tags = productPriceForm.origins_tags
+        if (!Array.isArray(origins_tags)) {
+          origins_tags = [origins_tags]
+        }
+        if (origins_tags[0] == null || origins_tags[0] == 'unknown' || origins_tags[0] == 'other' || origins_tags[0] == '') {
+          origins_tags = []
+        }
+        const priceData = {
+          ...productPriceForm,
+          origins_tags: origins_tags,
+          date: proof.date,
+          location_id: proof.location_id,
+          location_osm_id: proof.location_osm_id,
+          location_osm_type: proof.location_osm_type,
+          proof_id: proof.id
+        }
+        // Cleanup unwanted fields for API
+        if (productPriceForm.mode == 'barcode') {
+          delete priceData.price_per
+          delete priceData.category_tag
+          delete priceData.origins_tags
+        } else if (productPriceForm.mode == 'category') {
+          delete priceData.product_code
+          delete priceData.product
+        }
+        await api.createPrice(priceData) // TODO: error handling
+        this.productPriceForms[i].processed = true
+      }
+      this.addPricesLoading = false
+    }
+  }
+}
+</script>
diff --git a/src/views/Experiments.vue b/src/views/Experiments.vue
index 18266e4f5e3..d3117fb2ccc 100644
--- a/src/views/Experiments.vue
+++ b/src/views/Experiments.vue
@@ -14,6 +14,13 @@
         to="/proofs/add/single"
       />
     </v-col>
+    <v-col cols="12" sm="6" lg="4">
+      <v-card
+        :title="$t('Router.ContributionAssistant.Title')"
+        prepend-icon="mdi-image-plus"
+        to="/experiments/contribution-assistant"
+      />
+    </v-col>
   </v-row>
 </template>