Management van de stadiumomgeving op WebFlow voor de organisatie.

Het web is gebroken om twee uur! Het echte probleem in het leven van een webmaker

Heb je ooit de wervelkolom gevoeld telkens wanneer je op de knop 'Publiceren' op de website van het bedrijf moet drukken? Vooral de website waarmee mensen de hele tijd gebruiken of de volgende dag een grote campagne gaan krijgen. Het marketingteam wil de promotie een beetje oplossen, het ontwerpteam wil de knop verplaatsen om mooier te zijn, en wij zijn de verzorgers, wil graag wat code bijwerken ... iedereen heeft een goede intentie. Maar de frequente resultaten zijn "Los dit hier op om daar te breken."

De klassieke situatie is om CSS slechts één lijn te bewerken, maar de lay -outpagina die vroeger mooi was, gebroken in sommige mobiele telefoons. Of erger is het belangrijkste contactformulier voor klantcontact dat niet kan worden gebruikt na de laatste update voordat het zich realiseerde dat het een halve dag is verstreken met het verliezen van een enorme zakelijke kans ... dit is niet alleen een technische kwestie. Maar het is een probleem dat stress, wantrouwen in het team creëert en het werk onnodig laat vertragen.

-Prompt voor illustraties-

De foto van het team is pijn in het computerscherm dat een gek web toont. Met een pijl die heen en weer wijst, breng de verwarring en chaos over in de correctie van het web dat daadwerkelijk live is

Waarom is de website die ik van plan ben te doen? Eenvoudig te breken binnen handbereik?

De kleine rampboom die zich ophoopt totdat het een groot probleem wordt. Meestal niet van de slechtheid van het team, maar veroorzaakt door "gebrek aan systematische processen", vooral wanneer het werkt als een team op een hoog onafhankelijk platform zoals Webflow

De belangrijkste oorzaken zijn als volgt:

• Er is geen "repetitiepraktijk": alle wijzigingen op het "echte podium" (live site) is als acteurs die het script niet hebben geoefend voordat ze daadwerkelijk acteren. De kansen op fouten zijn erg hoog. We hebben geen veilig gebied voor vallen en opstaan.
• Workflow "One-Man-Show": veel organisaties gebruiken nog steeds traditionele methoden. Dat is om de persoon te laten publiceren die het knelprobleem veroorzaakt en als die persoon een fout maakt, heeft niemand eerst geholpen om te controleren.
• Misverstand over Webflow: sommige mensen denken misschien dat de Webflow gemakkelijk te gebruiken is, sleep gewoon het pool en druk op publiceren, wat de helft van de waarheid is. De eenvoud kan een dubbelzijdig zwaard worden als er geen "hek" of "oefening" is die duidelijk is in het samenwerken.
• Over het hoofd gezien het belang van testen: in de wereld van professionele softwareontwikkeling heeft niemand de code vrijgegeven zonder testen. Maar in de wereld van het web zien veel teams deze stap over het hoofd omdat ze denken dat "slechts een klein beetje van de website". Dit is het begin van alle problemen. Als je de algemene foto van een goede organisatiewebsite wilt zien, bekijk dan deze checklist. De ultieme checklist van de bedrijfswebsite

-Prompt voor illustraties-

Eenvoudige infographic afbeeldingen met veel pijlen van veel mensen (marketing, ontwerp, dev) wijst naar hetzelfde website -pictogram totdat hij een "fout" -symbool wordt of "gebroken".

Als het laten afbreken van "web" meer beïnvloeden dan verwacht

De website heeft frequente fouten. Zelfs als het maar een klein punt is, is het niet alleen tijdverspilling om te zitten en te repareren. Maar het beïnvloedt de keten op een angstaanjagend bedrijfsniveau

• Verlies van de geloofwaardigheid van het merk: de website is het uiterlijk van het bedrijf. Klanten zullen uw merk zien. "Niet -professioneel" en het vertrouwen dat is verminderd, zal onmiddellijk afnemen.
• Vernietig de gebruikerservaring (gebruikerservaring): klanten die problemen ondervinden, zullen gefrustreerd aanvoelen en de website onmiddellijk verlaten (hoge bouncepercentage). De kansen dat hij weer terug zal komen, is bijna nul. En dat betekent dat klanten voor altijd aan concurrenten verliezen
• Rechtstreeks zakelijke kansen verliezen: als de "bestelknop" of "een offerte aanvragen", niet in korte tijd werkt. Dat kan honderdduizend of miljoenen betekenen die in de lucht ontbreken.
• De prestaties van het team daalden: in plaats van het team besteedde tijd aan het maken van nieuwe dingen. In plaats daarvan moeten ze tijd en energie verspillen met de "brandblussen" om dezelfde problemen op te lossen die niet herhaaldelijk zouden moeten gebeuren, dit is gemakkelijk om te ondermijnen en conflicten in het team te creëren. Overweeg WebFlow voor grote organisaties. Het is noodzakelijk om dit zeer te overwegen.

Dit probleem chronisch laten zijn als een klein lek in de boot die u weigert in het einde te vullen, het kan ervoor zorgen dat de hele boot zinkt.

-Prompt voor illustraties-

De grafiek van de balk die de conversieratio, klantvertrouwen en teammoraal toont, worden gekelderd met een fronspictogram naast de grafiek.

Hoe het probleem op te lossen bij de bron: leer de "Staging -omgeving" op Webflow kennen.

Het goede nieuws is Webflow. Begrijp dit probleem en bereid de krachtigste hulpmiddelen voor om dit probleem voor ons op te lossen. ** Stagingomgeving ** of veel mensen zijn bekend met de domeinnaam. ** ". Webflow.io" **

Spreken tot de gemakkelijkste inzicht in de ensceneringsomgeving is ** "Modelleringswebsite" ** Dat is het klonen van het echte web (live site) in alle opzichten, maar het is een privéruimte die buitenstaanders of zelfs Google niet kan zien dat het een "oefenveld" is dat 100% veilig is voor uw team om:

• Test alle wijzigingen: of het nu een nieuw ontwerp is, het toevoegen van nieuwe inhoud of het invoeren van de aangepaste code, kan proberen de resultaten op deze gesimuleerde website eerst te bekijken.
• Controleer de nauwkeurigheid: kan links verzenden deze webflow.io` Deze baas, klant of aanverwante teams kunnen helpen de bestelling op verschillende apparaten en browsers te controleren.
• Goedgekeurd voor publicatie: wanneer alle betrokkenen, controleer tot het tevreden en "goedkeuring", dus we drukken vervolgens op de publicatie. Alle wijzigingen in de eigenlijke website in één klik.

Dit concept is niet nieuw. Het is een standaard in de softwareontwikkelingsindustrie genaamd CI/CD (continue integratie/continue implementatie), die helpt om fouten te verminderen en de snelheid van het werk te verhogen. Lees meer over CI/CD. Hier is de toepassing van dit proces het begin van een echt professioneel werk.

-Prompt voor illustraties-

Eenvoudige diagram shows aan de linkerkant van de linkerkant is "Staging Environment (Site.webflow.io)" met een vergroot pictogram en de tools testen het web. Er is een groene merkteken. Dan is er een pijl die naar de rechterkant wijst, "Live Site (Yourdomain.com)" met een schild en een glimlachend gebruikerspictogram.

Voorbeelden van het echte ding: wanneer het marketingteam niet langer bang is om op "publiceren" te drukken "

Eén technische startup die SaaS -services biedt die vroeger een hoofdpijnprobleem had. Hun marketingteam is erg goed in het lanceren van nieuwe campagnes. En wil de bestemmingspagina altijd bijwerken, terwijl het productteam de functies op de website moet verbeteren, crasht de website wekelijks vanwege overlappend werk. Totdat ze besloten om "Staging Workflow" serieus te gebruiken

Origineel probleem: marketingteam, promotiepagina bewerken maar aangedrongen om de wereldwijde CSS te beïnvloeden, waardoor de knop op de prijspagina van het productteam een vervorming toont.

Staging workflow:

1. Clear Policy: "Publiceer niet rechtstreeks op de eigenlijke website (productie). Elke wijziging moet eerst de enscenering doorstaan."
2. Creëer een proces: het marketingteam heeft een oplossing voor de bestemmingspagina en publiceer alleen naar 'staging.company.webflow.io` en stuur vervolgens een link naar de Slack -groep om de projectmanager en de productleider toe te staan.
3. Controleer en goedkeuren: iedereen helpt om op de verzamelplaats te testen totdat ze er zeker van zijn dat er niets is verbroken. Wanneer goedgekeurd ("goedgekeurd" afdrukken in de speling), de persoon die verantwoordelijk is voor de publicatie op het eigenlijke web.

Verbazingwekkende resultaten: binnen 3 maanden is de snelheid van ernstige fouten op het werkelijke web "nul". Het marketingteam kan de A/B -testen proberen. Nieuwe campagnes over het vrijelijk organiseren zonder angst voor gebroken websites. De snelheid van het vrijgeven van nieuwe banen is 40% toegenomen omdat het geen tijd hoeft te verspillen om te zitten om kieskeurige problemen op te lossen. En het allerbelangrijkste is dat iedereen in het team comfortabeler werkt en elkaar vertrouwt, dit is de kracht van het hebben van duidelijke onderneming

-Prompt voor illustraties-

De foto van de eerste en na kant is een stressvol team, dat wijst op het computerscherm dat aan de zijkant brak, hetzelfde team, hetzelfde team glimlacht en geeft een duim omhoog. Met de achtergrond van de grafiek die stijgt

Als je wilt volgen, wat te doen? (Kan onmiddellijk worden gebruikt)

U kunt deze krachtige ensceneringsworkflow onmiddellijk in 5 eenvoudige stappen gaan gebruiken om uw werk voor altijd te veranderen:

Stap 1: Wijziging in de ontwerper zoals gewoonlijk,
of u nu inhoud ontwerpt, bewerkt of code toevoegt. Doe alles op de Webflow -ontwerper zoals je ooit hebt gedaan.

Stap 2: Publiceer om "alleen" te organiseren,
dit is de belangrijkste stap! Wanneer u op de knop Blue Publish voor u drukt ** "Tik heeft het merkteken van uw aangepaste domein (de eigenlijke website)" ** en alleen de domein webflow.io` alleen op "Publiceren naar geselecteerde domeinen". Dit brengt alle wijzigingen aan op uw simulatiewebsite.

Stap 3: Controleer en test op Staging Link,
kopieer uw `` your-site.webflow.io'-link en verzenden naar alle betrokkenen. Of het nu gaat om leider, klanten of QA (kwaliteitsborging) team om de nauwkeurigheid te controleren om op elke knop te klikken om elk formulier in te vullen en het display op verschillende apparaten te bekijken (desktop, tablet, mobiel).

Stap 4: Verzamel feedback en goedkeuring.
Gebruik centrale communicatietools zoals Slack, Asana of Trello om feedback te verzamelen en te wachten op de "bevestiging" schriftelijk van de autoriteit. Om ervoor te zorgen dat iedereen het al heeft gezien

Stap 5: Publiceer naar de eigenlijke website (productie)
wanneer alles perfect is en is goedgekeurd. Ga weer terug naar het publicatievenster. Deze keer, ** "Tik is direct op uw aangepaste domein" ** (en kan Webflow.io` Out) en op publicatie op publiceren. Dit is het tweede dat je het werk dat goed is overgegaan in de ogen van de wereld met 100% vertrouwen, vrijgeven. Zie meer informatie van Webflow University rechtstreeks.

-Prompt voor illustraties-

De schermopname van het venster Publiceren in de WebFlow met een hoogtepunt om de teken -tick ".Webflow.io Domain" te selecteren in stap 2 en de Tick "Custom Domain" in stap 5.

Vragen die mensen de neiging hebben zich af te vragen en de antwoorden die zijn gewist

V1: En de Staging Website (.Webflow.io) wordt door Google verzameld om weer te geven?
A: Nee, de Webflow is erg slim, met de tag "NoIndex" in uw ensceneringsite automatisch. Om te voorkomen dat zoekmachines zoals Google gegevens verzamelen en dubbele inhoud maken.

V2: Mensen die geen accountwebflow hebben. Kun je de verzamelwebsite komen bekijken?
A: Natuurlijk. U kunt links `` your-site.webflow.io` verzenden voor iedereen die een normale website kan zien en testen die zeer geschikt is voor het verzenden naar klanten of leidinggevenden om het werk te inspecteren

V3: Als onze echte website een wachtwoordbeveiliging heeft, zal de enscenering het wachtwoord ook doorgeven?
A: Ja, de wachtwoordinstellingen worden gebruikt op zowel de eigenlijke web- als de verzamelwebsite, zodat u er zeker van kunt zijn dat het werk dat nog niet is voltooid nog door de erkende persoon wordt gezien.

V4: Om het web van andere plaatsen naar Webflow te verplaatsen, zoals WordPress, kunt u Staging gebruiken om eerst te testen?
A: Ja, en het is een zeer aanbevolen methode! U kunt een nieuwe website maken op de WebFlow en de staging -omgeving gebruiken om gegevens te testen, ontwerpen en alle functies tot 100% voltooid vóór de echte domeinschakelaar. Lees hier meer over het web. Web Moving Manual van WordPress naar WebFlow

-Prompt voor illustraties-

Grote vraagafbeelding pictogram (?) In het midden is er een woordfase van het woord en er zijn kleine pictogrammen die communiceren met Google, Lock Key en verschillende mensen. Om verschillende vragen over te brengen

Samenvatting: verander de "angst" in "Brave" elke keer publiceren

Het gebruik van een stadiumomgeving is niet alleen een technische kwestie. Maar het is om de bedrijfscultuur in volledige professionaliteit te veranderen, het is een verandering van "hoop" om elke stap "gecontroleerd" te werken en het gevoel te veranderen. "Typy" elke keer dat u op publiceert in een "vertrouwen"

De website van de organisatie is een zakelijk hulpmiddel dat te belangrijk is om de kleine fouten de kans en betrouwbaarheid te laten vernietigen. Tijdinvestering om workflow te creëren werkt door middel van enscenering vanaf vandaag. Is een van de meest waardevolle investeringen die u kunt doen voor uw team en bedrijf.

Het is tijd om uw werk op uw webflow te upgraden, efficiënter en systematischer. Probeer dit proces om toe te passen op uw volgende update. En u zult merken dat het web voor de organisatie nog nooit minder hoofdpijn is geweest!

Als u een partner nodig hebt die expert is in het systematische systeem, een webwebsite op WebFlow, is ons team klaar om advies te geven. Bekijk onze Advanced WebFlow Development Service , of als u op zoek bent naar alle nieuwe organisaties van de organisatie. Klik hier om de ontwikkelingsservice van de organisatiewebsite te bekijken.

-Prompt voor illustraties-

De afbeelding van een astronaut is vol vertrouwen op een grote knop "Publiceren" op het bedieningspaneel. Met een mooie achtergrond die vol vertrouwen werk vrijgeeft aan het publiek

‍