ThemeIsle uudelleensuunnittelu: Tässä on kuinka se meni ja kuinka paljon se maksoi

ThemeIsle uudelleensuunnittelu: Tässä on kuinka se meni ja kuinka paljon se maksoi

ThemeIsle uudelleensuunnittelu: Tässä on kuinka se meni ja kuinka paljon se maksoi
СОДЕРЖАНИЕ
02 июня 2020

ThemeIsle uudelleensuunnittelu


Inhoan olla buzzkill, mutta en ole uudelleensuunnittelun fani. Saan jännitystä asioiden vaihtamisen ja sivustosi päivittämisen parin vuoden välein. Ymmärrän miksi niin monet ihmiset rakastavat selviytymään siitä, mutta se ei vain ole minä.

Mieleni on aina ollut, että suunnittelun on oltava "tarpeeksi hyvä," ja että se on jotain, joka ei tee suuria eroja asioiden suuressa kaaviossa.

Mutta tämän sanottua, ThemeIsle oli kauan myöhässä muutosta varten. Jopa huomasin, että asiat eivät olleet enää valmiita vuodelle 2019. Joten kun päätöstä asioiden ravistamisesta tehtiin, dokumentoin prosessin niin, että voimme oppia mahdollisimman paljon siirtymävaiheesta.

Nyt kun uusi ThemeIsle-suunnittelu on lanseerattu katsotaanpa aikaisempaa mallia, tehtyjä päätöksiä, uudelle suunnittelulle asetettuja tavoitteita ja kuinka se kaikki toteutui.

pikakuvakkeet:

  • �� Ajatuksia vanhasta mallista
  • �� Uusi malli tulee sisään
  • �� Uusi verkkosivustorakenne
  • �� Parempia aloitussivuja ja mobiili

Vanha teematyylisuunnittelu ja sen aiheet ��

1. Itse suunnittelun ongelmat

Rehellisesti sanottuna, en koskaan nähnyt ThemeIslen alkuperäistä suunnittelua huonona. Tarkoitan, tiesin, että se ei ollut hienoa (minulla on silmät), mutta en ajatellut, että kyse on ongelmasta, joka voi vaikuttaa tuotemerkkiimme tai vaikuttaa negatiivisesti myyntiin.

Lisäksi on kulunut jonkin aikaa sivuston käynnistämisestä lähtien, ja alkuaikoina suunnittelu oli melko samanlainen kuin mitä muuta siellä oli.

Vuosien varrella aloimme kuitenkin tehdä paljon A / B-testejä, muita ns. Parannuksia, erilaisia ​​SEO-tarkistuksia jne., Ja koska kaiken edellä olevaa johtavaa suunnittelun vertailuarvoa tai valvontaa ei ollut, sivusto menetti johdonmukaisuutensa. Esimerkiksi, meillä oli tämä normaali sivu ShopIsle-teeman ja tämä melko mukautettu sivu RokoPhoto:

shopisle vs rokophoto

Päivän lopussa, koska myyminen suunnittelijoille on ala, johon haluamme laajentua, olen tajunnut, että kiillotettu muotoilu saattaa parantaa brändimme hieman ja aiheuttaa lisää sirinä.

Se oli pääasiallinen syy sivuston kunnostamiseen.

2. Verkkosivuston rakenne ja liiketoimintamalli

Tämä häiritsi minua eniten. Kun aloitimme ja rakensimme verkkosivuston, sen oli tarkoitus olla teemakerho. Meillä oli 10-20 teemaa ja halusimme myydä niitä paketina. Melko suoraviivainen.

Meillä oli tuolloin myös tukifoorumi, ja pääsivun avaamisen jälkeen kompastuimme pluginiin, joka tarvitsi uuden kodin. Se oli hyvä kauppa, joten saimme sen alukselle ja heitettiin myös päätarjoukseen. Ei ollut niin järkevää olla sitä siellä osana teemapakettia, mutta se oli paras, jonka ajattelimme voivan tehdä silloin. ��♂️

Viimeisen viiden vuoden aikana markkinat ovat muuttuneet, ja olemme ymmärtäneet, että emme halua enää rakentaa ja ylläpitää 20 erilaista teemaa. Se ei myöskään ole sitä, mitä kukaan odottaa. Olemme aikakaudella "lippulaivateemoja" – jossa myymälä tarjoaa yhden pääteeman tai vain pari niistä ja sitten lisäpäivitykset tai suunnittelupaketit.

Olemme päättäneet myös seurata samanlaista polkua ja työskennellä vain kahdella tai kolmella teemalla; sama laajennuksillemme.

Olemme myös oppineet, että yksittäiset tuotemerkit ovat tehokkaampia ja joilla on enemmän potentiaalia kuin "tärkeimmät sivustomerkit," joten on järkevämpää korostaa niitä. Ajattele X-teema vs. Themeco.

Yksi lisäosaa antava tekijä on ThemeIsle-blogi. Se on kasvanut paljon viimeisen viiden vuoden aikana, ja se on antanut meille mahdollisuuden turvata markkina-asema, jota emme ajatelleet mahdolliseksi aloittaessamme ensimmäistä kertaa.

3. Tekninen velkamme

Kaksi asiaa, joista haluan puhua täällä:

a) Verkkosivuston nopeus

Vanhassa sivustossa oli paljon vanhaa tavaraa ja tekniikkaa. Aloitimme myymällä tuotteitamme suoraan sivuston kautta käsin rakennetulla järjestelmällä.

Sivuston moottorissa oli useita iteraatioita, jotka johtivat lukemattomiin erilaisiin ACF-kenttiin, joita vaikeasti hallittiin ajan myötä. Olemme myös järjestäneet foorumia, isännöineet kumppaniohjelmaa, isännöineet dokumentteja ja luultavasti monia muita asioita.

Kaiken kaikkiaan rakenne ei ollut kovin tehokas, mikä johti melko heikkoon suorituskykyyn.

Sivuhuomautuksena olemme siirtyneet FastSpringiin sen jälkeen, emmekä enää käsittele myyntiä yksin. Vaikka pääsimme eroon joistakin muista järjestelmistä samalla tavalla, paljon sitä oli silti olemassa.

b) Ostoskorin rakenne

Yrityksen luonteen vuoksi – monien tuotteiden ja yksittäisten tuotemerkkien kanssa, jotka voivat kasvaa enemmän kuin emoyhtiön tuotemerkki, olen tajunnut, että on aika jakaa todellinen tekninen asetus siitä, miten asiat ovat.

Erityisesti on parempi erottaa asiakastiedot käyttöliittymästä (teemaluettelot ja myös kirjoittajat ja heidän sisältönsä sekä kaikki markkinointitoimet). Tällä tavoin EDD: n kaltaiset laajennukset eivät vaikuta etusivuston nopeuteen tai mitään muuta, joka tapahtuu taustalla yrityksen johtamiseksi.

Markkinointitiimi saisi myös paremman hallinnan sivustosta, ja voisimme perustaa tuotteille erilliset sivustot / tuotemerkit pitämällä yhtenäisen asiakasalueen osoitteessa store.themeisle.com.

4. Laskeutumissivut ja matkapuhelimet

Kun julkaisimme alkuperäisen sivuston, mobiili ei ollut oikeastaan ​​asia. Erityisesti kapealla, missä tuskin kukaan osti teemoja puhelimessa ollessaan. Jo nyt meillä on edelleen hyvin vähän matkaviestinasiakasta.

Matkapuhelimen merkitys on kuitenkin kasvanut ja trendi todennäköisesti jatkuu. Loppujen lopuksi Google käyttää nyt mobiili-indeksoijaaan pöytätietokoneen yli.

Lyhyt tarina, olemme päättäneet rakentaa räätälöityjä aloitussivuja parhaille tuotteillemme ja pyrkiä parantamaan niiden tuloksia. Mobiili on tässä elintärkeä, koska olemme päättäneet tehdä sivuista paitsi mobiiliystävällisiä myös yhteensopivia AMP: n kanssa.

Sisään tulee uusi ThemeIsle-suunnittelu ��

Okei, joten lavasarjan ja perustelujeni selittämisen jälkeen katsotaanpa nyt, kuinka se kaikki soi.

1. Suunnittelu ja estetiikka

Tämän voit arvioida itse, mutta minulle tämä on ollut ehdoton menestys!

Tässä on vanha malli:

ThemeIsle vanha muotoilu

Ja tässä on uusi:

ThemeIsle uusi muotoilu

Sivusto näyttää paljon johdonmukaisemmalta ja miellyttävämmältä silmille. John Fraskos / AnalogWP muotoiltu. João Santos, joka yleensä työskentelee sarjakuvien parissa, loi mukautettuja kuvia. Ja lopuksi, Catalin Vasile, alkuperäinen ThemeIsle-suunnittelija, työskenteli uuden logon parissa.

Pelkästään tämä osa maksoi todennäköisesti noin 10 000–15 000 dollaria. Vaikka itse suunnittelu on jotain, jota on lähes mahdotonta seurata sijoitetun pääoman tuottoprosenttia, uskon, että se on sijoituksen arvoinen. Suoraan sanottuna, kun otetaan huomioon, että kesti viisi vuotta ennen kuin päätimme sivuston uudelleensuunnittelusta, kustannukset edustavat vain alle 0,5 prosenttia tuloista. Joten jos tämä johtaa ylösalaisin, se tekee projektista helposti sen arvoista!

2. Uusi verkkosivustorakenne

Uuden rakenteen esittely on monimutkaisuutta lisäänyt, mutta se on myös johtanut liikenteen lisäämiseen huipputuotteillemme, mikä on aina hyvä asia. Negatiivisina puolina liikenne teemakategorioihimme on vähentynyt. Mutta se on kunnossa.

Tärkeintä on, että emme halua, että ThemeIsle olisi a "teemat paikka," mutta olla tunnettu nimellä "Neven ja Hestian luojat."

Tämän saavuttamiseksi olemme päättäneet esitellä nämä tuotteet etusivulle, teemasivulle ja poistaa yleisen hinnoitussivun kokonaan (sillä ei ollut mitään järkeä). Pyrimme myös luomaan tuotteille yksilölliset logot ja sitten alkuperäisten aloitussivut parhaille tuotteille (omilla tuotemerkeillään ja kaikilla). Lisäksi teimme muutamia parannuksia täällä ja täällä korostaaksemme yksittäisiä tuotemerkkejä.

hestia ennen ja jälkeen

3. Tekninen velka on ratkaistu

Kaksi asiaa:

a) Verkkosivuston nopeus

Latausaikamme ovat nyt 50% nopeammat. Mutta olemme joutuneet ongelmiin prosessissa.

Yrittäessämme pakottaa meidät käyttämään omia tuotteitamme ja myös uutta lohkoeditoria (jota kehittäjämme ei tiennyt), olemme sekoittaneet verkkosivustojen rakennuskokemuksen täysin.

Gutenberg ei ole vielä paikalla, tai ainakaan tapa, jolla olemme käyttäneet sitä, ei auta. Se ei edelleenkään ole paras valinta aloitussivuille, ja jos haluat nopeutta, luota paremmin joihinkin käsin rakennettuihin rakenteisiin kuten ACF. Jos pidät joustavuudesta ennen kaikkea, voit mennä Beaver Builderin tai Elementorin kanssa, kuten olemme tehneet kotisivulle.

Suorituskykyä ajatellen verkkosivustojen rakentamisessa tehtävä ei ole vielä helppo. Et voi olla riippuvainen laajennuksista kaikkien ongelmien ratkaisemiseksi puolestasi, ja sinun on tehtävä paljon itse. Tässä on uuden suunnitteluprojektin pääkehittäjän Cosmin Serbanescun kommentti:

Cosmin

On ollut ilo työskennellä ThemeIsle-verkkosivuston uudelleensuunnittelussa, ja se on ehdottomasti yksi monimutkaisimmista ja haastavimmista projekteista, joita olen koskaan työskennellyt.

Todennäköisesti vaikein osa oli se, että nopeuden suuntautuneen lähestymistavan takia, joka meillä oli alusta alkaen, minun piti miettiä ainakin kahdesti ennen ominaisuuden tai verkkosivun osan käyttöönottoa ilman kolmansien osapuolien laajennuksia tai tarpeettomia kirjastoja ja pitämällä koodi niin puhtaana kuin mahdollinen.

b) Uusi ostoskorirakenne

Tämä osa sujui melko sujuvasti, koska meillä on nyt kaikki asetettu osoitteeseen store.themeisle.com.

Tietenkin, kuten tavallisesti näissä asioissa, meillä oli joitain ongelmia julkaisupäivänä, mutta onnistuimme selvittämään sen ajoissa.

Tässä asennuksessa, kuten aiemmin mainitsin, kaikki asiakas- / käyttäjätiedot tallennetaan erillisessä käyttöliittymässä käyttöliittymästä, joka sisältää teemaluettelot, blogin, markkinointisivut.

4. Parempia aloitussivuja ja mobiililaitteita

Osana uudelleensuunnittelua rakensimme uusia aloitussivuja kaikille tärkeille tuotteillemme, kuten Neve, Hestia, ShopIsle, Zelle, Feedzy, Visualizer, ja WP-tuotekatsaus.

Niistä kaikista Hestian aloitussivu – johon panostamme suurimman osan ponnisteluistamme – näyttää saavan parhaat tulokset. Tällä hetkellä tulosprosentit ovat ~ 10% parempia. Tarkastelemme tällä hetkellä noin kuukauden arvoisia tietoja, mikä saa minut tuntemaan oloni optimistiseksi.

hestia uusi

Kaiken kaikkialla koko sivustolla näyttää siltä, ​​että olemme menettäneet myyntiä. Mutta muutoksia on tehty niin paljon, mukaan lukien eroaminen yli 10 tuotteesta (jotka kaikki tuottivat pienen määrän myyntiä), että on vaikea omistaa mitään itse suunnittelulle.

Tämä liittyy toiseen tavoitteeseen, jonka olen asettanut tälle vuodelle. Vaikka pidämmekin vain 90% ennakkotuloista, mutta saamme samalla hallita 50% yksinkertaisempaa yritystä, se on sen arvoinen. Yksinkertaisemmalla liiketoiminnalla tarkoitan vähemmän tuotteita, mikä kääntää vähemmän sivuja hallittavaksi, vähemmän asiakirjoja ja tukea ja siten enemmän aikaa työskennellä nykyisten tuotteiden parantamiseksi.

Uuden sivuston optimointi mobiililaitteille meni kaiken kaikkiaan hienoon, mutta ei erittäin sataprosenttisesti ongelmitta. Gutenbergin valitseminen uusien sivujen rakentamisen perustana ei ollut helppoa, ja se ei parantanut lopulta mobiililaitteidemme suorituskykyä paljon.

Emme onnistuneet saamaan käyttöönottoa tuotteen aloitussivuille 50 kt: n merkinnän alapuolelle, joten emme pystyneet palvelemaan niitä AMP: ssä (rajoitus sille, kuinka suuri CSS voi olla AMP: lle). Meillä on AMP kuitenkin luokkasivuilla.

Kaiken kaikkiaan oli vaikeaa varmistaa, että suunnittelu toimii yhdessä Gutenbergin, Elementorin ja muiden rakentajien kanssa. Ja kyse ei ole pelkästään sen varmistamisesta, että nuo rakentajat voivat tuottaa rakenteensa, vaan myös varmistaa, että tulos näytöllä on mitä odotat. Loppujen lopuksi haluamme, että voimme muokata sivuja myöhemmin, eikä meidän tarvitse tehdä uusia asioita kooditasolla sen mahdollistamiseksi. Siksi suunnittelun on toimittava rakentajien kanssa.

Päähaastajan John Fraskosin oli sanottava tästä haasteesta seuraavaa:

fraskos

Suurin haaste oli luoda johdonmukainen, skaalautuva muotoilu "rakentaja-agnostikko" koska osa projektista toteutetaan käyttämällä erilaisia ​​asettelurakennustekniikoita. Onnistuimme kaventamaan ja ylläpitämään kaikkien komponenttien lähtötason visuaalista kieltä, jota olisi helppo jäljitellä kaikille ulkoasun valmistajille, antaen meille tulevaisuudenkestävän mielenrauhan.

Sivuja on nyt paljon helpompaa navigoida mobiililaitteilla, eikä tämä ole vain sattumaa. Panostamme paljon työtä matkakokemuksen suunnitteluun ja ajattelemme sitä, mikä on tärkeää matkaviestinkävijöille vs. työpöydän kävijöille. Mene eteenpäin, tutustu joihinkin tuotesivuihimme mobiili- ja työpöydällä ja katso, mikä on erilaista (Tämä, esimerkiksi).

Koko toteutus, kuten kopioinnin ja tekstien, aloitussivujen ja muiden kampanjoiden ympärillä tapahtuva markkinointityö veivät melko aikaa; 1500 työtuntia tarkkaan. Teimme yhdeksi tavoitteista tehdä jotain vakavaa ajan seurantaa ja arvioida jokainen projektiin käytetty minuutti.

Jos kertoit sen millä tahansa tuntihinnalla, jonka haluat laskea, tämä saa meidät todennäköisesti 50 000–100 000 dollaria. Tai toisin sanoen, jos halusimme rakentaa samanlaisen sivuston kolmannelle osapuolelle, joudumme veloittamaan yli 100 000 dollaria, jotta siitä tulisi kannattava.

Suurin haaste meille kaiken kaikkiaan oli se, että tämä oli kertaluonteinen, ainutlaatuinen projekti. Tarkoitan sitä, että emme yleensä rakenna sähköisen kaupan sivustoja, joten meillä ei ole prosesseja paikallaan, eikä joukkuetta ja heidän taitojaan ole rakennettu verkkosivustojen rakennusprojekteihin.

Pyrimme järjestämään työmme, emmekä tienneet kaiken johtamista tai rakentamista. Meillä ei myöskään ollut (emme silti ole) omaa ryhmää, joka käsittelisi kaikkia edessä olevia projekteja ja sivustoja. Teemojen ja laajennusten rakentaminen käyttäjille on aivan erilainen asia. Viime kädessä John Fraskosille, joka ohjasi meitä oikealle tielle, päädyimme käyttämään Sketchiä käyttöliittymäsuunnitteluun, Invisionia suunnitteluyhteistyöhön ja palautteeseen sekä Slackia päivittäisiin keskusteluihin. Ja kävimme läpi paljon toistoja, joten kaikkia näitä työkaluja tarvittiin varmasti.

suunnittelun iteraatiot

Joten, tärkein kysymys olisi todennäköisesti; Katsonko projektin menestyvän??

Se riippuu.

Uudelleensuunnittelusta johtuva myynnin kasvu ei ole lyhytaikaista. Meillä on edelleen ongelmia sivuston muokkaamiseen ja säätämiseen. Hanke olisi voinut myös sujuvammin. Päivän lopussa en kuitenkaan vieläkään näe parempaa sijoitusta, joka asettaa meidät pitkäaikaisiin tuloksiin.

Ensi vuosi kertoo onko projekti onnistunut vai ei. Minua kiinnostaa nähdä kuinka asiat pelataan.

Myös, yhdessä Neve Pron lanseeraus ja WCEU-sponsorointimme, tämä merkitsee uudenlaisen aikakauden alkua meille. Aika, jolloin yritetään tulla vakiintuneemmaksi yritykseksi tai vain joidenkin teemojen myymäläksi.

En ollut myöskään ainoa, joka näytteli täällä. Se oli hyvä ryhmätyö ja merkittävä muutos liiketoimintamme suunnassa – lähemmäs asiakkaita ja resonoi heidän tarpeidensa kanssa keskittymällä vähemmän, korkealaatuisiin tuotteisiin.

Kiitos vielä kerran kaikille, jotka osallistuivat uudelleensuunnitteluun!

Älä unohda mennä ja tarkistaa uusi ThemeIsle!

Älä unohda liittyä kaatumiskurssillemme WordPress-sivustosi nopeuttamiseksi. Joillakin yksinkertaisilla korjauksilla voit vähentää latausaikaa jopa 50–80%:

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Это интересно
    Adblock
    detector