<Intellectual output O6 >
[1]
Titel: Digital marketing.
Activity In the sixth activity, the aim is to develop a curriculum for a one-week course on digital marketing. How to establish an e-store. Description of learning outcomes, methodology and evaluation criterias. The focus will be on digital marketing and how to establish an e-store and on viral marketing campaigns, web-knowhow and logistics, rules and legislation on packaging. Pedagogic/didactic methods: Students are working in international team’s whole week. Every group has its own coach to guide the group whole week. Coaches shows and explains the theory related to assignment. Furthermore, the students has the theory and assignment goals descripted. There is a description of the frames for the assignment solutions and within this frame, the students are free to develop their own solutions. From a pedagogic point of view, different ways of learning are taken in respect. Students had also beforehand been acquainted with three needed software’s: Balsamiq, Sketch and InVision. In this transnational meeting, we agreed that every students has to bring their own device to accomplish all the tasks.
Purpose We work with developing a concept for a mobile online shop app in international working groups. A project-orientated approach to learning is the most effective way to reach the goals. We will provide the possibility for the students to work directly with examples of their pre-work. In addition, keynote speeches complete students working methods, so they can learn, see and experience from their own activity in groups. Through the workshops, the students will experience their strong and weak sides and they will all have a benefit in their self-confidents to finish their task and see the final product in presentations. Goal Briefing of the shirt company design project, mobile first. You are owner of an innovative, new and young t-shirt company. All items are produced in small, ecologic editions with the highest standards in quality and design. Prices are moderate. All products will only be available online.
• Develop a concept for a mobile online shop app • Visualize the concept • Keynote speeches concerning company Brand & clothing business and current trends in user
experience in web and eCommerce • Participate in three software lessons: how to work with wireframes and Balsamiq, how to
work with sketch and how to work with Invision • Presentation of their work in international groups • The students and the teachers should have a knowledge about how to develop a concept for
a mobile online shop application
<Intellectual output O6 >
[2]
Organization MONDAY Welcome ceremony, presentation program of the week Formation of international working groups, introduction of students in international working groups (who am I). Introduction of coach in each working group Presentation of pre-work in international groups Keynote: Makia clothing company, company Brand & clothing business Briefing, questions and planning. Definition of working process Concept: Describe personas, site structure and user journey until check-out TUESDAY Lesson: how to work with wireframes and Balsamiq software. Working with wireframes Lesson: how to work with sketch software. Working with sketch Socialize and get together: Gathering at school, guided old town tour and outdoor dinner in a fire at riverbank WEDNESDAY Keynote: Adjunct Professor at Aalto University, Current trends in user experience in web and eCommerce Designing with sketch Photo/film production Art & Culture. Gathering at school and walk to ArtFactory. Exhibitions and industrial architecture THURSDAY Lesson: How to work with InVision software Finishing designs and preparing presentations. Testing and practice presentations. LINK gala dinner FRIDAY Preparations for the final presentation Final presentations Closing ceremony Feedback & farewell
<Intellectual output O6 >
[3]
Production We aim to develop and design a web-shop in seven international working groups, which are being coached by teachers. The project begins with real products: the predesigned t-shirts and ends where a shirt lands in the basket of the web-shop. Students are using software: Balsamiq, Sketch, Invision and Adobe CS.
Evaluation The students complete the tasks and are able to explain their work to the teachers daily and at the exhibition and through the presentations. The students get daily feedback from the teachers on their work and solutions. See the results at http://thebestlink.org Preconditions VET intermediate level Pre-work Pre-work 1: Design your own t-shirt • The print(s) should reflect your personality (hobby, interests or skills in vectors, no use of photos) • Bring your predesigned t-shirt to the meeting Pre-work 2: Analyze e-shops • Choose 3 examples of web-shops which stands for innovation (regarding idea, design, multi-media quality, dialogue, surprising interaction or user experience) • Write a short description to each example (incl. screenshots and urls of the selected shops) • Bring your analysis printed on A4 sheets to the meeting Pre-work 3: Get familiar softwares: balsamiq and Sketch • Visit balsamiq online and understand the basics www.balsamiq.com • Visit Sketch on the website and understand the basics www.sketchapp.com English lessons Teaching about the country’s school system (the country being visited) Education in the country’s history (the country being visited) Education in the country working culture (the country being visited) Author: Sami Ulmanen Place and date: Porvoo October 2016
Mobile firstLINK – transnational meeting 6Porvoo, FinlandSeptember 25 – October 1, 2016
BriefingDesign projectMobile first
The shirt company
You are owner of an innovative, new and young t-shirt company. All items are produced in small, ecologic editions with the highest standards in quality and design. Prices are moderate. All products will only be available online.
Mobile firstLINK – transnational meeting 6Porvoo, FinlandSeptember 25 – October 1, 2016
Task
Develop a concept for a mobile online shop application. Visualize your concept. Pay attention to innovative ideas and maintain a high quality level.Stage your products (photos, film, product shots, models). Present the shop.
Mobile firstLINK – transnational meeting 6Porvoo, FinlandSeptember 25 – October 1, 2016
5 steps to reach the goal
1. Research (pre-work)2. Structure3. Concept4. Design5. Presentation
Mobile firstLINK – transnational meeting 6Porvoo, FinlandSeptember 25 – October 1, 2016
Research
Use your research for special concepts, look out for new approaches on customer experciences and innovative designs.Work with your research during the working process.
Mobile firstLINK – transnational meeting 6Porvoo, FinlandSeptember 25 – October 1, 2016
Research
Examples:https://www.freitag.chhttp://www.stories.comhttp://kotelett.info/
Mobile firstLINK – transnational meeting 6Porvoo, FinlandSeptember 25 – October 1, 2016
StructureMonday, September 26, 01.00 pm – 16.00 pm
Online Shop Concept: What to think about when creating a shop• Buyer personas• Shop structure• User journey (until point of check-out)
Mobile firstLINK – transnational meeting 6Porvoo, FinlandSeptember 25 – October 1, 2016
StructureMonday, September 26, 01.00 pm – 16.00 pm
– Introduction Franziska Eriksen– Working in groups: define buyer personas define shop structure define user journey (until point of check-out)
Use flip chart, whiteboard and paper.
Mobile firstLINK – transnational meeting 6Porvoo, FinlandSeptember 25 – October 1, 2016
ConceptTuesday, September 27, 09.00 am – 12.00 am
Put all elements together: Working with wireframes• Introduction “How to work with wireframes”• Introduction Balsamiq• Student working groups: Working with wireframes:
making mockups is fast. You‘ll generate more ideas, so you can throw out the bad ones and discover the best solutions.
Mobile firstLINK – transnational meeting 6Porvoo, FinlandSeptember 25 – October 1, 2016
Mobile firstLINK – transnational meeting 6Porvoo, FinlandSeptember 25 – October 1, 2016
ConceptTuesday, September 27, 01.00 pm – 15.00 pm
• Student working groups: Working with wireframes• Finalize wireframes, start with design
Mobile firstLINK – transnational meeting 6Porvoo, FinlandSeptember 25 – October 1, 2016
DesignTuesday, September 27, 15.00 pm – 16.00 pm
Short Introduction “How to work with sketch”• Designing with sketch
Mobile firstLINK – transnational meeting 6Porvoo, FinlandSeptember 25 – October 1, 2016
DesignWednesday, September 28, 10.15 am – 12.00 am
• Short Introduction “How to work with InVison” • Design/Artwork Online Shop• Photo/film production• Naming and design the brand
Mobile firstLINK – transnational meeting 6Porvoo, FinlandSeptember 25 – October 1, 2016
DesignWednesday, September 28, 01.00 pm – 15.45 pm
• Design/Artwork Online Shop• Photo/film production
Mobile firstLINK – transnational meeting 6Porvoo, FinlandSeptember 25 – October 1, 2016
Design & presentationThursday, September 29, 09.00 am – 12.00 am
• Finishing Design/Artwork Online Shop• Preparing presentations
Mobile firstLINK – transnational meeting 6Porvoo, FinlandSeptember 25 – October 1, 2016
Design & presentationThursday, September 29, 01.00 pm – 04.00 pm
• Preparing presentations• Testing
Mobile firstLINK – transnational meeting 6Porvoo, FinlandSeptember 25 – October 1, 2016
PresentationFriday, September 30, 08.30 am – 09.30 am
• Preparations for the final presentation
Mobile firstLINK – transnational meeting 6Porvoo, FinlandSeptember 25 – October 1, 2016
PresentationFriday, September 30, 09.30 am – 11.30 am
• The final presentation
Thanks and good luck!
Mobile firstLINK – transnational meeting 6Porvoo, FinlandSeptember 25 – October 1, 2016
Schule für Gestaltung, St.Gallen
01.06.2016
LINK – Transnational Meeting 5Porvoo, FinlandSept 25th – Oct 1st 2016
We aim to develop and design a web-shop
The project begins with real products: the predesigned t-shirts and ends where a shirt ‚lands‘ in the
basket of the web-shop.
1. Structure Site-Architecture
2. Concept User-journey, Wire-framing
3. Design Interface design
4. Presentation Prototype
Pre-work 1: Design your own t-shirtPre-work 2: Analyze e-shopsPre-work 3: Get familiar with the tools „balsamiq“ and „Sketch“
Agenda
The project
4 Steps to reach the goal
Schule für Gestaltung, St.Gallen
01.06.2016
Pre-work 1
• T-Shirt has to be white• The print(s) should reflect your personality (hobby, interests or skills in vectors, no use of photos)• Bring your predesigned t-shirt to Porvoo
Design your own t-shirt
Schule für Gestaltung, St.Gallen
01.06.2016
Pre-work 2
• Choose 3 examples of web-shops which stands for innovation (regarding idea, design, multi-media quality, dialogue, surprising interaction or user experience)• Write a short description to each example (incl. screenshots and urls of the selected shops)• Bring your analysis printed on A4 sheets to Porvoo
Analyze e-shops
Dies ist ein Typoblindtext. An ihm kann man
sehen, ob alle Buchstaben da sind und wie sie
aussehen. Manchmal benutzt man Worte wie
Hamburgefonts, Rafgenduks oder Handgloves,
um Schriften zu testen. Manchmal Sätze, die alle
Buchstaben des Alphabets enthalten - man nennt
diese Sätze »Pangrams«.
Sehr bekannt ist dieser: The quick brown fox
jumps over the lazy old dog. Oft werden in
Typoblindtexte auch fremdsprachige Satzteile
eingebaut (AVAIL® and Wefox™ are testing aussi
la Kerning), um die Wirkung in anderen Sprachen
zu testen. In Lateinisch sieht zum Beispiel fast
jede Schrift gut aus. Quod erat demonstrandum.
Seit 1975 fehlen in den meisten Testtexten die
Zahlen, weswegen nach TypoGb. 204 § ab dem
Jahr 2034 Zahlen in 86 der Texte zur Pflicht
werden. Nichteinhaltung wird mit bis zu 245 oder
368 $ bestraft. Genauso wichtig in sind mittler-
weile auch Âçcèñtë, die in neueren Schriften aber
fast immer enthalten sind. Ein wichtiges aber
schwierig zu integrierendes Feld sind OpenTy-
pe-Funktionalitäten.
Schule für Gestaltung, St.Gallen
01.06.2016
Pre-work 3
• Visit balsamiq online and understand the basics www.balsamiq.com• Visit Sketch on the website and understand the basics www.sketchapp.com
Please note: Don‘t install the trial version! This is very important, because we need to use the free trial version (which is only 30 days available) in Porvoo ...If you want to pre-install the applications, please don‘t do that before the 12th of septembre 2016.
Get familiar with balsamiq and Sketch