I continued to work with the site the following years and then suddenly something happened in the beginning of 2011, the site started to grow by itself and by todays measure we are the largest independent funeral site available in Sweden.

There have not been any clear business model in this startup, I think we just waited to see what would happen. However, we have now plans to grow this site even further and make it a successful business, it has really great potential and it will be fun to explore and grow this business further. Most other content based internet sites are seeing a drop in traffic due to the mobile and tablet growth since those users tend to spend a considerable time using apps instead.

We are actually going against the internet growth in Sweden as you can see by our visitors. Keep tuned for more information of how I will growth this business further in the second half of 2013.

Thesis was just released in a new version 2.0 (2012) having a completely new revolutionary way of customizing user interface solving all these issues in an elegant way. In fact it blows away all competition, leaving them behind in the dust, it is actually quite an amazing piece of software – speaking as a web developer myself. There are just a few commercial theme frameworks that can qualify for the top positions, such as Ultimatum, Genesis Framework, Headway etc. however, thesis leaves them behind in the customization perspective and I will tell you why.

Whom thesis 2.0 is for

The fact that thesis is a complete framework that adapts to the structure of HTML and CSS together with the WordPress infrastructure it is not for the fainted hearted kind of people. If you are new to WordPress, HTML, CSS or the web thesis 2.0 is not the right choice, in fact it can be quite confusing. That being said, thesis suits serious web developers and web designers very well, but you need to invest a lot of time to learn the tool. In the end, your options are endless. If you as a designer know about the web technologies behind, you will be able to be very creative using thesis 2.0 because there are no limits by todays standard.

Thesis is a perfect fit for web professionals in the CMS business world, because it will deliver the best quality and design together with a future safe infrastructure. Because thesis 2.0 follow the HTML and CSS way of coding it can be hard to use its full potential if you are not into this world of stylesheets and HTML elements. In that case I would more recommend Headway or business themes that already have the design in mind.

So, why is it so fantastic

It is a graphical interface to quickly prototype and design the layout without any coding or template modifications. This means that any updates to themes and other WordPress future upgrades less prone to break any previous work. Specifically, the framework has separated HTML from CSS but also using WordPress infrastructure, keeping pages, messages, front page, archives divided into each skin. This is all wonderful because you will follow the structure of how HTML, CSS and WordPress works internally, making the design more slick, effective and functional. The result is a SEO optimized site, super performant server, compatibility with other WordPress plugins and infrastructure and many more positive things.

Just to compare, all other commercial themes that is supposed to be the best, only have a stylish front, as soon as you want any customizations, you need to dissekt the whole theme making updates more or less impossible. Most commercial themes do not think about making WordPress effective, they add on several extra JavaScript, CSS and make unnecessary access to DB tables not optimized for the task. This is why thesis shines above all this, you get the best of the best and still be able to do any customization you want.

For the moment, I consider Thesis 2.0 the best commercial theme available, it is even several years ahead of the WordPress platform itself.

How you design in thesis 2.0

Basically you start with a standard skin that includes WordPress basic functionality such as views for pages, archives, messages. You then dive into the skin designer (that work with visual boxes which is HTML objects) and re-arrange, include or remove HTML elements as needed. You then go to the CSS designer and include stylings for each box using packages. That’s it, everything is done without touching any code at all.

Thesis 2.0 is perfect for RWD (responsive web design) since it easy to style boxes with media queries, however some custom CSS have to be used in the style packages to make it work well. In fact I tend to use the custom CSS of each package since it is easier to work with than the point and click interface to CSS styles. You can use both in any way you want, the styles will be compiled upon save to a single compact stylesheet for the whole skin/theme automagically.

Assets are compiled and contained inside the skin/theme

To create a slim and performant theme you must have full control of its assets and this is where thesis 2.0 shines bright, all images that belongs to the skin/theme will be saved inside the skin assets area on disc. It has its own uploader to store the skin images in the right place and to help the designer use the correct url for the stylings, this happens without moving any files or modifying any code in the theme at all.

Thesis 2.0 also includes a package compiler (CSS compiler) that automagically reloads a preview in a browser canvas so that you can immediately see any modifications without reloading any browser window. This canvas reloading works in the same way when you save modifications of boxes(HTML structures) as well. I remember I was amazed by this little feature the first time I noticed it, so I immediately understood that thesis was really built by someone that understands the way the design process works.

Backup, restore and re-use skins

Included are features to backup all the skin data (theme files, boxes, packages etc) in a simple point and click. It is so dead simple and quick to use that it can be used to store revisions during work. As soon as you do something wrong, you can restore a previous known good revision with just a click. This is also the feature used to re-use data from other skins. Skins can be exported and imported as files with just a click on a button.

The import/export is feature rich and it is easy to filter out any specific parts to be exported or imported, such as only the CSS packages or only the HTML boxes for example.

Themes (skins) for the busiest site

I’ve tried thesis 2.0 in the hardest conditions, it runs in one of my sites having 500k+ visits/month on a single server without it being resource hungry at all. I have combined all JS and CSS files as well as all style images in one sprite running on nginx, it was easy to create such an effective theme using thesis 2.0 using basic web technologies. In fact it is so effective that caching of WordPress content was not required. However, this kind effectiveness is dependent upon the design and structure of the customized skin used – but with thesis this is all possible.

Gotchas

Even though I have said Thesis 2.0 is great, it have some really annoying implementations that will hopefully be fixed in the coming future updates. First of all, it have some naming conventions that is different from what the normal web community are used to and they are:

• Skins = custom themes or child themes
• Boxes = HTML element structures and functionality such as DIV (containers), Widgets, Menu, Logo, Text etc
• Packages = CSS styling configuration of any WordPress object or HTML element

A more self explanatory name of these would be (suggested by me):

• Theme skins (It would more describe that it holds the whole design, both HTML and CSS in this skin)
• HTML structure boxes (To describe that boxes are part of the theme/skin defined structure)
• Style packages (Indicate that packages contains one or more styling instructions for the theme/skin)

There are other inconsistencies that makes it confusing to work with for example the fields to name HTML element classes, sometimes you must enter the class with the . in front and sometimes it is without it. This makes it difficult because you end up testing and every time a style is not applied you know you have to reverse the naming. When they fix this it will speed up the design process considerably.

Thesis 2.0 framework is great to customize pages, but in real life you also need to replicate a container configuration in the skin designer to another page, when this happens you have to redo every structure for the other page and so on. This is very time consuming, so I am really looking forward to the copy and paste feature between pages. This is actually so bad that it could be a deal breaker for business design people who make their living off of selling designs, because they will profit more with other frameworks that already have easy re-use functionality.

Talking about re-use, a big missing feature is also the ability to easily create Boxes and Packages yourself. It can be done, but you need to dive into PHP-programming which is against the basic idea of thesis 2.0 – to design without being a programmer. I am simply missing the export button on the relevant elements in skin designer and CSS panel, this should have been included in the first place.

Conclusions

Thesis 2.0 is a ground braking step for both WordPress and professional web designers because it clearly separates code from design at the same time it maintains the best compatibility with WordPress, web design and other plugins.

I have worked with the WordPress platform a long time and also the thesis theme from the beginning and also with a lot of other themes in consultant roles. I have used it more in a development way of helping business get their designs out. I have also a lot of experience with many other business themes for WordPress such as Elegant Themes. My findings in this article is based on my own experience working with thesis 2.0 together with other web designers in the last 4 months.

P.S. I previously posted in Swedish, but I will now continue posting in english for the broader audience.

I en följsam webbdesign har man oftast 3-4 enhetsformat, och man delar grovt in dessa i desktop, tablet och mobiler, sedan brukar en del också göra ett till för liggande bredd i mobiler. Så man hamnar på 3-4 format som man behöver tillgodose med olika bildformat. När Apple introducerade retina-skärmar så fick webbdesigners plötsligt en anledning att dubbla antalet bildformat som behöver anpassas. En retina skärm behöver ungefär den dubbla storleken av samma bild som visas på en vanlig skärm för att den inte ska se suddig ut på den högupplösta retina-skärmen. Utmaningen är att servera rätt bild till rätt enhet utan att behöva ladda ner resten av formaten.

Det vanligaste sättet (och felaktiga med dagens mått mätt)

För att kunna visa en bild i stor upplösning så skapar de flesta en enda stor bild som man sedan skalar ned med hjälp av CSS (stilmall) t.ex. såhär max-width: 100% så att den även går att se på en liten skärm. Man låter helt enkelt den stora bilden bli nerskalad av webbläsaren till lämplig storlek. Om man dessutom ska tillgodose retina-skrärmarna måste bildupplösningen dessutom vara den dubbla vilket leder till väldigt stora bildfiler. Alla enheter måste ladda ner den största bilden oavsett om det är en liten mobil, tablet eller desktop. Problemet med detta är två:

• Tänk dig den som har mobilen, om man har flera sådana bilder på hemsidan så skulle det innebära att mobilen är tvungen att ladda ner åtskilliga mb av bildinformation som den aldrig kommer kunna använda. Detta är ett problem därför att små enheter har oftast begränsad överföringshastighet och det tar därför betydligt längre tid att visa bilden.
• Små enheter har också mindre minne än större enheter och är inte lika snabba vilket gör att hemsidan blir långsammare och onödigt seg att använda i en mobil enhet. När webbläsaren behöver skala en bild blir den också svårare att skrolla med och det hackar till när man skrollar upp och ner. Användaren upplever det som irriterande.

Syftet med följsam webbdesign är att en hemsida även ska fungera bra på mindre enheter så därför tycker jag tekniken att skala ner en bild i webbläsaren är felaktig i sammanhanget. Utvecklingen av mobila enheter går fort och de blir betydligt snabbare och då kan visserligen det här vanliga sättet vara att föredra för att det är enkelt att implementera. Men till och med de senaste mest kraftfullaste mobiltelefonerna såsom iPhone 5 och Samsung Galaxy II (Android) har problem med detta sättet så det krävs ännu snabbare för att det inte ska bli märkbart så än så länge måste vi designa på andra sätt. Det finns dock lite lösningar på detta och jag går igenom dessa här nedan.

Rekommendation 1 – använd vektoriserade bilder när det går

Vektoriserade bilder i formatet SVG stöds av alla moderna webbläsare och är en fantastisk bra lösning att visa bilder, logos och ikoner i knivskarp skärpa på små retina skärmar ända upp till den största desktop skärmen, trots att filstorleken är minsta möjliga. Mobila enheter visar dessutom vektoriserade bilder snabbt och de optimeras även internt av enheten helt automatiskt.

En variant är också att använda en font med ikoner och bildmaterial i när det handlar om tvåfärgade bilder, genom att skapa webbfonter och sedan visa dessa med hjälp av font-face kan man både skala och återanvända ikoner och bilder på sidan på ett effektivt sätt som fungera på alla enheter. Webbfonter är dessutom det rekommenderade formatet att använda istället för att skapa sprites av ikoner.

Tyvärr fungerar inte vektoriserade format så bra för att visa fotografier, utan formatet ska användas till anpassade texter, logos, ikoner eller annan bildstruktur på sidan.

Rekommendation 2 – skapa fler versioner bilder

Om man istället skapar en version av bilderna till varje storlek av den följsamma webbdesignen så kan man se till att webbläsaren bara laddar den som är aktuell med hjälp av olika tekniker. Det finns dock en massa fallgropar här då en del buggar i webbläsare osv gör att de ändå laddar ner alla andra versioner  av en bild. Dessa problem kan man lösa genom att i servern neka nedladdning av bilder i fel format genom t.ex. cookies. Men för att slippa problem så är det är värt att utgå från lösningar som är välbeprövade. Jag rekommenderar smarta lösningar såsom PictureFill som är en JavaScript lösning som automatiskt använder/laddar ner den bilden som är lämpligast.

Att skapa fler versioner av bilder kan göras på olika sätt, det ena är att automatisera det med hjälp av ett server-skript, men det finns också gratis-tjänster som gör detta ”on the fly” som t.ex Sencha IO Image. Såhär skapar man med hjälp av deras tjänst automatisk skalning av en stor bild till att bara ha en bredd på 320px:

<img src="http://src.sencha.io/320/http://minhemsida.se/bilder/sidhuvud.jpg" />

Men ibland är inte en automatisk skalning av bilder att föredra utan man behöver manuellt beskära bilden så att den passar bättre i ett litet format. Se det här exemplet:

Om man skulle skala ner denna bild automatiskt till 100px skulle den se ut såhär:

Den blir inte särskild representativ på en mobil enhet så därför behöver man manuellt beskära den och anpassa för ändamålet, det här exemplet skulle passa bättre i ett mindre format:

En sista rekommendation

Egentligen bör man tänka på att designtekniken för detta idag förmodligen blir obsolet imorgon pga den snabba utvecklingen inom området. Så rekommendationen är att man alltid ska designa för att kunna anpassa sig till förändringar framöver så att man inte låser in sig på ett visst sätt.

Ni som tar bildhantering på internet med största allvar kan jag referera till följande som är värda att nämna i sammanhanget:

• WebP är ett nytt bildformat utvecklat av Google som är optimerat för webben och har minst 25% mindre filstorlek än jpg, png osv
• W3C rekommendationer för att hantera bilder i följsam webbdesign

Problemet är att vi i Sverige redan för ett år sedan etablerat termen responsiv webbdesign som en svengelsk motsvarighet och som webbutvecklare och designer använder för att beskriva mobilanpassningen på sidan (se källa här, här, här här, här osv). För att förvirra ännu mer så är ordet ”responsiv” en svensk term som webbutvecklare använt för att beskriva hur man gör för att snabba upp en sida med hjälp av ajax, css sprites, web 2.0 osv. Så en responsiv webbdesign kan faktiskt betyda två saker, antingen handlar det om en sida designad för att ge snabb feedback på klick, eller så kan det vara den senare tekniken att designa med CSS 3 för mobila enheter. Om en designer pratar om responsiv webbdesign så handlar det helt klart om RWD, men en webbutvecklare kan mena snabbheten.

Följsam webbdesign är däremot en helt ny oanvänd term för att då beskriva RWD-tekniken. Men för mig som är teknisk inriktad så tolkar jag följsam mer som en annan teknik som kallas för ”fluid” eller ”liquid” på engelska och är en tredje teknik att istället för en fast bredd på hemsidan designa med relativa mått så att man utnyttjar 100% av webbläsarens storlek (kontra en fast centrerad yta i mitten, se webbdesignens historia här). En ”fluid” design fungerar bra mellan olika skärmstorlekar på en desktop-dator men fungerar mindre bra på en mobil enhet. Problemet är att man kanske vill öka storleken på texten men minska fönstret bredd på en mobil enhet för att det ska bli bättre läsbarhet och förminska bilder eller kanske till och med ta bort dom där pga platsbrist. Sådant hör till den mer moderna RWD-tekniken.

Det finns ett vidare problem med att göra sig tydlig med vad man menar i den här branschen och speciellt när det handlar om designers och webbutvecklare som måste kunna arbeta tillsammans. Det är ytterst viktigt att använda samma terminologi annars kan det kosta både mycket extra tid och pengar för att göra om. Pga att det finns en branschetablerad term på detta (responsiv webbdesign) så tycker jag att man ska fortsätta använda den, trots att ordet responsiv tidigare används flitigt hos webbutvecklare. Men responsiva webbplatser (tekniken att göra dom snabba med hjälp av sprites och ajax) var på tapeten pre 2012, det är så vanligt idag att det är inbyggd i alla populära CMS-system och inget man behöver beskriva mer av.

Så vart har användarna tagit vägen då, jo mobilerna såklart och då inte bara appar utan faktiskt till största delen mobilsurf. På många sajter ser man nu att 1/3 av all trafik kommer från mobila enheter (gröna pajbiten i illustrationen på en av mina sajter). Men det är ingen förändring som är långsam direkt, utan det sker med otrolig takt och det skulle inte förvåna mig om majoriteten av alla besökare kommer från mobila enheter innan 2013 slut.

Det är faktiskt lite svårt att greppa eller förstå vad som håller på att hända, men hela mediakartan i Sverige håller på att ritas om. Det här påverkar sajter med .com modeller (de sajter som attraherar besökare och sedan tjäna pengar på annonser som exponeras mot dessa) såsom www.familjeliv.se , www.byggahus.se m.fl. Man måste tänka om och basera affärsmodeller på de tjänster man har för mobilerna istället i första hand. De som inte klarar av att ha gjort det innan 2013 slut ligger riktigt risigt till.

Men faktum är att det inte alls är lika enkelt att tjäna pengar på mobiltjänster ur ett .com perspektiv, dvs att sälja annonsytor i en mobil på samma sätt som man gör på desktop av olika anledningar. Det ena är att ytan är betydligt mindre och annonsörer betalar oftast storleken på annonsytan = betydligt mindre pengar. Det andra är att användaren tycker det är ännu mer störande då annonsytan då upptar den största ytan i det lilla fönstret man har till förfogande. Den tredje är att annonserna kan inte längre ta de mängder resurser som de gjort med de levande flash-baserade annonserna på desktop. Resultatet är inte bra för någon part. Att föra över en .com affärsmodell på mobila enheter är ett effektivt sätt att få tjänsten att självdö.

Många tror att Appstore och Google Market är lösningarna alla väntat på, men så är inte fallet för .com företag. Utmaningen för dessa företag är ju att försöka få så många att installera sin app, och skulle man då ta betalt för att kunna installera appen har man redan utestängt den största målgruppen. Det spelar ingen roll om man gör en justering och tänker att man tar betalt med hjälp av ”in-app purchases” dvs i efterhand när man använder appen eftersom det måste redovisas redan innan man installerar appen. Dessutom kan man ställa in att bara visa appar som är helt gratis och utan köp-möjligheter inuti och trenden är tydlig att detta uppskattas mer av användarna.

Dessa affärslösningar som i största delen handlar om mikrobetalningar fungerar faktiskt riktigt bra för enskilda utvecklare och projekt och främst då spelmarknaden. Systemet är helt enkelt optimerat för att ge största kakan till utvecklaren utan mellanhänder och i många fall har detta varit extremt framgångsrikt för alla parter.

Men om vi återgår till .com modellen där man inte tar betalt av användaren så måste man nu helt tänka om. Om man då istället frångår sin traditionella affärsmodell så finns det däremot en hel del andra lösningar att basera den nya mobiltrenden på. Jag har fullt av lösningar för detta och jag märker att alla företagare jag pratar om detta med blir uppriktigt förvånade över att dom inte tänkt på det som jag föreslagit. Dessa lösningar kommer jag att fokusera en hel del blogginlägg framöver på där jag ska berätta om egna erfarenheter och framgångsrika kunder.

Med anledning av mobiltrenden så har jag också helt bytt fokus till att tänka ”mobile first” i mitt entreprenörsskap, dvs alla nya projekt och engagemang ska i första hand vara ämnad för mobila enheter. Som alltid, jag har en teknisk synvinkel på detta så det kommer handla mycket om system och olika effekter med tillhörande problem. Stay tuned….

Gå gärna in på sajten och prova verktyget och lämna dina synpunkter hur du skulle vilja att vi förbättrar det. Just nu är det en BETA-version som vi öppnat väldigt tidigt utan många andra väsentliga funktioner, allt sådant lägger vi till och fixar för varje dag som går. Det är ”work in progress”.

Syftet är att bara ”pinna” andras bilder och göra samlingar av detta, det är precis som Twitter fast det handlar om bilder och istället för Tweets så är det bilder man kommunicerar genom. Man kan liksom Twitter re-tweeta eller då re-pinna bilder från de man följer osv.

Direkt när jag fick reda på detta sa jag bara Wow, så enkelt att använda och dela det här kommer bli stort. Tjänsten har bara funnits i 19 månader men har redan en värdering på drygt 1,4 miljarder svenska kronor. Hade jag kunnat investera i den kategorin så skulle jag helt klart slängt in en stor slant i detta just bara pga den fantastiska potentialen detta har.

Jag tycker deras tjänst är hur häftig, enkel och smart som helst och den attraherar en jättemarknad då det som handlar om inspiration och produktplacering. Tänk vilka fantastiska möjligheter att sitta på kontrollen av flödet kring ett varumärke’s produkter på det sättet – jag tror det här blir the next big thing på internet under de närmsta åren.

De har förstås en del hinder att lösa, t.ex. om plötsligt företagen börjar använda tjänsten i större omfattning för att sälja deras fysiska produkter (dvs göra reklam/exponering) då kanske användarnyttan av tjänsten minskar. Men sådant är ju hanterbart och det handlar mest om olika lösningar för att affärsmodellen ska fungera så det tror jag dom lyckas lösa på olika sätt.

Det skulle inte förvåna mig om detta blir minst lika stort som Twitter inom en snar framtid. Grattis Ben och ert team på Pinterest – ni ger mig massor av inspiration till att det finns hur mycket sådant här oexploaterat som helst kvar att göra på internet.

Vi kom ganska tidigt fram till att det handlar om ett kommunikationsproblem, antingen är inte kunden tillräckligt väl insatt i branschen att denne inte kan ställa rätt frågor eller så har leverantören inte lagt ner tillräckligt med tid på att förstå vad kunden verkligen ville ha. Resultatet blir som sagt, missnöjda kunder, spruckna tidsplaner och kostnader långt över budget vilket för det mesta till stora ekonomiska problem.

Vi startar 2011 med Sverige och Tyskland

Nu ska det bli ett stopp på detta över hela världen när vi lanserar MySketch 7 december med fokus på Sverige och Tyskland.

MySketch är helt webbaserat ritverktyg som riktar sig till både privatpersoner och företag. Vi har nämligen kommit fram till att kommunikationen mellan leverantör och kund bör vara teknisk detaljerad (se hantverkarformuläret framtaget av konsumentverket) och att överenskommelsen med vad som ska göras måste vara skriftlig och det är här som MySketch kommer in i processen. Det är unikt på flera sätt som t.ex. att man kan kommunicera i realtid med andra genom ritningen och ta vara på erfarenheterna som andra har och undvika misstag/problem innan byggstart. Men framförallt så handlar MySketch om att göra avancerade funktioner väldigt enkla att använda för vanliga människor – sådant som annars bara existerar i dyra och svåranvända verktyg såsom AutoCad, Archicad, Google SketchUp, SolidWorks m.fl.

Tekniken som används är smått imponerande:

• HTML 5 Canvas/SVG/VML – Det är alltså inte FLASH och fungerar därför på alla webbläsare och alla operativsystem som klarar HTML 5 – t.ex. Apple IOS
• HTML 5 App – Man kan arbeta utan internetkoppling eller där man inte alltid är kopplad upp mot nätet såsom Pads, Smartphones eller i länder där frekventa avbrott mot nätet är vanligt.
• 3D Walkthrough (lanseras 15 mars 2012) – Gå omkring ”live” och testa inredningen/designen innan det är byggt. Vi har tagit det bästa från Sim City och spelvärldens senaste teknik och byggt in detta för att lösa riktiga problem som vi vuxna har i våra byggprojekt. Vi använder oss av spelplattformen Unity.
• Social interaktion ”real time” likt Google Wave fast direkt i ritningen med hjälp av olika lager och revisionshanteringssystem. Vi har tagit det bästa från erfarenheterna av när vi skapade Sveriges mest aktiva forum (Familjeliv med 50 000 nya inlägg om dagen) och implementerat det i en fantastisk kommunikationslösning.

Viral spridning

Inte nog med detta, vi erbjuder tjänsten fullständigt GRATIS för privata ändamål. Det finns ingen begränsning, man kan skapa hur många projekt, ritningar, symboler, inredningar, listor och information som helst. Och det är faktiskt så, hela tjänsten baseras på crowdsourcing där alla både företag och privatpersoner själva kan bidra med fler symboler, möbler, inredning, produkter osv. Naturligtvis är det kopplat mot alla vanliga sociala tjänster och aktiviteten kan spridas i sina sociala nätverk, faktum är att det även går att jobba med verktyget inuti Facebook som en FB-app.

Verktyget är även en Widget som enkelt kan läggas upp i sin egen blogg, webbplats eller mobiltelefon med hjälp av en liten kodsnutt eller nerladdningsbar app.

Företag som vill använda detta verktyg för att bättre kommunicera med deras kunder betalar dock för sin användning genom en prenumeration och det är här affärsmodellen ligger i. Kommunikationen med kunderna är ett stort problem hos alla företag inom branschen idag då den idag sällan sker utifrån ett tekniskt perspektiv, det gäller alla företag från arkitekter, mäklare, leverantörer ända ner till den enskilde hantverkaren.

Marknaden är gigantisk

När jag startade Familjeliv under hård konkurrens med flera etablerade företag på marknaden gjorde jag ett grovt estimat att marknaden då var ca 500 000 föräldrar i Sverige och konkurrenterna hade bara fångat 1/5 del – jag gick efter de andra 4/5-delarna och vi lyckades fantastiskt bra.

Nu siktar vi istället mycket högre på ett världsföretag med en gigantisk marknad – det finns hela 120 miljoner människor involverade i bygg och inredningsprojekt om man bara räknar de utvecklade länderna (bara i Sverige utnyttjas ROT av nästan 500 000 personer per år). Inte nog med detta, hela byggbranschen omsätter sanslöst mycket pengar och ligger bland de tre största branscherna i de flesta utvecklande länderna. De andra konkurrerande branscherna sex och spel/underhållning är redan väletablerade på internet och har idag hård konkurrens i alla nischade områden såsom musik och internetspel. Byggbranschen däremot är nästan helt frånvarande från internet i jämförelse och det är därför vi kommer bli gigantiska på det här området.

Ekonomi och investeringar

Såklart har vår affärsidé minst samma klass som våra tidigare bolag men fantastiska resultatsiffror som man avundas såsom det kan bli med virala internetbolag med en omsättning 2015 på över 800 miljoner kronor. Själva har vi investerat flera miljoner och vi har verkligen potential att ta det här till världsklass, ja ni som känner mig vet vad jag är kapabel till. Vi kommer förmodligen bara ha två investeringsrundor en som sker just nu och en senare under våren 2012 med avsikt att växa i en accelererad men med organisk tillväxt.

Jag behöver rekrytera utvecklare med spetskompetens

Det är jag som har utvecklat grundplattformen de senaste åren och nu kommer jag till en fas där jag istället ska bygga företagets framtida struktur och utöka vårt killer-team (vi är tre grundare idag och har stöd av STING och KTH’s inkubatorverksamhet). Ett av mina första uppdrag är att hitta en super duktig utvecklare som är en fena på 3D och har gjort något imponerande med arkitektsinriktning t.ex. inom spel. Vi nosar lite på OpenGL men har byggt allt runt Unity så länge så dessa plattformar ska man kunna in och utantill. Jag kommer nog skriva mer om profilen men är du nyfiken och du vet att du har kunskap i världsklass inom detta så vill jag att du såklart ska jobba med oss och vara med om en fantastisk resa som du kan skryta om i framtiden.

Metro var på hugget och redan efter någon dag började vi förhandla om förutsättningarna som till slut landade på en bra uppgörelse för alla parter där vi kunde säkerhetsställa metrobloggens framtid och istället vända den hotade plattformen till en möjlighet att bli en av Sveriges största istället.

Framförallt kommer alla bloggare få följande:

• en ny modern bloggplattform (WordPress)
• annonsfria bloggar
• möjlighet att enkelt blogga från mobilen
• professionell support
• utvecklingsteam bakom bloggen som är i världsklass
• samma bloggadress
• samma blogglayout med möjlighet att välja helt ny design
• alla inlägg, kommentarer och inställningar kvar

Frågan som man ställer sig då är hur vi kommer tjäna pengar på detta, trots allt kostar det en hel del att driva en sådan här stor bloggportal. Det är här som mitt roliga entreprenörs-engagemang kommer in och som gör den här uppgörelsen väldigt kul och utmanande för mig. Mitt specialområde är just affärsmodeller och hur man kan krama ur pengar av en idé utan att förgöra själva modellen och till och med göra den mer attraktiv genom en kommersiell inblandning.

En intäktskanal som jag kommer att börja med är sponsring, dvs de som tycker den tid jag lägger ner för att göra livet enklare, roligare och trevligare för bloggarna, alltså helt enkelt gillar det jag gör – kommer att kunna skänka en liten summa. Den här modellen är framförallt tänkt att stimulera utvecklingen.

Det är inte skrivet i sten om hur exakt jag kommer att göra men några andra tilltänkta intäktskanaler kommer naturligtvis vara traditionella annonser, fast då på de ytor som inte är själva bloggar, t.ex. topplistor, framsidan osv. Ett annat område är att sälja länkar på vissa utvalda områden men framförallt så tror jag också mycket på extern sponsring. Samtidigt kommer jag att efter hand införa nya extra ”features” för bloggare som kan komma att kosta pengar. Det här kommer jag att utveckla efter hand och göra på ett sätt som ökar både värdet för annonsörer men också för bloggare så att vi kan uppnå målet att bli en av Sveriges populäraste bloggportaler.

Två nya supportmöjligheter för metrobloggare har upprättats för ändamålet:

• Forum: cafemaze.se/metrobloggen
• Email: metrobloggen@virtuellmedia.se

Jag har fått en del erfarenheter av detta och har dragit egna slutsatser kring fenomenet som jag i min tur använder som viktiga beslutsunderlag i olika sammanhang. I svenska mått mätt finns det faktiskt några nyckeltal inom varje område kring ”the tipping point”/momentum och jag går här igenom varje.

Sociala nätverksfaktorn – 10 000 aktiva medlemmar (per vecka)

För dig som bygger en community är 10 000 aktiva medlemmar ett avgörande mål som kan lyfta din idé vidare viralt av sig själv. Jag baserar detta på att om du har en ganska bra lösning/funktion som folk i allmänhet tycker är värt att sprida till sina vänner så räcker alltså den kritiska massan 10 000 för att du ska lyckas.

Efter det här målet ska din sajt alltså växa av sig självt, andra medlemmar marknadsför dig och du ska se hur massan bara växer och växer av sig självt, oftast i en logaritmisk ökning – du har då uppnått ”The tipping point” för viral spridning, GRATTIS.

Man kan dra lite olika slutsatser från detta, t.ex. om du redan har 30 000 medlemmar som delvis är aktiva men tillväxten av medlemmar ökar inte, då har du förmodligen inte nått ända fram, det finns ingen Wow-känsla med din lösning. Fokusera på att ändra segelriktningen(ändra paketeringen, justera inriktningen, byt budskap, ändra produkten eller vad det är som inte ger Wow-känslan) och gör det blixtsnabbt när du fortfarande har kontakt med dina 30 000 medlemmar. Förmodligen har du bara 1 chans så gör om och gör rätt.

Bästa avkastning – minst 150 000 unika besökare/vecka

Affärsmodellen (dot.com modellen) brukar inte få full effekt om du inte uppnått en intressant räckvidd för annonsörer. Har du minst 150 000 unika besökare/vecka kan du ta betalt i marknadsvärde för t.ex. exponering/CPM. Har du mindre besökare är det svårare att attrahera kampanjer som betalar bra, mediabyråer som har behov att nå ut till många och annonsörerna som vill få effekt av sina kampanjer.

Det här är viktigt att förstå i prognosarbete och framtida avkastningar, speciellt om du ska räkna på vad något är värt i framtiden så kan antalet besökare vara helt avgörande.  Jag räknar t.ex. väldigt försiktigt med 5-10 kr per CPM innan ”The tipping point” och drar till med 30-50 kr / CPM när det är över. Historiskt sett har jag haft väldigt bra prognoser för detta, sedan ska man naturligtvis ta hänsyn till hur många % av utrymmet som går att sälja samtidigt, hur nischat området är, frekvens och andra faktorer som kan vara avgörande.

En överoptimistisk prognos är att i en startup räkna på att med 50 000 unika besökare/veckan sälja till värden av 30kr CPM, man ska därför vara försiktig med det. Det är faktiskt lite orättvist, för de som har många besökare har alltså lättare att ta rejält betalt för sitt utrymme och vi internetentreprenörer får slåss om småslantarna i början av affärsidén.

PR och viral mediaspridning – minst 10 mediaintressanta fakta/år

Har du skapat en affärsidé som samlar på fakta i din nisch så kan du sitta på unik information som kan användas för media. Sådan information kan vara vanor, statistik, händelser eller annat medialt intressant. Om du publicerar minst 10 mediaintressanta artiklar/information så kan du få igång en massa positiva effekter med din affärsidé som t.ex. att du omskrivs positivt i mediakanaler som är i din målgrupp utan att det kostar dig en enda krona i annonspengar. ”The tipping point” i det här fallet infaller när mediakanalerna känner till dig och själva vänder sig till dig för att skriva artiklar/reportage osv.

Om man bara sporadiskt skickar en pressrelease eller lite tips till relevanta tidningar/media så ger det ingen långsiktig marknadseffekt och du kommer ha svårt att uppnå något avgörande tillfälle då media söker upp dig istället.

Ett bra exempel på denna effekt hade jag med Bröllopstorget, jag skickade regelbundet ut statistik om de populäraste kyrkorna som brudpar ville gifta sig i, jag satt också på färskare statistik än SCB kring hur många som gifter sig i Sverige per år – vi visste till  och med hur många som kommer att gifta sig nästa år i förväg pga hur vår tjänst fungerade. Det fanns massor av matnyttig information som gjorde att det var mer en regel än undantag att journalister ringde till oss för att få information om senaste trenderna och liknande, speciellt i bröllopstider runt sommarmånaderna.

Sammanfattningsvis

För att kunna dra rätt slutsatser och förstå vilka effekter saker och ting har när man bygger en internetsajt så är det också viktigt att känna till ”The Tipping Point” för varje område/kanal man jobbar med. Genom att förstå ingredienserna som kan skapa avgörande tillfällen i företagets utveckling kan man också bemästra och utnyttja det i sin entreprenörsroll väldigt framgångsrikt.