How to build a mobile website - a closer look at the process

1. it-zoom.de
How to build a mobile website – a closer look at
the process

2. 2
Our goal was to create a new brand and mobile website from
existing 4 brands with 4 desktop websites in an agile process.
The job

3. 3
SCRUM

4. 4
3 developers
1 scrum master
1 product owner agency
1 product owner customer
1 designer
1 SEO expert
Project members

5. 5
3 months project time
6 sprints (one week each)
Project time

6. 6

7. 7

8. 8

9. 9
TYPO3 6.2
Foundation CSS framework
Lots of news (ext:news)
Adserver integration
News migration from ext:tt_news (12.000 records)
Technical facts

10. 10
Responsive webdesign (RWD) is not a product or feature,
it's a way of thinking.
Responsive workflow

11. 11
No PSDs
Responsive workflow

12. 12
… in fact, we created one single PSD
(the moodboard).
Responsive workflow

13. 13
Content elements, menus, lists, singleviews etc. were
created during the development process.
Responsive workflow

14. 14
We rank business value higher than design.
Design is one (important) part of the project.
Responsive workflow

15. 15
Close co-working of agency and customer – the whole time.
•
Sprint Planning
•
Review
•
Grooming
•
Product Owner Meetings
Responsive workflow

16. 16
Responsive news lists and
single views with real content
Examples

17. 17
Adserver integration
Examples

18. 18
Designing
the website
header
Examples

19. 19
RWD and agile development (scrum) work together greatly.
•
Building with iterations
•
Communication over definitions
•
Using real content
Conclusion

20. 20
RWD can be done in a fixed budget and fixed time.
•
Prioritize out the most important features
•
Communicate over how to implement features
Conclusion