igital tools … · ssh acces to a server secure shell ssh root@213.32.89.6 password* terminal on...

DIGITAL TOOLSBY HUBERTKRATIROFF

2018 January / Februaryhubert@kratiroff.com

@kratiroff

CRÉATION

2018 January / Februaryhubert@kratiroff.com

@kratiroff

For more :CMD+OPT+i

resize RWDresponsivewebdesign

Responsive Design

Responsive Design

GOOGLE AMP

SSH acces to a server Secure Shell

ssh root@213.32.89.6 password*

Terminal on macOS

CMD (command prompt) on Windows

CD .. ls CD (rep) vi (text edit 1976.htm)

CD .. CD ls vi (text edit 1976)

éditeur de texte

IP adresse FTP connexion by FileZilla WordPress installation Other CMS installation

DNS ZONE

html5up.net

zerotheme.com freehtml5.co html5webtemplates.co.uk pixelarity.com

HTML TEMPLATE

MiniSite

https://drivethefuture.groupe.renault.com/

Landing Pages vs.

Home Page

*.htmlvs.

index.html

1 action / 1 Landing page CTA A/B testConversion : 50%TAG

20 CTA Call to ActionAPPLY NOWBOOK NOWBUY TICKETSDOWNLOADGET NOWINSTALL NOWLISTENMOREOPEN APPORDER NOW

PLAYREADSHOP NOWSHOWSHOWTIMESSIGN UPUSE APPVIEWWATCHWATCH EPISODE

subdomain

abc.website.com

alltop.com gouv.fr

Directory

website.com/xyz = website.com/xyz/ = website.com/xyz/index.html

QRCODE

2018 January / Februaryhubert@kratiroff.com

@kratiroff

Link analogique/physique

digital

QrCode

1UNITAG

pour encoderavec action

2UNITAG

pour lire sur mobile

URL shortener

SEARCHON/OFF PAGE

2018 January / Februaryhubert@kratiroff.com

@kratiroff

alt

formula:

alt=‘’keyword‘’

alt is

alternate texte for image, video, link…

SEO

Search tips

filetype:pdf site:www.abc.xyz

SEO ASO SMO

Inbound tools by excellence

Ecosystem search : Luma Partners

SEOSSL https ResponsiveGoogle AMP : Accelerated Mobile Pages

RWD

GOOGLE AMPGOOGLE

AMP

backlink : MOZ

Backlink : majestic

Robots.txt Sitemap.xml

Page Rank

Facebook Timeline EdgeRank

If you don’t have an APP,

You don’t exist

HK

mobile first à mobile ONLY

Emailing

ESP : email service provider

MailChimp

https://mailchimp.com/

Survey

NPS: net promoter score

MonkeySurvey

https://fr.surveymonkey.com/

CHATBOT&

LIVECHAT

ChatBot

FaceBook Page

Messenger

dashboard.chatfuel.com/#/bots

Prototyping

FluidUI.com

InVision + Sketch

Logo Creation

Photoshop clone OR freelogoservices.com (screen shot) designmantic.com (screen shot)

Pixlr.com

Find the best icone for your UI:

thenounproject.com iconfinder.com

Icone

Canva.com Social Media Post Infographic

Moke up (devices) placeit.net

Alternative: infogr.am

Marketing material

Invisionapp.com

www.fluidui.com

Alternative: proto.io

Prototype

- gifcreator.me - gifmaker.me

4 to 10 images Same size in pixel

Animated GIF

ESP security ESP stats

MailChimp.com

ESP

SurveyMonkey.comSurvey

NPS Net Promoter Score

NPS (Net Promoter Score) développé par Fred Reichfeld (Bain & Co)

2003 Harvard Business Review

Ce qu’il faut retenir / Key takeaway

1/ Calcul : (9+10) – (0 à 6) (sans 7 et 8)

2/ Question décalée : conseillerez-vous ?

3/ Fréquence : trimestrielle

TAXINOMY

2010

Demo Xmind

Alternative: mindmeisterMindMap

VerticalVideo

Prompter Duo

30 seconds

You talk to your favorite persona

Software Tutorial

Compose your music on: JukeDeck.com

VIDEO iMovie (ou FinalCut + LogicPro) on MacOs MovieMaker on PC Resolve ou AdobePremiere + transcodage (mp4 = H264/MPEG 4 AVC) MOTION DESIGN (MoGraph Artist) Motion Apple Fusion8 ou AdobeAfterEffect ou Nuke GIF ANIMÉ GifMaker.me 2FACTORY on vimeo

Video editing

API SIMPLE: IFTTT ZAPIERCOMPLEXE: TWITTER…Application Programming Interface = Interface de programmation pour application

Curation de contenusSélection + Agrégation +

Éditorialisation + Contextualisation+ Enrichissement + Partage

=

Curation

CURATIONLa curation représente 1/3 du brand content

La curation est plus crédible car plus objective que du contenu créé

La curation fait partie de la content strategy mais n’est pas la stratégie

CURATIONSuivre les personnes qui comptent sur un marché Conseil, choix, critique… Aide à la crédibilité (comme une citation dans une thèse) Aide à la visibilité Question juridique (citation et lien) curatorscode.org

CURATION : OutilsScoop.it Curata Paper.li

Pocket FlipBoard et Bundlr Pinterest et Pearltrees

La transformation digitale

Born to code

What’s next ?

YOU ARE

what is next