pete hillman designing with wordpress seminar thailand jan 15

39
petehillman.com petehillman.com Web Creative

Upload: bomakalu

Post on 14-Jul-2015

123 views

Category:

Internet


0 download

TRANSCRIPT

petehillman.com

petehillman.com

Web Creative

Online Since 1992

What is a web creative

programmer coder web designer graphic designer

My Services

Website design, creation and hosting.

Full design Full business creation

implementation

Business solutions using wordpress and other CMS

Consulting:

design (specific needs and planning) website architecture / best framework

Online business planning

Tuition

(one on one) Business in a day:

design implement upload update an online wp business everything included (hosting dans etc….)

Introduction to running your own business online using wordpress.

How to use and manage websites commercially. (inc’ wordpress)

content creation management and optimisation.

day seminars

Full day Seminars on running your own business online

using wordpress.

How to use and manage websites commercially.

what we will do today.

Introduction to web design using Wordpress.

What skills needed:

Basic knowledge of the wordpress dashboard. create pages and add content and use plugins.

Brain Turned on (preferably smart phone off)

Part 1

insights and techniques

Part 2

real time site design

who : what :

where : when : why : How:

Assumptions

header

footer

body / content

Basic Site Layout

visual tracking LTR

Heat maps show us

First, the top 25% of your website is the most important.

Internet visitors skim, they don’t read.

Don’t fill your site with tons of text and content.

Get to the point and keep it simple, value-oriented, and clutter-free.

You don’t need amazing design and a work of art to make a good website.

Think functional and usable.

You need your value proposition in the first two sentences so visitors know immediately how you can benefit them.

If you miss this you miss it all.

header

logo nav

logo

nav

high resolution (well designed not clip art)

not a $ odesk cheapie

simple few options that encourage interaction

composed of

current trend

One page sites large text

large images parallax effect

Real world examples

apple

Super themes

e.g. X theme Be theme Vivacity

Do everything make dinner and wash up

multiple options multiple plugins built in!

negatives: optimisation and complexity

Jan 2015

Plugin

No Fold or window size

petehillman.com

How Google does it:

So from the basic core message develop up and then relate all the following content to the core message to stay simple / on track

message mission essence

user context

Look and feel

finishing touches fine details

Keep it simple

website trust studies

An updated and a functional website: speedy and designed.

A website which is regularly updated with the latest stock and offers is more trusted than the rest.

A consistent Hi res’ logo displayed on an overall web presence on across all platforms builds brand value and also helps customers have a better recall value.

Being genuine and avoiding any over the top announcements and claims also adds to the trust factor.

Social media activity: Social media is the best platform where your satisfied readers and customers are going to share their experiences.

Reviews And Ratings. Genuine not fake.

Testimonials: Testimonials from authority people of your industry and from satisfied clients who have a good online reputation does add to the trust factor and influence the user positively.

Quick response to the inquiry form filled by the user: An online buyer wants quick answers to his queries as he has multiple options available online. If you delay in providing the answers he is surely going to move on to the next option.

Contact Page: A detailed contact page which explicitly has the address and contact numbers adds to the trust factor. If you do not share contact nos. and address and only have a form then it may be detrimental to the trust factor.

About us page: Though people are buying the products online they always are curious to know the humans behind the front end and feel confident when the ‘About us’ page has the details of the team offering the facility online.

security/privacy e-commerce !!!!

slow web

Your users are probably very busy people, with constant distractions in their lives. So make sure you're always respecting their time.

Never be a distraction to your user’s already-busy day. Never be pushy.

Site Design

When you’re adding a feature, or sending out a notification, ask yourself, “Is this interaction or this touch-point truly needed “or going to make my user’s day better?”

“The Slow Web Movement

Is a lot like the Slow Food Movement, in that they’re both blanket terms

that mean a lot of different things. Slow Food began in part as a reaction

to the opening of a McDonald’s in Piazza di Spagna in Rome, so from its

very origin, it was defined by what it’s not. It’s not Fast Food, and we all

know what Fast Food is… right?”

Jack Cheng

http://jackcheng.com/the-slow-web

Don’t clutter get out of the users way reduce popups and other annoyances

The ultimate goal for a website should be “happy users,” which will lead to more conversions, whatever a conversion might be, whether it’s getting a visitor to spread the word, providing information or making a sale.

Users won’t be happy without a high performing website.

Site Design Goal

Grids

Elements of online design

Real world examples

lulu lemon

Real world examples

What we will not be doing

asset management (budgets) optimisation caching

code images

(Assume that its all done, theme is retina ready and responsive.)

HTML, CSS, PHP, JS.

CDN's (cloud delivery)

Wordpress best practices. (management security backups)

Responsive website design:

see image

Mobile first design.

(give examples what it is and why people should be doing it! chrome website plugin different pixl sizes)

What we will not be doing

BREAK 15 Mins

HTML, CSS, PHP, JS.

CDN's (cloud delivery)

Wordpress best practices. (management security backups)

Responsive website design:

see image

Mobile first design.

(give examples what it is and why people should be doing it! chrome website plugin different pixl sizes)

What we will not be doing

Website structureheader

intro

text band

info pics

text band

team

video

purchase

My Services

Business in a day workshop One on one

lunch included Site and online personalised business planning

Go through all WP installation DNS pointing

dashboard tuition-security Theme choice installation

Plugin choice and installation

All areas covered in lecture in much greater depth! free hosting (valued at $120 per year)

includes cpanel account Any themes I have free Any Plugins I have free

website: One stop shop

Full design Full business creation

implementation

(hosting, Domain name, server packages)

Consulting:

design (specific needs and planning) website architecture / best framework

Online business planning

Tuition

software, web design, wordpress