Ανάπτυξη website & e-shop | Ιάσων Καταρόπουλος | Atcom Internet &...

23
Εκπαιδευτικό πρόγραμμα Ψηφιακό μάρκετινγκ & κοινωνικά δίκτυα Ανάπτυξη website & e-shop ________________________________ Ιάσων Καταρόπουλος Head of Projects Implementation Atcom Internet & Multimedia

Transcript of Ανάπτυξη website & e-shop | Ιάσων Καταρόπουλος | Atcom Internet &...

Page 1: Ανάπτυξη website & e-shop | Ιάσων Καταρόπουλος | Atcom Internet & Multimedia

Εκπαιδευτικό πρόγραμμα

Ψηφιακό μάρκετινγκ & κοινωνικά δίκτυα

Ανάπτυξη website & e-shop________________________________

Ιάσων Καταρόπουλος

Head of Projects Implementation

Atcom Internet & Multimedia

Page 2: Ανάπτυξη website & e-shop | Ιάσων Καταρόπουλος | Atcom Internet & Multimedia

e-Commerce

how to make an

Web site

Page 3: Ανάπτυξη website & e-shop | Ιάσων Καταρόπουλος | Atcom Internet & Multimedia

Project Manager

Back end

developer

Who do you really need?

eCommerce

manager

Web

Designer

Front end

developer

Usability

Expert

SEO &

Analytics

expert

Marketing

expert

Page 4: Ανάπτυξη website & e-shop | Ιάσων Καταρόπουλος | Atcom Internet & Multimedia

Register

Login

Check out / Payment

Add to cart

Add to wish list

Search for products

Submit a contact form

Submit a support ticket

Add wish list to shopping cart

Register for newsletter

Share on Facebook / Social media

Page 5: Ανάπτυξη website & e-shop | Ιάσων Καταρόπουλος | Atcom Internet & Multimedia

Information architecture (IA) is the structural

design of shared information environments;

The art and science of organizing and labelling

websites, intranets, online communities and software

to support usability and findability

Page 6: Ανάπτυξη website & e-shop | Ιάσων Καταρόπουλος | Atcom Internet & Multimedia

Site map

Navigation flow

Search logic

Wireframes

Page 7: Ανάπτυξη website & e-shop | Ιάσων Καταρόπουλος | Atcom Internet & Multimedia
Page 8: Ανάπτυξη website & e-shop | Ιάσων Καταρόπουλος | Atcom Internet & Multimedia
Page 9: Ανάπτυξη website & e-shop | Ιάσων Καταρόπουλος | Atcom Internet & Multimedia

Color palette

Typography (fonts/sizes)

Textures (material/gradients/flat/leveled)

Inspiration (web/photos/buildings/nature)

Page 10: Ανάπτυξη website & e-shop | Ιάσων Καταρόπουλος | Atcom Internet & Multimedia

Home page

Product list page

Product detail page Sign in

Register

Register thank you page

Password reminder

Password reminder thank you page

Wishlist

Empy wishlist (no products)

My account landing

My personal details form

My address list

My address create/edit form

My password change

My password change thank you page

My orders

My orders order detail page

Mini cart

Full cart

Full cart no products

Product list no products

Product list quick view (Lightbox)

Product page zoom in lightbox

Product page size guide lightbox

Brands list page

Search results page

Search results not found page

Sign in

Logged in one page

Logged in one page thank you page

Guest one page

Guest one page thank you page

Order Confirmation Print Friendly

Content page

Content page wide

Stores

Press releases

Press releases detail page

Contact us page with contact form

Contact form thank you page

FAQ' s

Generic email template (Register | Password reminder | Send to

friend | Newsletter confirm | Contact form confirmation)

Order confirmation

40+ templates

Page 11: Ανάπτυξη website & e-shop | Ιάσων Καταρόπουλος | Atcom Internet & Multimedia

DATABASE

WEB SERVER [ASP.NET – PHP – RUBY – JAVA -

PYTHON] SERVER

HTML

CSS

JAVASCRIPT

WEB BROWSER

CLIENT

Page 12: Ανάπτυξη website & e-shop | Ιάσων Καταρόπουλος | Atcom Internet & Multimedia

small iterations - test as you develop B

asic

me

nu

– h

ead

er –

fo

ote

r

Re

gist

rati

on

- lo

gin

Use

r p

age

s

Pro

du

ct li

st –

pro

du

ct d

etai

l

Ch

eck

ou

t p

roce

ss

Oth

er

pag

es

Test all along

Page 13: Ανάπτυξη website & e-shop | Ιάσων Καταρόπουλος | Atcom Internet & Multimedia

Making an

e-Commerce

Web site

Platforms

Trends

Markets

Case Studies

Break

Page 14: Ανάπτυξη website & e-shop | Ιάσων Καταρόπουλος | Atcom Internet & Multimedia

Joomla

Wordpress

Magento

Shopify

Bigcommerce

WooCommerce

1ShopCart

Sitefinity

Kentico

Sitcore

Liferay the list is endless

Page 15: Ανάπτυξη website & e-shop | Ιάσων Καταρόπουλος | Atcom Internet & Multimedia

Hosted Open source Commercial

Beginners Mid level Enterprise

Page 16: Ανάπτυξη website & e-shop | Ιάσων Καταρόπουλος | Atcom Internet & Multimedia

Today’s retail environment has moved to a shopper-centric,

omni-channel, uber-connected landscape fueled by

technologies such as mobile (smart phones & tablets), social,

intelligent opt-in location based, cloud and analytics.

Consumers expect to use all their technologies in all aspects of

their lives – including in stores, which is still the heart of the

brand experience.

omnichannel

Page 17: Ανάπτυξη website & e-shop | Ιάσων Καταρόπουλος | Atcom Internet & Multimedia
Page 18: Ανάπτυξη website & e-shop | Ιάσων Καταρόπουλος | Atcom Internet & Multimedia

Consumers want to

move seamlessly among

all retail environments,

real and virtual,

as if they were one.

Page 19: Ανάπτυξη website & e-shop | Ιάσων Καταρόπουλος | Atcom Internet & Multimedia

Greece – B2C – 2012

1500 euros

Average spend

per shopper in

Greece

1,9 million people are online

Shoppers in Greece

Page 20: Ανάπτυξη website & e-shop | Ιάσων Καταρόπουλος | Atcom Internet & Multimedia

Europe – B2C – 2012

820 million people live in Europe

529 million people use the Internet

250 million people are online shoppers

1243 euros

Average spend

per shopper

Page 21: Ανάπτυξη website & e-shop | Ιάσων Καταρόπουλος | Atcom Internet & Multimedia

50% of the population in Turkey is under 30

In Istanbul shoppers have same day delivery

Pay on delivery – Greece Turkey Russia China

m-commerce is huge in under-developed

countries

Website visits do not drop during the

summer

Clothes, electronics and books are the best

selling categories

Page 22: Ανάπτυξη website & e-shop | Ιάσων Καταρόπουλος | Atcom Internet & Multimedia

Making an

e-Commerce

Web site

Platforms

Trends

Markets

Case Studies

Break

Page 23: Ανάπτυξη website & e-shop | Ιάσων Καταρόπουλος | Atcom Internet & Multimedia

Εκπαιδευτικό πρόγραμμα

Ψηφιακό μάρκετινγκ & κοινωνικά δίκτυα

www.kek.aueb.grFollow DigiMa on

Facebook | Instagram | Slideshare