Klantenportaal voor beheer van hosting-, VPS- en cloudservices

Innowise hielp Serverplan met het bouwen van een self-service klantenportaal voor het beheren van hostingproducten, bestellingen, transacties, abonnementen en accountinstellingen via de bestaande Core API en middleware.

Uniforme hub voor hosting & accountbeheer

Soepelere workflows via Core API & middleware-integratie

Industrie IT

Werknemers 50+

Regio Italië

Diensten Webontwikkeling, back-end ontwikkeling, integratie

Klant sinds 2024

Overzicht klanten

Artikel samenvatten met AI

Serverplan is een Italiaanse provider van hosting- en clouddiensten. Het biedt shared hosting, VPS, dedicated servers, cloud-oplossingen en domein-gerelateerde diensten voor bedrijven die een betrouwbare infrastructuur en voortdurende technische ondersteuning nodig hebben. Het bedrijf bestaat sinds 2002 en is gevestigd in Cassino, Italië.

Uitdaging

Serverplan had een nieuw klantenportaal nodig waarmee gebruikers al hun hostingdiensten op één plek konden beheren. De portal moest alledaagse taken ondersteunen zoals het beheren van producten, het plaatsen en volgen van bestellingen, het controleren van transacties, het bekijken van facturen, het afhandelen van abonnementen, het kiezen van betaalmethoden en het bijwerken van accountinstellingen.
Het doel was ook om de portal gebruiksvriendelijker te maken voor klanten die verschillende soorten services beheren, zoals hosting, domeinen, VPS en dedicated servers. Het portaal moest deze taken ondersteunen, zodat gebruikers hun diensten eenvoudiger konden beheren en facturerings- en service-informatie snel konden vinden.
Een andere uitdaging was het inpassen van veel functionaliteit in één portal zonder dat de gebruikerservaring opgesplitst aanvoelde. Het nieuwe klantgedeelte moest productbeheer, bestellingen, facturering, abonnementen en accountinstellingen samenbrengen en toch overzichtelijk zijn voor mensen die het dagelijks gebruiken.

Technisch gezien moest de portal dezelfde Core API gebruiken als de flow van de Order Wizard Serverplan voor het bestellen van hosting-gerelateerde diensten. Dit betekende dat de frontend niet direct gebruik kon maken van de backend gegevens. Het team moest een middleware-laag toevoegen om de gegevens voor te bereiden voor de gebruikersinterface.
De portal bracht ook veel verschillende onderdelen samen op één plek: servicebeheer, bestellingen, transacties, facturen, abonnementen, betaalmethoden en accountinstellingen, inclusief 2FA en activiteitenlogboeken. Elk van deze gebieden had zijn eigen logica, dus het team moest ervoor zorgen dat ze samenwerkten zonder de algemene structuur van de portal te verbreken.
Het product zelf werd gebouwd als een reeks afzonderlijke functionele modules. Naarmate de ontwikkeling vorderde, moest het team de gebruikerservaring en gegevensstroom consistent houden, zodat de portal zou aanvoelen als één samenhangend systeem.

Oplossing die we hebben geleverd

Oplossingsontwerp

Ons team zorgde voor het frontend gedeelte van Octopus en verbond het met de backend om een nieuwe klantenzone te bouwen voor Serverplan gebruikers.

Het portaal gebruikte dezelfde Core API als het Order Wizard project. Simpel gezegd bevatte de backend al de logica en gegevens die nodig waren voor het platform, maar die gegevens konden niet op een gebruiksvriendelijke manier rechtstreeks in de interface worden opgenomen. Daarom bevatte de oplossing ook een middlewarelaag die de API-gegevens voor de frontend opnieuw vormgaf.

Het portaal zelf was gepland als een reeks modules die de belangrijkste dingen omvatten die gebruikers moesten doen: het dashboard openen, producten configureren, projecten en bestellingen beheren, transactiegeschiedenis bekijken, facturen openen, met prepaidtegoed en abonnementen werken, betalingsmethoden kiezen en accountinstellingen bijwerken. Deze opzet volgde de bestaande domeinstructuur en gaf het klantgedeelte een logische vorm naarmate het project zich ontwikkelde.

Belangrijkste functionaliteit geleverd

Dashboard en klantenzone

Het Octopus dashboard bracht de belangrijkste account- en servicedetails op één plek. Gebruikers konden één scherm openen en snel geactiveerde bestellingen, bestellingen die nog moesten worden ingesteld, vervaldatums, betalingen en facturen controleren. Ons team bouwde de frontend voor dit deel van de portal en verbond het met de backend zodat deze stromen konden werken binnen het nieuwe klantengebied. Voor de gebruikers van Serverplan betekende dat minder tijd kwijt zijn aan het zoeken naar routine account en service informatie.

Product- en orderbeheer

Dit deel van de portal bracht productconfiguratie en orderbeheer samen op één plek en omvat domeinen, shared hosting, reseller hosting, Powermail, PEC, dedicated servers en VPS. Het bevatte ook specifieke tools voor het beheren van pakketten en bestellijsten per producttype, samen met functies voor projectbeheer voor het maken van aangepaste scopes en het groeperen van gerelateerde objecten. Dus in plaats van heen en weer te stuiteren tussen losgekoppelde secties en alles handmatig proberen bij te houden, konden gebruikers verschillende producten en gerelateerde acties in hetzelfde klantgedeelte afhandelen met veel minder gedoe.

Facturering, transacties en prepaid krediet

Octopus bevatte ook transactiegeschiedenis, toegang tot uitgegeven facturen en prepaid beltegoedbeheer met opwaarderingen, transactiegeschiedenis, gebruikslimieten en meldingen. Deze functies vormden de facturering kant van het nieuwe klantengebied en gaven gebruikers een duidelijker beeld van hun financiële activiteiten zonder extra heen-en-weer geloop. Voor Serverplan voegde dit een meer complete account ervaring toe rond betalingen en dagelijkse factureringstaken.

Abonnementen en betaalmethoden

De portal bevatte ook abonnementenbeheer voor automatische verlenging van bestellingen met wijzigings- en annuleringsopties. Gebruikers konden ook elektronische betaalmethoden beheren, zoals creditcards en PayPal. Dus in plaats van terugkerende serviceacties te scheiden van betalingsgerelateerde taken, kon Serverplan ze samenbrengen in hetzelfde klantgedeelte en die stromen gemakkelijker afhandelen.

Accountinstellingen en toegangscontrole

Het accountgedeelte bracht persoonlijke gegevens, factureringscontacten, toegangsinstellingen, 2FA en een activiteitenlogboek samen, zodat gebruikers de belangrijkste accountinstellingen vanaf één plek konden beheren. Als onderdeel van het bredere portaalwerk hielp Innowise deze accountstromen in hetzelfde klantgedeelte te brengen als servicegerelateerde acties, waardoor het portaal meer samenhang kreeg in het dagelijkse gebruik.

Aanpak voor levering

Innowise beheerde het project met behulp van Agile, wat goed paste bij een portal als deze, waar eisen kunnen verschuiven naarmate nieuwe secties vorm krijgen. In plaats van vanaf dag één elk detail in kaart te brengen, werkte het team in iteraties stap voor stap door de scope heen.

Om dat beheersbaar te maken, werd de portal opgedeeld in modules op basis van de bestaande domeinstructuur. Dit gaf het team een duidelijkere manier om parallel aan verschillende delen van het klantgedeelte te werken terwijl het algehele systeem overzichtelijk bleef.

De oplevering ging vervolgens door ontwikkelings- en testfasen, met mijlpalen om de voortgang bij te houden en de uitrol in lijn te houden met de bredere tijdlijn van de portal. Het proces bleef dus flexibel waar nodig, maar toch gestructureerd genoeg om het werk gestaag door te laten gaan.

Het lastige was dat de backend al een eigen structuur had, die niet goed aansloot bij wat gebruikers verwachten te zien in een klantenportaal. We moesten die gegevens vormgeven via de middleware en ze weergeven in de frontend op een manier die alledaagse handelingen zoals het beheren van services of het controleren van facturen eenvoudig maakte.

Dmitry Coolgun Leveringsmanager

Technologieën

Vue 3

Mezzi

PHP

JavaScript

HTML

CSS/SCSS

Bootstrap

Team

Project Manager

PHP Ontwikkelaars

Resultaten

Duur van het project

Februari 2024 - december 2024

Met deze oplossing zijn beide kanten van de uitdaging in één keer opgelost. Serverplan heeft nu één portal voor service, facturering en account taken, waar gebruikers bestellingen kunnen controleren, facturen kunnen bekijken, abonnementen kunnen beheren, betaalmethoden kunnen bijwerken en account instellingen kunnen afhandelen zonder tussen de verschillende secties te hoeven bewegen. Hierdoor voelt het dagelijkse servicebeheer directer en minder versnipperd aan.

Onder de motorkap werkt de portal nog steeds met Serverplan's bestaande backend via de Core API en middleware laag, dus de nieuwe klantervaring past in de huidige technische setup van het bedrijf in plaats van deze te vervangen.

Inhoudsopgave

PHP-expertise voor hostingportalen

Gerelateerde gevallen

Contacteer ons

Boek een gesprek of vul het onderstaande formulier in en we nemen contact met je op zodra we je aanvraag hebben verwerkt.

Naam

Bedrijf

E-mail

Telefoon

Bericht

Stuur ons een spraakbericht

Documenten bijvoegen

Bestand uploaden

Je kunt 1 bestand van maximaal 2 MB bijvoegen. Geldige bestandsformaten: pdf, jpg, jpeg, png.

Door op Verzenden te klikken, stemt u ermee in dat Innowise uw persoonsgegevens verwerkt volgens onze Privacybeleid om u van relevante informatie te voorzien. Door je telefoonnummer op te geven, ga je ermee akkoord dat we contact met je opnemen via telefoongesprekken, sms en messaging-apps. Bellen, berichten en datatarieven kunnen van toepassing zijn.

U kunt ons ook uw verzoek sturen
naar contact@innowise.com

Wat gebeurt er nu?

Zodra we je aanvraag hebben ontvangen en verwerkt, nemen we contact met je op om de details van je projectbehoeften en tekenen we een NDA om vertrouwelijkheid te garanderen.

Na het bestuderen van uw wensen, behoeften en verwachtingen zal ons team een projectvoorstel opstellen met de omvang van het werk, de teamgrootte, de tijd en de geschatte kosten voorstel met de omvang van het werk, de grootte van het team, de tijd en de geschatte kosten.

We zullen een afspraak met je maken om het aanbod te bespreken en de details vast te leggen.

Tot slot tekenen we een contract en gaan we meteen aan de slag met je project.