94
Шоу для клиентов «За стеклом разработка веб-сайтов»

Разработка веб-сайта

Embed Size (px)

DESCRIPTION

Презентация для мастер-класса по разработке веб-сайтов на конференции РИФ Воронеж 3-4 сентября 2009 года.Слайды — Александр Щедрин.Доклдачики — Андрей Парфёнов, Виктория Логачева, Андрей Ещенко, Дмитрий Провоторов, Денис Семёнов, Константин Пилюгин.

Citation preview

Page 1: Разработка веб-сайта

Шоу для клиентов

«За стеклом —разработка веб-сайтов»

Page 2: Разработка веб-сайта

«Концепция (цели) сайта»Андрей Парфёнов

Директор Студии Парфёнова

Page 3: Разработка веб-сайта
Page 4: Разработка веб-сайта
Page 5: Разработка веб-сайта

Зачем Вамсайт?

Page 6: Разработка веб-сайта

!"#$"%&' (&#)& «*+&%",-./"#$» 0#-1&2+34-/ %"#"134.)"5 )"(0&1-- «6+(&#»,

78#342311"5 % #&9$&# 03#3./#"5)- .":-&+-9(& % )&0-/&+-9( — % 1993 $. ;&<&".1"%1&' "=+&./> 23'/3+>1"./- — .1&=431-3 /#72'?-@.' (&.. )"(0>A/3#1B("="#72"%&1-3(, ",-.1"5 (3=3+>A, 783=1B( "="#72"%&1-3( - #&.@"21B(-(&/3#-&+&(-, - ."07/./%7A?-3 0#"3)/B. C 1&./"'?33 %#3(' .3/> ",-.1B@

71-%3#(&$"% «*+&%",-./"#$» %)+A8&3/ % .3=' 83/B#3 (&$&9-1& % $. C"#"1343.

!"#$%&'()*

D).3..7&#B

E&.@"21B3 (&/3#-&+B -1".-/3+-

F#"$#&((1"3"=3.03831-3

G"(0>A/3#B

C13<1-3 7./#"5./%&

G"(0+3)/7A?-3

C3/3%"3 "="#72"%&1-3

H-,#"%&' /3@1-)&

I,-.1"3 "="#72"%&1-3

+(,(-% .-/ "0123

J3=3+> 2+'#7)"%"2-/3+35

J3=3+> 2+' 03#."1&+&

G#3.+& - ./7+>' 2+'",-.&

J3/&++-83.)&' (3=3+>

G"(0>A/3#1B3 ./"+B

K35,B

4-/ 56(,7*8 93:(.(71;

J3=3+> 2+' <)"+ - %79"%

L)"+>1B3 2".)-

J3=3+> 2+' 23/.)-@ .&2"%

!"#$%&'( )*+,-,.$'&/0«1,)*2» $ «3'"'*4»

5,-(&, ,6&%7 -(8,.%(&9&%(!

I,-.1"3 )#3.+" F#3./-4

1 200 )5,

I,-.1"3 )#3.+" C-29

2 850 )5,

;"7/=7) Fujitsu-SiemensEsprimo Mobile V6505

18 400 )5,

<":"2'1

05.08 ;"7/=7) Fujitsu-Siemens ESPRIMO Mobile V6505 - ("23+> =-913.-)+&..& 0" :313=A243/1"$" #3<31-'.

01.05 F"=32& 1&2 :31&(-! I831> %B$"21B3 :31B 1& ",-.1B3 )#3.+&.

18.03 K03:-&+>1&' :31& 1& #&="833 (3./" «DCD;!DM». K03<-/3! G"+-83./%" /"%&#&"$#&1-831"!

18.03 CB -(33/3 %"9("41"./> 0#-"=#3./- % 1&<-@ (&$&9-1&@ ;IN!ONGP 0" "831>%B$"21B( :31&(.

(4732)

390-590© !!! «"#$%& '&()*», 2007–2009

+,-*%./( 0%)1% — !.parfyonov

2#%3,4/01,&5 617#. 879:5/.%, 21

(4732) 390-590

2#%3,4/01,&5 627#. ;%)<,30<,5,, 8

(4732) 390-513

2#%3,4/01,&5 637#. =#(>%.,30<%?, 48

(4732) 77-45-14

2#%3,4/01,&5 647#. 8/&,3%, 8

(4732) 51-22-51

! 4/&$( @%5%-/.: 8%< <7A/1B 8,.1%<1:

1&5/-

!"#$%&' $() "*"+,('-%) ./0/./

! "#$%& '()(*#+, -(. ./0#12 -3+1(.1,

(4732)

390-590

Page 7: Разработка веб-сайта

!"#$%&'( ))) «*$+,-.»

$.'/+-0-/1+- 2%0 &% &%3+# 0%4-+.

5%3% ,"#$%&'( 0"67%&% / 1999 8. 9% :-'8"7; 1 &%0 "<.%6"/%=0( ">+&? 7.1@&;4,"==+,-'/, 0"0-"(A'4 '6 0$+B'%='0-"/.%6&"8" $."C'=(. D; "01A+0-/=(+#,"#$=+,0 10=18 "- 7'6%4&-$."+,-"/,

0"0-%/=+&'( &".#%-'/&"4 0#+-&"47",1#+&-%B'' 7" /"$="A+&'( 0%#;E0#+=;E '7+4 6%,%6>',% / @'6&?.

)0&"/&;+ &%$.%/=+&'( &%3+47+(-+=?&"0-': $"='#+.&;+ &%='/&;+ $"=;,

$."#;3=+&&;+ $"=;, <+-"&&;+ $"=;,

#%=(.&;+ ' "-7+=">&;+ .%<"-;, #(8,%(,."/=(.

!"#$%: 394000, &. '(#()$*, +,. -$).)&#/"%0/1, 55!

2$,$3(): +7 (4732) 56-84-55, 28-59-28, 41-01-52

4/0%: 49-81-00

E-mail:

56$7/ 8#($9"/

5%3' "<F+,-;

:;<$0=: $."'6/"70-/+&&;4B+E'."> #/;(=: &%&+0+&'+&%='/&"8" :$",0'7&"8"$"='#+.% 0 B/+-&;#'C=",%#'?(,:0%#"/;.%/&'/%GA'40(:$",0'7&;4 $"='#+.

:;<$0=: $."'6/"70-/+&&;4B+E'."> #/;(=: $."#+@1-">&%(3='C"/,% $"78"-"/=+&&"8"<+-"&&"8" "0&"/%&'( 0"<+0$;='/%&'+#?(,:$"='#+.-$.%4#+.

:;<$0=: -".8"/"+ $"#+A+&'+'."> #/;(=: 5%&+0+&'+&%='/&"8" $"='1.+-%&"/"8"$",.;-'(?(,:0%#"/;.%/&'/%GA'40($"='1.+-%&"/;4 $"='#+.

:;<$0=: @'="+ $"#+A+&'+'."> #/;(=: #"&-%@:=+#+&-% '6 8'$0",%.-"&%,

7+,".%-'/&%( 3-1,%-1.,%,

C%,-1.&%( ",.%0,%

© ))) *$+,-. 2006—2008

8. 2"."&+@, 1=. H+&'&8.%70,%(, 55I*"67%&'+ 0%4-"/ / 2"."&+@+ — a.parfyonov

Page 8: Разработка веб-сайта

!"#$ %&'()*+,-(.

Email:

!"#$%&:

.

!"#$ %&'()*+,-(.

'$(#$ )$*"%$+",&

-.$/,"0,1.#2 - 2/3+1#4"%&/$1 4#154,+$ )$340" 6/"0$789.

/0 "#*(1, 2*#30 $+456., #$7#84+)7(8(, #$7#89,))7(8(, )#)&$( ( 8#99&'( :)&'$, #)*,:,9()6 : 8#7*,8*&.

;,) 4<& 42387847.

-.$/,"0,1 - ),10= >#)&?,&10= ),=* : %#))(( ( @8+,(7&.

A >#1#?6B C*#'# ),=*, !0 1#<&*&:

;,=*( 9B$&=, ) 8#*#+01( !0 8#'$,-9(3# 42(9()6, +,3#*,9( (9( #*$0",9(.

@57,*6 3#96D& # 9B$.", 8#*#+0& !,) #8+4<,B*, ( 7,=*( 7#:0" $+45&=.

!)&'$, #)*,:,*6). : 8#7*,8*& ) *&1(, 8*# !,1 $#+#'.

! E#7*,8*& © 2006-2009

)$7$:&#1;34,#"<3=+9$5

Page 9: Разработка веб-сайта

Хорошая цель

Результат можно измерить

Установлены сроки выполнения

Page 10: Разработка веб-сайта

Измерить что?

Примеры ↓

Page 11: Разработка веб-сайта

«Увеличить продажи на 30%.»

Page 12: Разработка веб-сайта

!"#"$ % &"'()#'*"+

,#"-)-."+

!"#/)#01."+

2)('*"+ *0&."("

34"/05*"

67%', &"8"9%. (B2B)

:47" 5 /)("4+;

!"#$%&' %()*&#&

elfa®, ! "#$%&%' "# #()*%+%",,-. /0)1"! %2 345, "6'78'&%!)'#%70$9&%#'$:,;9 <0"$"=%&'70;9 &%7#"#; ! 8">'?',%%, 8"<#">; %*')$:,"8"*."*%# *$@ *'#70"A =)(*'("6,"A. 3'('!@,,-' <$'>',#- elfa® décor %>'9#70(;=$',,-' ;=$-, 8"<#">; #)0)@ =)(*'("6,)@ #)0B' #()!>"6'2"8)7,) *$@>)$-/).

© !"#$%-&'()* 2008—2009

+, *%-.)%'/ 0 1.*.2%3: 4.*.('5, 67*89, :*'", ;<='&9, >%/-.0, ?)%*,@ :89.", A'"1.*.2, B"'&, ;<89<, A.*<8.1"'-89

C$)!,)@ C"#"!-' ('/',%@ 3'#70)@ 0">,)#)

C"#"!-' ('/',%@

70)&)#:0)#)$"=

!"# $%&'()*#+,'-. $/0&12''

314",'526#

",#+'

!/(/,6#

+#7#2'8

C%D*%-.)9% 8%@)% —

Page 13: Разработка веб-сайта

«Сэкономить на оффлайновой рекламе»

Page 14: Разработка веб-сайта

! "#$%&

'#()*+& ,-.,/#

0$#1#2&-3#& ,-.,/#

4&$*#2567 3)5-,.896:#7

!;.696

4,<.#36:##

=$>#* -969&?

@&3)%&51,&% ;)2#9698

4).&(5+& --+.3#

4$#/.6A6&% 3-)9$,15#2&-9*,

B)59639+

Members of

American Immigration LawyersAssociation

and

Canadian Bar Association

'#()*+& # #%%#/$6:#)55+& ,-.,/#.4)%)C8 ;$# #%%#/$6:##, )")$%.&5##*#(+ * DE= # ;).,2&5## =%&$#365-3)/)/$6F165-9*6

!"#$%&'()&%* '+,-&'. ('/#* &-"0'(%% -&'1#. 2'" 3$%+%4#)&53 0-"-67 0$%#%%#/$6:## * DE= % ;).,2&5## /$6F165-9*6 DE=. 8-"-67 , )")$%.&5## *#(+* =%&$#3,: 9'0-:(#(%# 9';,:#(%* (' ,<+'45 %""%=$'>%-((<? ,%9 9';,%.#:3 %4:#('" #=- )#"7%, 0#$#,-+ ,)#? (#-@?-+%"<? +-&5"#(.-, (' '(=:%*)&%* ;9<&,&-()5:7.'>%-(('; 0-++#$1&' &:%#(.'. ! .'&1#: ;)%)C8 ;$# )936(& * ;).,2&5##*#(+ % *#()*)& -);$)*)F1&5#& * ;)-).8-9*& DE= * G)-3*&.

@6-9)$F&5#& <$636 - #5)-9$65:&% , A-))%%;

G&F1,56$)15+? 6$<#9$6F # *(+-365#& 1)./)*;

@&/#-9$6:#7 3)%;65#? * DE=;

!93$+9#& <653)*-3#> -2&9)* (6 $,<&F)%;

Due Diligence % B$%+%4#)&'; / C#:-,'; / D'$&#.%(=-,'; / E%4(';F(G-$"'>%;;

@&/#-9$6:#7 9)$/)*)/) (5636;

H6C#96 6*9)$-3#> ;$6*;

.&/6.#(6:#7 1)3,%&59)* % "(-=-# +$5=-#...

';&$*+& (6 ;)-.&15#& 7 .&9 , $,--3#> ;)7*#.6-8 *)(%)F5)-98;$#5#%698 ,26-9#& * .)9&$&& "I$#5 B6$9"!

J&, 39) ;$#57. ,26-9#& * K)9&$&& * ;$)A.)% /)1,, -&?26- 562#56L9 ;).,2698$&(,.8969+. 4)(1$6*.7&% 9&>, 39) ,F& *+#/$6., # ;$&1.6/6&% -*)# ,-.,/# ;)(6;).5&5#L 5&)<>)1#%+> ")$%. D9)#%)-98 (6;).5&5#7 3)%;.&396 ")$% 56 )15)/) 2&.)*&36 - 9000 $,<.&?, 5636F1)/) ;)-.&1,LC&/) 2.&56 -&%8# - 3000 $,<.&?.

M)*67 35#/6 3)%;65## White & Associates

8-+$-@(53 %(G-$"'>%3 - ,%9-,-* )%).#"# HI!, 0-):#+(%? %9"#(#(%;?%""%=$'>%-((-=- 9'&-(-+'.#:7).,', 0-$;+&# -@$'6#(%; 9' (#%""%=$'>%-((<"%,%9'"% HI! $'9:%4(<? &'.#=-$%*, ,< "-1#.# 0$-4%.'.7 , (-,-* &(%=# (' $5))&-";9<&#, ('0%)'((-* ,#+56%"% 3$%).'"% White & Associates, &-.-$'; ,</:' , ),#. ,',=5).# 2008 =-+'.

M&#%%#/$6:#)55+& '#(+ DE= (US Nonimmigrant Visas)

8$-=$'""' 0- %""%=$'>%% , HI! +:; %(,#).-$-, (EB-5) – Green Card 9' 6 "#);>#,

8$% 0-%)&# )'*.' ('/#* &-"0'(%% %(-=+' %)0-:7953. G$'9<: =%&$#365-367 *#(6, N%#/$6:#7 * DE=, /$#536$1, greencard, *#(6 3 -1, 3)5-,.8-9*), ;)-).8-9*) DE= * G)-3*&

511 Avenue of the Americas, Ste. 572-162, New York, NY 10011(t) 818-730-35-40, (f) [email protected]

40/2 Prechistenka Street, Building 3, Suite 310, Moscow, Russia 119034(t) 7 (499) 246-4842, (f) 7 (499) [email protected]

B)59639+

© 1996–2009, White & AssociatesAll rights reserved

!"#$%&'( )%*+% — a.parfyonov

Ru En

Page 15: Разработка веб-сайта

Зачем Вамсайт?

Page 16: Разработка веб-сайта

Представитель студии готов помочь всегда!

Page 17: Разработка веб-сайта

Техническое заданиеВиктория Логачева

Директор, Агентство «Вызов»

Page 18: Разработка веб-сайта

Знакомство

Page 19: Разработка веб-сайта

Знакомство

Page 20: Разработка веб-сайта

Общее ТЗ

Page 21: Разработка веб-сайта

Общее ТЗ

Page 22: Разработка веб-сайта

Структура и контент

Page 23: Разработка веб-сайта

Структура и контент

Page 24: Разработка веб-сайта

Интерфейс и дизайн

Page 25: Разработка веб-сайта

Интерфейс и дизайн

Page 26: Разработка веб-сайта

Верстка

Page 27: Разработка веб-сайта

php.... MySQL.. Drupal...$*#&%

prototype.. !!! JRE.. l8n... git hub...

RoR..!!!

Программирование

Page 28: Разработка веб-сайта

Программирование

Page 29: Разработка веб-сайта

Контрольные точки проекта

Page 30: Разработка веб-сайта

Контрольные точки проекта

Page 31: Разработка веб-сайта

Контрольные точки проекта

Page 32: Разработка веб-сайта

Смета

Page 33: Разработка веб-сайта

Контактные лица

Page 34: Разработка веб-сайта

А

Б

Инструмент контроля

Page 35: Разработка веб-сайта

КонтентАндрей Ещенко

PR-менеджер «Авантаж-онлайн»

Page 36: Разработка веб-сайта

Привлечение Конверсия

Удержание

Page 37: Разработка веб-сайта
Page 38: Разработка веб-сайта
Page 39: Разработка веб-сайта
Page 40: Разработка веб-сайта

Привлечение Конверсия

Удержание

Page 41: Разработка веб-сайта

ПривлечениеКонверсияУдержание

Page 42: Разработка веб-сайта

Уникальные тексты

Page 43: Разработка веб-сайта

<автор> <редактор>

Автор Редактор Корректор

Page 44: Разработка веб-сайта

Заказать текст?

Page 45: Разработка веб-сайта

Условия работы

Page 46: Разработка веб-сайта

Факты и ключевые слова

Page 47: Разработка веб-сайта

Проверка▢ не плагиат▢ факты совпадают

▢ ключевые слова на месте▢ проходит тест на “тошноту”▢ без орфографических ошибок

Page 48: Разработка веб-сайта

Эксклюзивный дизайн

Дмитрий ПровоторовДизайнер, маркетолог Provotorov.com

Page 49: Разработка веб-сайта
Page 50: Разработка веб-сайта
Page 51: Разработка веб-сайта
Page 52: Разработка веб-сайта

ЗадачаРешениеРезультат

А еще бонус

Page 53: Разработка веб-сайта
Page 54: Разработка веб-сайта
Page 55: Разработка веб-сайта
Page 56: Разработка веб-сайта
Page 57: Разработка веб-сайта
Page 58: Разработка веб-сайта
Page 59: Разработка веб-сайта
Page 60: Разработка веб-сайта
Page 61: Разработка веб-сайта
Page 62: Разработка веб-сайта
Page 63: Разработка веб-сайта
Page 64: Разработка веб-сайта
Page 65: Разработка веб-сайта
Page 66: Разработка веб-сайта
Page 67: Разработка веб-сайта
Page 68: Разработка веб-сайта
Page 69: Разработка веб-сайта
Page 70: Разработка веб-сайта
Page 71: Разработка веб-сайта
Page 72: Разработка веб-сайта
Page 73: Разработка веб-сайта
Page 74: Разработка веб-сайта

× 1.44Время на сайте

Page 75: Разработка веб-сайта

× 1.48Количество просмотренных страниц

Page 76: Разработка веб-сайта

× 2.66Продажи

Page 77: Разработка веб-сайта
Page 78: Разработка веб-сайта

Дизайн — это решение задачи.

Page 79: Разработка веб-сайта

Готовый дизайнДенис Семёнов,

Директор компании «Мангостин»

Page 80: Разработка веб-сайта

Дизайн — это решение задачи.

Page 81: Разработка веб-сайта

Помощь зала

Page 82: Разработка веб-сайта
Page 83: Разработка веб-сайта

Экономит время и деньги

Page 84: Разработка веб-сайта

CMSКонстантин Пилюгин,

Руководитель студии «Продес»

Page 85: Разработка веб-сайта

Сайт готов. Что дальше?

Андрей ПарфёновДиректор Студии Парфёнова

Page 86: Разработка веб-сайта

Вы открыли сайт.Поздравляем!

Page 87: Разработка веб-сайта

Техническое обслуживание

Page 88: Разработка веб-сайта
Page 89: Разработка веб-сайта

Реклама и продвижение сайта

Page 90: Разработка веб-сайта
Page 91: Разработка веб-сайта

Информационное обслуживание сайта

Page 92: Разработка веб-сайта

Ferrari S.p.A. - registered address via Emilia Est 1163, Modena (Italy) - share capital Euro 20.260.000 - VAT no. 00159560366

Enrolled in the register of companies of Modena under no. 00159560366 - Copyright 2009 - All rights reserved

Racing Blogs

Kimi

Raikkonen in Spa for another place on the podium

8/25/2009 4:48:00 PM Comments

Maranello - I really enjoy winning, but even a third place can give you some good

feelings. We started into the European GP from the sixth position on the starting grid,

we had a good start and we managed to gain another place on the podium: we can

hardly expect more than this. Our goal is to fight for a position amongst the first three

teams and we’ve reached this goal. It was definitely one of my best weekends so far

this year, together with the ones in Monaco and Budapest, obviously from a technical

point of vie…

Massa

"carrying on in the same direction as in Germany"

7/17/2009 10:00:00 AM Comments

Maranello - Four days after the German Grand Prix is obviously much too long to go for

a racing driver without being on a race track! So after going home to Monaco on

Sunday night I travelled to a place called Lonato, near Lake Garda in Italy to have

some fun karting. It was like a Formula 1 race here, there was Michael (Schumacher),

Kubica, Glock, Liuzzi and Nelsinho (Piquet) and Klien. It wasn’t a special event, it

wasn’t even a race, we just decided to come here and have some fun driving 125 karts

with gears. …

Fan

It's online the survey about ferrari.com

5/12/2009 3:55:00 PM Comments

Maranello - Dear Ferrari fans and users of our website,

who are participating passionately more than ever. We

want to invite you to participate in this online

questionnaire, which will enable us to further improve

the new ferrari.com website, which has been completely

renovated just over a month ago. Your advice as far as

content and graphics on …

Staff

Always looking ahead

8/22/2009 6:41:00 PM Comments

Valencia - Formula 1’s first official “closed for holidays”

wasn’t a holiday for Ferrari at all. After Felipe Massa’s

dramatic accident during the qualifying for the Hungarian

GP the Scuderia had to find a substitute for the Brazilian

driver and after Michael Schumacher was unable to take

his seat, Luca Badoer became the first choice. Badoer

has be…

Read more

Read more

Read more

Read more

English Media About Ferrari Locations Careers Contact Help Site map Legal Store RSS Feed

Scuderia Blogs Fan Kimi Massa Staff

News GT & Sport Cars Scuderia Ferrari Store Maranello Experience Community F430

Register/Login My Ferrari Search

Page 93: Разработка веб-сайта
Page 94: Разработка веб-сайта

Сайт не чучело,сайт — живое

существо