A GUIDE BUILDING TO WEBSITE AWESOME PRODUCTION WEBSITE Shakuro - - PowerPoint PPT Presentation

▶
a guide building to website awesome production website
SMART_READER_LITE
LIVE PREVIEW

A GUIDE BUILDING TO WEBSITE AWESOME PRODUCTION WEBSITE Shakuro - - PowerPoint PPT Presentation

Jul 02, 2023 18 likes •448 views

A GUIDE BUILDING TO WEBSITE AWESOME PRODUCTION WEBSITE Shakuro / Web Design & Development Agency / @shakuro Making websites In business since UX-heavy Pixel maniacs and apps 2006 and code geeks Ad Hoc The year 2006 when we came

slide-1
SLIDE 1

BUILDING AWESOME WEBSITE A GUIDE TO WEBSITE PRODUCTION

Shakuro / Web Design & Development Agency / @shakuro

slide-2
SLIDE 2

Making websites and apps In business since 2006 UX-heavy Pixel maniacs and code geeks

slide-3
SLIDE 3

Ad Hoc

The year 2006 when we came along was the dawn of interaction design. And everyone thought in 10 years it was going to be like this…

slide-4
SLIDE 4

...Well it’s not.

However, today’s websites look nothing like their dinosaur ancestors.

And here’s why:

Mobile devices changed the game to responsive being a must. Faster internet allowed for a more visual content-sensitive design. Better frameworks aided the backend significantly. Attention time span shrunk, driving the UX towards the desired quick involvement. Social media took over, cranking the interaction level to a maximum.
slide-5
SLIDE 5

The Ruby Era Why use Ruby on Rails

Readable code. RubyGems Robust infrastructure. DRY (Don’t Repeat Yourself) principle. Close-knit open-source community.
  • 2005 was the year of emergence of Ruby on Rails and 2006 was the year it took off. We got into it right
away and developed a knowledge that helped us grow from a grass-roots studio into a web and mobile development agency of today.

RoR

slide-6
SLIDE 6

WEBSITE CONSTRUCTION PHASES

slide-7
SLIDE 7

MANUFACTURE MISSION CONTROL

slide-8
SLIDE 8

MANUFACTURE MISSION CONTROL

slide-9
SLIDE 9

MANUFACTURE MISSION CONTROL

slide-10
SLIDE 10

MANUFACTURE MISSION CONTROL

slide-11
SLIDE 11

But...

Having a plan alone won’t get you anywhere unless you know how to execute it, cut angles, avoid pitfalls, and leverage the power of creativity.

slide-12
SLIDE 12

DEFINITION

slide-13
SLIDE 13

DEFINITION STAGE

slide-14
SLIDE 14

DEFINITION STAGE

slide-15
SLIDE 15

DEFINITION STAGE

slide-16
SLIDE 16

SCOPING

slide-17
SLIDE 17

SCOPING STAGE

slide-18
SLIDE 18

SCOPING STAGE

slide-19
SLIDE 19

SCOPING STAGE

slide-20
SLIDE 20

WIREFRAMING

slide-21
SLIDE 21

WIREFRAMING STAGE

slide-22
SLIDE 22

WIREFRAMING STAGE

slide-23
SLIDE 23

WIREFRAMING STAGE

slide-24
SLIDE 24

DESIGN

slide-25
SLIDE 25

VISUAL DESIGN STAGE

slide-26
SLIDE 26

VISUAL DESIGN STAGE

slide-27
SLIDE 27

VISUAL DESIGN STAGE

slide-28
SLIDE 28

VISUAL DESIGN STAGE

slide-29
SLIDE 29

DEVELOPMENT

slide-30
SLIDE 30

DEVELOPMENT STAGE

slide-31
SLIDE 31

TESTING

slide-32
SLIDE 32

TESTING STAGE

slide-33
SLIDE 33

TESTING STAGE

slide-34
SLIDE 34

LAUNCH

slide-35
SLIDE 35

LAUNCH STAGE

slide-36
SLIDE 36
slide-37
SLIDE 37

MAINTENANCE

slide-38
SLIDE 38

MAINTENANCE

slide-39
SLIDE 39

OUTTAKES

Have a roadmap Use visual sync services (RealtimeBoard.com) Use high-quality images Use scalable code Get content-heavy Keep improving
slide-40
SLIDE 40

OR

slide-41
SLIDE 41

Let the PROs do all the work and enjoy the result!

slide-42
SLIDE 42

HAVE AN IDEA?

WE CAN BUILD IT!

slide-43
SLIDE 43

SHAKURO.COM