mademyday Delivery

Step 1 – Produktside

Stort set som den normale produktside, dog uden “Tid & Sted” samt “Anmeldelser”.

Ikonet på knappen kan ændres fra backenden ud fra en prædefineret liste af navngivne ikoner, der er en del af Produkt-modellen og findes i feltet CheckoutIcon.

full-1

Ved “Læg i kurv” slettes/nulstilles de tidligere adresseinfo (DELETE-request).

Step 2 – Leveringsinfo

Validering på de enkelte input-felter, med rød kant + hjælpetekst under inputfeltet ved ugyldige data, både “on blur” og når der trykkes på knappen.

På iOS app’en kan man åbne telefonbogen ved klik på ikonet ud for navnet. Dog er det vigtigt at man kan se labels, ovenover ens input (som man kan normalt med Material inputs), da folk indimellem misforstår hvad de skal have der i, og hvis man har valgt “Mor” i telefonbogen, så giver det lidt forkerte leveringsinfo.

Byen hentes via postnr.io automatisk, når der indtastes et postnummer.

full-2

Step 3 – Leveringsdato

Henter tilgængelige datoer fra serveren via et paginated endpoint. Man kan ‘swipe’ frem/tilbage i kalenderen og tydeligt se hvilke dage, der kan vælges, og hvilken en man har valgt.

Derudover har vi, ud fra “deliveryinfo”-endpointet 0-2 checkboxes, som man som bruger kan vælge, alt efter om “unattended delivery” er slået til, eller om produktet tilbyder at der vedlægges kort.

Såfremt produktet ikke understøtter kort, skal der være en checkbox, der spørger om man vil sende en SMS på leveringsdagen til modtager, med en personlig hilsen.

Såfremt produktet understøtter “unattended delivery”, skal der være en checkbox, der spørger om det er OK at pakken stilles.

full-3

Step 4 – Personlig hilsen

Dette step skippes, såfremt:

  1. Produktet ikke inkluderer et kort og
  2. Der ikke er valgt at sende personlig hilsen via SMS

Det skal ikke være muligt at taste emoji’s i “personlig hilsen”-feltet, da det er noget bøvl med trykte kort og rendering af de emojis.

full-4

Teksten under knappen tilpasses alt efter valg. Der kan fx enten stå, at den personlige hilsen trykkes på kortet, der sendes med, eller at den sendes til modtager som SMS.

Step 5 – Betaling

Betalingssiden er egentlig stort set som den normale, udover at vi viser adresse-info under navnet. Derudover skal vi også vise leveringsdatoen under adressen, men det har vi ikke fået implementeret endnu.

Teksten under betal-knappen ændres også, så de passer med at der står at gaven leveres på den valgte dato, i stedet for via SMS.

full-5

Step 6 – Confirmation

Samme som den normale, men med opsummering af hvem der leveres til og hvilken dato gaven leveres.

full-6

API Endpoints

What a mighty fine PDF.