+ All Categories
Home > Documents > GEORGINALEWIS Tips from the Hall of Fame: Making engaging ... · georginalewis examples shazzam...

GEORGINALEWIS Tips from the Hall of Fame: Making engaging ... · georginalewis examples shazzam...

Date post: 21-May-2020
Category:
Upload: others
View: 1 times
Download: 0 times
Share this document with a friend
18
Tips from the Hall of Fame: Making engaging, responsive websites WordCamp Jacksonville - 2016 @SHAZZAMMEDIA [email protected] www.Shazzam-media.com/wordcampjax2016 GEORGINALEWIS
Transcript
Page 1: GEORGINALEWIS Tips from the Hall of Fame: Making engaging ... · georginalewis examples shazzam media 3d layer slider focused llc shadow slideshow innovation peek-a-boo footer frank

Tips from the Hall of Fame:

Making engaging,

responsive websitesWordCamp Jacksonville - 2016

@SHAZZAMMEDIA

[email protected]

www.Shazzam-media.com/wordcampjax2016

GEORGINALEWIS

Page 2: GEORGINALEWIS Tips from the Hall of Fame: Making engaging ... · georginalewis examples shazzam media 3d layer slider focused llc shadow slideshow innovation peek-a-boo footer frank

WHY FOCUS ON

RESPONSIVE WEBSITE

LAYOUTS?

GEORGINALEWIS

Page 3: GEORGINALEWIS Tips from the Hall of Fame: Making engaging ... · georginalewis examples shazzam media 3d layer slider focused llc shadow slideshow innovation peek-a-boo footer frank

RESPONSIVE HAS BECOME

BEST BUSINESS PRACTICE

NOT JUST A TREND

GEORGINALEWIS

Page 4: GEORGINALEWIS Tips from the Hall of Fame: Making engaging ... · georginalewis examples shazzam media 3d layer slider focused llc shadow slideshow innovation peek-a-boo footer frank

62% of digital media time is spent

on mobile

comSource Oct 15, 2015

Mobile is now the leading digital platform AFTER 50%

growth in last 2 years

Page 5: GEORGINALEWIS Tips from the Hall of Fame: Making engaging ... · georginalewis examples shazzam media 3d layer slider focused llc shadow slideshow innovation peek-a-boo footer frank

CLIENT GROWTH =

HAPPY CLIENTS

GEORGINALEWIS

Page 6: GEORGINALEWIS Tips from the Hall of Fame: Making engaging ... · georginalewis examples shazzam media 3d layer slider focused llc shadow slideshow innovation peek-a-boo footer frank

3 LAWS OF SUCCESS

SELL THE BRAND, ENGAGE

& CONVERT VISITORS

GEORGINALEWIS

Page 7: GEORGINALEWIS Tips from the Hall of Fame: Making engaging ... · georginalewis examples shazzam media 3d layer slider focused llc shadow slideshow innovation peek-a-boo footer frank

BRANDINGHOW TO CHOSE THE BEST

RESPONSIVE FEATURES?

GEORGINALEWIS

Page 8: GEORGINALEWIS Tips from the Hall of Fame: Making engaging ... · georginalewis examples shazzam media 3d layer slider focused llc shadow slideshow innovation peek-a-boo footer frank

RESEARCHCLIENT

INDUSTRY &

B2B VS B2CKNOWLEDGE

Page 9: GEORGINALEWIS Tips from the Hall of Fame: Making engaging ... · georginalewis examples shazzam media 3d layer slider focused llc shadow slideshow innovation peek-a-boo footer frank

ENGAGECOOL RESPONSIVE TIPS

TO RETAIN THE VISITOR

GEORGINALEWIS

Page 10: GEORGINALEWIS Tips from the Hall of Fame: Making engaging ... · georginalewis examples shazzam media 3d layer slider focused llc shadow slideshow innovation peek-a-boo footer frank

GeorginaLewis

+HAMBURGER MENU

+ STICKY MENU ON SCROLL

+ HIDDEN SIDE AREA MENU

+ MEGA MENU

Page 11: GEORGINALEWIS Tips from the Hall of Fame: Making engaging ... · georginalewis examples shazzam media 3d layer slider focused llc shadow slideshow innovation peek-a-boo footer frank

GeorginaLewis

+HERO PICTURES

+ LONG SCROLL a.k.a. 1 PAGER

+ ANIMATIONS: LOADING,

RICH, HOVER AND MOTION

Page 12: GEORGINALEWIS Tips from the Hall of Fame: Making engaging ... · georginalewis examples shazzam media 3d layer slider focused llc shadow slideshow innovation peek-a-boo footer frank

GeorginaLewis

+LAZY LOAD PAGES

+ MASONRY GALLERIES

+ PARALLAX AND VIDEO

BACKGROUNDS

Page 13: GEORGINALEWIS Tips from the Hall of Fame: Making engaging ... · georginalewis examples shazzam media 3d layer slider focused llc shadow slideshow innovation peek-a-boo footer frank

GeorginaLewis

EXAMPLES SHAZZAM MEDIA 3D LAYER SLIDER

FOCUSED LLC SHADOW SLIDESHOW

INNOVATION PEEK-A-BOO FOOTER

FRANK PRINCE WORD AUTOMATION

PUTTING ARC INTERACTIVE CHART

TCR KID CAMPS HIDDEN SIDE MENU

LEGACY TRUST HERO W/MEGA MENU

R CABINET STUDIO FULL IMAGE SLIDES

MEDIA SHARE BRAND TRANSITIONS

DR DUFFY SLIDER ZOOM & PIC HOVER

JACK DALY SPLASH PAGE

TOM BURNETT GOLF HERO PICTURE

Page 14: GEORGINALEWIS Tips from the Hall of Fame: Making engaging ... · georginalewis examples shazzam media 3d layer slider focused llc shadow slideshow innovation peek-a-boo footer frank

CONVERTCALL TO ACTIONS TIPS

THAT PRODUCE RESULTS

GEORGINALEWIS

Page 15: GEORGINALEWIS Tips from the Hall of Fame: Making engaging ... · georginalewis examples shazzam media 3d layer slider focused llc shadow slideshow innovation peek-a-boo footer frank

GeorginaLewis

+ LEAD CAPTURE POPUPS OPTIN

+ LIVE CHAT SOLUTIONS

+ INNOVATIVE CONTACT US

BUTTONS AND FORMS EVERY 4 TO 6

Page 16: GEORGINALEWIS Tips from the Hall of Fame: Making engaging ... · georginalewis examples shazzam media 3d layer slider focused llc shadow slideshow innovation peek-a-boo footer frank

GeorginaLewis

RESOURCESThemeForest

WinningWP.com Reviews of the best WordPress themes

AWWWARDS.COM Website Design and Developer Awards

Page 17: GEORGINALEWIS Tips from the Hall of Fame: Making engaging ... · georginalewis examples shazzam media 3d layer slider focused llc shadow slideshow innovation peek-a-boo footer frank

GeorginaLewis

THINK OUTSIDE THE BOXWHEN USING CALL TO ACTION BUTTONS

DIRECT THEM THROUGH A BIT.LY WITH A

UTM TO CAPTURE MORE INFORMATION

THAN STANDARD GOOGLE ANALYTICS

Page 18: GEORGINALEWIS Tips from the Hall of Fame: Making engaging ... · georginalewis examples shazzam media 3d layer slider focused llc shadow slideshow innovation peek-a-boo footer frank

Tips from the Hall of Fame:

Making engaging,

responsive websitesWordCamp Jacksonville - 2016

@SHAZZAMMEDIA

EMAIL: [email protected]

www.Shazzam-media.com/wordcampjax2016

GEORGINALEWIS


Recommended