Morgenbooster / Digitale løsninger out of the box / 5. december 2012

DIGITALE LØSNINGER OUT OF THE BOX v/ Peter Solow

MORGENBOOSTER

THE BOOK IN THE BOX

5. DECEMBER 2012 DIGITALE LØSNINGER

OUT OF THE BOX

KUNSTEN AT SKRIVE

THE BOOK IN THE BOX

5. DECEMBER 2012 DIGITALE LØSNINGER OUT OF THE BOX

KUNSTEN I SKRIFT

THE BOOK IN THE BOX


PRODUKTION AF SKRIFT

THE BOOK IN THE BOX


EJERSKAB AF SKRIFT

THE BOOK IN THE BOX


THERE IS NO BOX

THE BOOK IN THE BOX


OUT OF THE BOX MEDIA


OUT OF THE BOX KNOWLEDGE


OUT OF THE BOX CMS


OUT OF THE BOX CODE


NU OGSÅ I GUL


“PRØV I FEM MINUTTER AT LEGE MED TANKEN - HVAD HVIS DU I MORGEN IKKE LÆNGERE FÅR PENGE FOR DIT KERNEPRODUKT.”

Klaus Bundvig, 1508 A/S


CITAT


PAID OWNED EARNED

ANNONCER REKLAMER

SPONSORATER

WEBSITE

TWITTER

FACEBOOK BLOGS


OWNED

A CASE OF BOOTSTRAP

WEB LØSNINGER – OUT OF THE BOX


BUILD ON OUT OF THE BOX (+ SOME LOVE) OPEN SOURCE CMS


BUILD WITH OUT OF THE BOX OPEN SOURCE FRONT-END FRAMEWORK


BOOTSTRAP– OUT OF THE BOX FRONT-END


95% BOOTSTRAP 5% GOBASIC


<DIV CLASS="NAVBAR">

<DIV CLASS="NAVBAR-INNER">

<DIV CLASS="NAVBAR-SEARCH PULL-RIGHT">

<INPUT TYPE="TEXT" DATA-DEFAULT="SØG" CLASS="SEARCH-QUERY">

<BUTTON TYPE="SUBMIT" CLASS="BTN">

<SPAN>SUBMIT</SPAN>

</BUTTON>

</DIV>

<UL CLASS="NAV NAV-PILLS PULL-RIGHT" STYLE="">

[…]

</UL>

<DIV CLASS="CONTAINER">

<A CLASS="BTN BTN-NAVBAR BTN-MINI" DATA-TOGGLE="COLLAPSE"

DATA-TARGET=".NAV-COLLAPSE">

<SPAN CLASS="ICON-BAR"></SPAN>



</A>

<A CLASS="BRAND" HREF="/">

<IMG SRC="/MEDIA/276097/LOGO.PNG" ALT="HOME">

</A>

<DIV CLASS="NAV-COLLAPSE">

<UL CLASS="NAV">

[…]

</UL>

</DIV>

</DIV>

</DIV>

</DIV>

JAVASCRIPT – OUT OF BOOTSTRAPS’ BOX


STYLING – NOT QUITE OUT OF THE BOX


STYLING –WITH A LITTLE HELP


STYLING –PRE-PROCESS CSS


NESTING

PARENT REFERENCES

VARIABLES

OPERATIONS AND FUNCTIONS

INTERPOLATION

MIXINS

ARGUMENTS

@IMPORTS

$MAIN-COLOR:#FEFEFE;

BODY{

BACKGROUND:$MAIN-COLOR;

} @MIXIN CORNER($SIZE) {

-MOZ-BORDER-RADIUS: $SIZE;

-WEBKIT-BORDER-RADIUS: $SIZE;

-KHTML-BORDER-RADIUS: $SIZE;

BORDER-RADIUS: $SIZE;

}

.ROUNDBOX {BORDER:1PX SOLID RED;

PADDING:10PX; @INCLUDE CORNER(6PX);}

STYLING –PRE-PROCESSED CSS – NOW WITH HELPERS


STYLING –5% BOOTSTRAP 95% 1508




STANDARD UNIK

TID



KOMPLEKSITET =



STANDARD UNIK

TID

WEBSITE

WEBSHOP

BLOG

E-MAIL KAMPAGNE

PUBLIKATIONER

VIDEO



STANDARD UNIK

TID

KOMPLEKSITET =

A CASE OF SHOPIFY



ETABLER EN TRAGT

WEDNESDAY,

DECEMBER 05, 2012 DIGITALE LØSNINGER OUT OF THE BOX

RELEVANT AKTIVERING AF FORBRUGEREN, DER SKABER VÆRDI.

WEDNESDAY,

DECEMBER 05, 2012 DIGITALE LØSNINGER OUT OF THE BOX

DET KRÆVER …

FUNNEL

WEDNESDAY,

DECEMBER 05, 2012

DIGITALE LØSNINGER OUT OF THE BOX

AKTIVERING KONVERTERING LOYALITET

FUNNEL

WEDNESDAY,

DECEMBER 05, 2012


AKTIVERING KONVERTERING LOYALITET

AKTIVERING AF

DESIGNTALENTER OG

KONSUMENTER GENNEM

KONKURRENCE.

ANVENDES TIL AT GØRE

OPMÆRKSOM PÅ LAUNCH

AF E-SHOP.

LAUNCH A E-SHOP MED

ADDED VALUE I FORM AF

SÆRSALG AF HAJEN,

ABONNEMENTSORDNINGER

OG BUNDLES

IDENTIFICER AMBASSADØRER, DER

KAN DRIVE JERES SOCIALE

KANALER.

ETABLER ALFIE/PANDA/HAJ SOM

EN FIGUR I SOCIALE MEDIER.

OVERVEJ ET NYHEDSBREV SOM

LOYALITETSINDTRÆKKER.

SHOPIFY

WEDNESDAY,

DECEMBER 05, 2012


KORTLÆG WEB CELEBS OG GIV DEM NOGET AT SKRIVE OM. DET BETALER SIG.

WEDNESDAY,

DECEMBER 05, 2012 HEVEA: DIGITAL STRATEGI

KORTLÆG RELEVANTE SITES OG BLOGS, HVOR I KAN GØRE JER SYNLIGE.

WEDNESDAY,

DECEMBER 05, 2012




STANDARD UNIK

KOMPLEKSITET

WEBSITE

WEBSHOP

BLOG

EMAIL KAMPAGNE

BOX OF THE FUTURE


OUT OF THE BOX - AND INTO THE WIDE BLUE….


Blank slide

Morgenbooster / Digitale løsninger out of the box / 5. december 2012

Documents

Transcript of Morgenbooster / Digitale løsninger out of the box / 5. december 2012