Onze Geofrie gaf een presentatie op de C7 open dag over zijn rol binnen C7. Goed gedaan held!

1. Webdesign bij
concept7
Geoffrie Hoiting

2. Even voorstellen...
• Geoffrie Hoiting
(3x woordwaarde bij Scrabble)
• Communication & Multimediadesign
• Freelancer -> Concept7

3. Hoe gaan we(ik) te over
Waar gaan we het werk
hebben?
• Huisstijl verzamelen
• Opals designer‘signature elemens’
zoek naar
• Rol opzetten binnen Concept7
• Basis en creatief doen
• Werkwijze en accenten leggen
• Finetunen
• Voorbeelden
• Design presenteren
• Eventueel html opleveren

4. Onze rol binnen het
Hoe gaan we(ik) te werk
traject
•• Huisstijl verzamelen
Huisstijl verzamelen
•• Op zoek naar ‘signature elements’
Op zoek naar ‘signature elemens’
•• Basis opzetten en creatief doen
Basis opzetten en creatief doen
•• Finetunen en accenten leggen
Finetunen en accenten leggen
•• Design presenteren
Design presenteren
•• Eventueel html opleveren
Eventueel html opleveren

5. Hoe gaan we(ik) te werk
• Huisstijl verzamelen
• Op zoek naar ‘signature elements’
elemens’
•Hoeopzetten en creatief doen werk?
Basis gaan we(ik) te
• Finetunen en accenten leggen
• Design presenteren
• Eventueel html opleveren

6. Hoe gaan we(ik) te werk?
Hoe gaan we(ik) te werk
• Huisstijl/verzamelen
Inlezen IO doornemen
• Op zoek verzamelen elements’
Huisstijl naar ‘signature elemens’
• Basis opzetten ensignaturedoen
• Op zoek naar creatief elements
• Finetunen en accenten leggen
Photoshop, creatief doen, finetunen
• Design presenteren
Presenteren
• Eventueel html opleveren
html/css/javascript

7. Hoe gaan we(ik) te werk
• Huisstijl verzamelen
• Op zoek naar ‘signature elements’
elemens’
• Basis opzetten en creatief doen
• Finetunen en accenten leggen
• Design presenteren
• Eventueel html opleveren

8. Hoe gaan we(ik) te werk
• Huisstijl verzamelen
• Op zoek naar ‘signature elements’
elemens’
Huisstijl verzamelen
• Basis opzetten en creatief doen
• Finetunen en accenten leggen
• Design presenteren
• Eventueel html opleveren

9. Hoe gaan we(ik) te werk
• Huisstijl verzamelen
•Op zoek‘signature ‘signature
Op zoek naar
naar elemens’
elements’
• Basis opzetten en creatief doen
elements’
• Finetunen en accenten leggen
• Design presenteren
• Eventueel html opleveren

10. Hoe gaan we(ik) te werk
• Huisstijl verzamelen
• Op zoek naar ‘signature elements’
Photoshop, basis elemens’
• Basis opzetten en creatief doen
opzetten
Creatief doen
• Finetunen en accenten leggen
• Design presenteren
• Eventueel html opleveren

11. Hoe gaan we(ik) te werk
• Huisstijl verzamelen
• Op zoek naar ‘signature elements’
elemens’
• Finetunen
Basis opzetten en creatief doen
• Finetunen en accenten leggen
• Design presenteren
• Eventueel html opleveren

12. Hoe gaan we(ik) te werk
• Huisstijl verzamelen
• Op zoek naar ‘signature elements’
elemens’
• Basis opzetten en creatief doen
• Finetunen en accenten leggen
• Design presenteren
• Eventueel html opleveren

13. Hoe gaan we(ik) te werk
• Huisstijl verzamelen
• Op zoek naar ‘signature elements’
elemens’
• Basis opzetten en creatief doen
• Finetunen en accenten leggen
• Design presenteren
• Eventueel html opleveren

14. Hoe gaan we(ik) te werk
• Huisstijl verzamelen
• Op zoek naar ‘signature elements’
elemens’
• Basis opzetten en creatief doen
• Finetunen en accenten leggen
• Design presenteren
• Eventueel html opleveren

15. Hoe gaan we(ik) te werk
• Huisstijl verzamelen
• Op zoek naar ‘signature elements’
elemens’
• Basis opzetten en creatief doen
• Finetunen en accenten leggen
• Design presenteren
• Eventueel html opleveren

16. Hoe gaan we(ik) te werk
• Huisstijl verzamelen
• Op zoek naar ‘signature elements’
elemens’
• Basis opzetten en creatief doen
• Finetunen en accenten leggen
• Design presenteren
• Eventueel html opleveren

17. Hoe gaan we(ik) te werk
• Huisstijl verzamelen
• Op zoek naar ‘signature elements’
elemens’
• Basis opzetten en creatief doen
• Finetunen en accenten leggen
• Design presenteren
• Eventueel html opleveren

18. Hoe gaanHTML te werk
we(ik)
• Huisstijl verzamelen
• Performance ‘signature elements’
• Op Werken met sprites elemens’
zoek naar
• opzetten en creatief doen
• Basis
• Finetunen en accenten leggen
• Design presenteren
• Eventueel html opleveren

19. Hoe gaan we(ik) Sprites
te werk
• Huisstijl verzamelen • Performance
• Op zoek naar ‘signature• 4KB overhead
elemens’
elements’
• Basis opzetten en creatief doen 4 = 196KB
• 49 x
• Finetunen en accenten leggenx 4 = 4KB
• 1
• Design presenteren
• Eventueel html opleveren

20. Hoe gaanHTML te werk
we(ik)
• Huisstijl verzamelen
Performance
• Op Werken met sprites elements’
• zoek naar ‘signature elemens’
• Basis opzetten en creatief doen
• Één CSS
• Finetunen en accenten leggen
• Javascript
• Design presenteren
Design keuzes en browser support
• Eventueel html opleveren

21. Hoe gaan we(ik) te werk
• Huisstijl verzamelen
• Op zoek naar ‘signature folks!
That’s all elements’
elemens’
• Basis opzetten en creatief doen
Vragen?
• Finetunen en accenten leggen
• Design presenteren
• Eventueel html opleveren