E-commerce websiteontwerp
Shoppagina's ontworpen in Figma rond hoe mensen browsen, vergelijken en afrekenen, klaar voor elke developer.
Belangrijkste kenmerken
- Paginaontwerpen in Figma voor desktop en mobiel
- Componentbibliotheek met staten: hover, geselecteerd, niet op voorraad, fout
- Klikbaar prototype van het aankooppad
- Overdrachtsnotities voor developer
- Hier wordt niets betaaldU ontvangt eerst een schriftelijke offerte. Geen betaling, geen verplichting.
- Verkocht en geleverd door GRADAXEén contract en één team, wie het werk ook uitvoert.
- Uw data blijven in de EUNiets wordt buiten de unie verwerkt.
Over deze dienst
We ontwerpen de pagina's die bepalen of een webshop verkoopt: de homepage, de categoriepagina, de productpagina, de winkelwagen en de checkoutstappen. Elke pagina wordt phone-first ontworpen, want daar komt het meeste verkeer binnen, en gebouwd rond de vragen die een koper op dat moment heeft. U krijgt Figma-bestanden en een componentset waar elke developer mee kan bouwen.
De productpagina draagt de verkoop
Herontwerpen van een webshop beginnen vaak bij de homepage, omdat dat intern de meest zichtbare pagina is. Voor kopers valt de beslissing op de productpagina, en de meeste bezoekers komen daar rechtstreeks vanuit zoeken of advertenties, zonder de homepage ooit te zien. Daarom is ons kleinste pakket de productpagina alleen.
Een goede productpagina beantwoordt de vragen van een koper in de volgorde waarin ze opkomen. Wat is het en wat kost het. Past het bij mij. Wanneer komt het aan en wat kost de levering. Wat als ik het wil retourneren. De meeste productpagina's beantwoorden de eerste vraag goed en verstoppen de rest in tabs of de footer. Op een telefoon vertrekt een koper die de leveringskosten niet binnen een paar keer scrollen vindt vaak om het ergens anders te checken.
Ontwerpen voor de telefoon eerst
Voor de meeste webshops komt het merendeel van de bezoeken vanaf telefoons, en de conversie op telefoons is meestal lager dan op desktop. Een deel van het verschil is echt gedrag: mensen browsen op hun telefoon en kopen later op een computer. Een deel is ontwerp: filters die opengaan in een krappe overlay, knoppen die te klein zijn om aan te tikken, fotogalerijen die niet vegen.
We ontwerpen mobiele layouts eerst en breiden daarna uit naar desktop, in plaats van een desktopontwerp samen te persen. Elke component wordt in al zijn staten ontworpen: geselecteerd, uitverkocht, fout, laden. Juist in die staten wordt bij builds het vaakst geïmproviseerd, en geïmproviseerde staten zijn waar shops onaf aanvoelen.
Specificaties
- Categorie
- Web & Commerce
- Prijs
- € 420 tot € 1.580
- Maten
- Klein (Productpagina herontwerpen), Middel (Kernpagina's van de shop), Groot (Volledig shopontwerp)
- Doorlooptijd
- 1 tot 5 weken
- Gefactureerd
- Eenmalig
- Wat u krijgt
- 4 items, allemaal in de prijs
- Wat wij van u nodig hebben
- Uw merkmateriaal en eventuele bestaande ontwerprichtlijnen, Voorbeelden van productdata: afbeeldingen, beschrijvingen, variaties, Toegang tot analytics, of uw belangrijkste vragen van klanten
- Meest gekocht door
- Mode en kleding, Wonen en meubels, Gezondheid en beauty, Sportartikelen
- Verkocht en geleverd door
- GRADAX, één contract en één team
- Waar uw gegevens worden verwerkt
- Europese Unie
Wat u krijgt
Alles hieronder zit in de prijs. Niets hiervan is een upgrade.
- Paginaontwerpen in Figma voor desktop en mobiel
- Componentbibliotheek met staten: hover, geselecteerd, niet op voorraad, fout
- Klikbaar prototype van het aankooppad
- Overdrachtsnotities voor developer
Wat verandert
- Productpagina's die prijs, levering, retour en pasvorm beantwoorden voordat de koper ver hoeft te scrollen
- Categoriepagina's met filters die aansluiten op hoe uw klanten echt kiezen
- Mobiele layouts eerst ontworpen, niet samengeperst vanuit desktop
- Een componentset zodat nieuwe pagina's consistent blijven
Vergelijk de pakketten
De standaardprijs per formaat. Extra's staan ernaast geprijsd, niet verstopt achter een belafspraak.
| Inbegrepen | Productpagina herontwerpen€ 4201 week | Kernpagina's van de shop€ 7502 tot 3 weken | Volledig shopontwerp€ 1.5804 tot 5 weken |
|---|---|---|---|
| Productpagina, mobiel en desktop | Inbegrepen | Inbegrepen | Inbegrepen |
| Componentstates | Inbegrepen | Inbegrepen | Inbegrepen |
| Eén revisieronde | Inbegrepen | Inbegrepen | Inbegrepen |
| Overdrachtsdocumentatie | Inbegrepen | Inbegrepen | Inbegrepen |
| Alles uit Redesign productpagina | Niet inbegrepen | Inbegrepen | Inbegrepen |
| Homepage, categoriepagina en winkelwagen | Niet inbegrepen | Inbegrepen | Inbegrepen |
| Filter- en sorteerontwerp | Niet inbegrepen | Inbegrepen | Inbegrepen |
| Klikbaar prototype | Niet inbegrepen | Inbegrepen | Inbegrepen |
| Twee revisierondes | Niet inbegrepen | Inbegrepen | Inbegrepen |
| Alles uit Kernpagina's webshop | Niet inbegrepen | Niet inbegrepen | Inbegrepen |
| Checkoutstappen, accountomgeving, zoekresultaten, landingspagina-template | Niet inbegrepen | Niet inbegrepen | Inbegrepen |
| Volledige componentbibliotheek | Niet inbegrepen | Niet inbegrepen | Inbegrepen |
| Designreview tijdens de bouw | Niet inbegrepen | Niet inbegrepen | Inbegrepen |
| Toevoegen aan offerte |
Voeg toe wat u nodig hebt
Choose the size
Voeg toe wat u nodig hebt
Uw totaal€750
De standaardprijs, plus wat u toevoegt. Schriftelijk bevestigd voordat er iets begint; er wordt niets in rekening gebracht tot u akkoord gaat.
Hoe het werkt
Onderzoek
Analytics, klantvragen en concurrentenshops beoordeeld op frictie.
Wireframe
Pagina structuur afgesproken voordat het visuele ontwerp begint.
Design
Mobile first, dan desktop, met elke staat van elk component.
Opleveren
Figma-bestand, prototype en notities voor wie het bouwt.
Vragen
Ontwerpen jullie ook het design?
Niet in deze aanbieding. Het ontwerp is klaar voor elke developer, inclusief ons via een store-build of development-aanbieding.
Kunt u ontwerpen voor ons Shopify-thema?
Ja. We ontwerpen binnen de grenzen van uw thema waar u dat wilt behouden, of vrij waar u een custom build plant. Welke van de twee, spreken we aan het begin af.
Verhoogt een nieuw design de omzet?
Het zou frictie moeten wegnemen, maar we beloven geen cijfer. We raden aan de nieuwe productpagina te testen tegen de oude waar u genoeg verkeer hebt.
Gerelateerde zoekopdrachten
Gerelateerd werk
ScopedConversiecheck van de webshopWaar het geld weglekt tussen de productpagina en de bevestiging.from € 890op scope
EenmaligE-commerce websiteontwikkelingCustom shopfuncties en integraties gebouwd op uw platform: productconfigurators, ERP-sync, custom checkout-logica.from € 350
ScopedUI-designsprintSchermen ontworpen en geprototyped in twee weken, klaar om te bouwen.from € 1.800op scope
EenmaligBigCommerce-webshop bouwenEen BigCommerce-winkel opgezet met uw catalogus, betalingen, verzending en de B2B-functies waar het bekend om staat.from € 290
EenmaligMagento-winkelontwikkelingFixes, extensies, themawijzigingen en upgrades op Magento 2- en Adobe Commerce-webshops.from € 290
EenmaligPrestaShop-webshop bouwenEen PrestaShop-webshop op een onderhouden thema, met alleen de modules die u nodig hebt.from € 290
Past geen pakket?
Sommig werk heeft een eigen vorm. We bekijken eerst de scope en offreren die schriftelijk; het scopinggesprek is gratis.