Jag fortsätter min serie av konverterade och återskapade Illustrator-wireframe-tillgångar, den här gången eCommerce-detaljer och annat smått och gott. Det har kommit väl till pass eftersom vi haft några webbutiksprojekt på sistone. Använd dem som ni önskar, och jag fortsätter dela mindre kit efterhand som jag har dem klara.

Oj, och kom gärna tillbaka för mer. Enjoy! ヾ^_^

Ladda ner Adobe XD eCommerce-kit

Vad ingår i kitet

1. Shoppingnavigering

Navigering med horisontellt staplade länkar och en kundvagnsikon.

2. Produkt

Enskild produktvy med bildgalleri, betyg, färg- och antalsväljare. En yta under huvudinnehållet för ytterligare detaljer i en sektionsflik.

3. Produktlista

Produktkort med förhandsvisningsbild, etikett, pris, kort beskrivning, betyg och köp-knapp.

4. Filtrering & sortering, produktlista

Produktkort med förhandsvisningsbild, etikett, kort beskrivning, betyg och nedladdningsknapp. Ikon för att komma åt filter och en sorteringsmeny.

5. Kortvariationer, produktlista

Tre olika kortvariationer. Köp-, nedladdnings- och rena förhandsvisningsversioner.

6. Kundvagn

Stegvis förhandsvisning av kundvagnen. Inmatningskonturer indikerar att antal är redigerbart, och krysset till höger visar att varje vara kan tas bort.

7. Betalning & frakt, kundvagn

Ett andra steg i kassaprocessen. Inmatningsfält för faktureringsadress är gråtonade och endast tillgängliga om "Fakturering samma som fraktadress" är avmarkerat.

8. Orderbekräftelse, kundvagn

Ett bekräftelsemeddelande med en detaljerad ordersammanfattning.

Enjoy! ヾ^_^

Ladda ner Adobe XD eCommerce-kit

Fler wireframe-kit för prototyping i Adobe XD

• Typografi & Bas wireframe-kit
• Formulär & kontroller wireframe-kit
• Navigering wireframe-kit
• Containrar & block wireframe-kit