- wordpress.com · beforehand been acquainted with three needed software’s: balsamiq, sketch and...

<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


[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


[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

http://thebestlink.org/

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.


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.


5 steps to reach the goal

1. Research (pre-work)2. Structure3. Concept4. Design5. Presentation


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.


Research

Examples:https://www.freitag.chhttp://www.stories.comhttp://kotelett.info/


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)


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.


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.



ConceptTuesday, September 27, 01.00 pm – 15.00 pm

• Student working groups: Working with wireframes• Finalize wireframes, start with design


DesignTuesday, September 27, 15.00 pm – 16.00 pm

Short Introduction “How to work with sketch”• Designing with sketch


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


DesignWednesday, September 28, 01.00 pm – 15.45 pm

• Design/Artwork Online Shop• Photo/film production


Design & presentationThursday, September 29, 09.00 am – 12.00 am

• Finishing Design/Artwork Online Shop• Preparing presentations


Design & presentationThursday, September 29, 01.00 pm – 04.00 pm

• Preparing presentations• Testing


PresentationFriday, September 30, 08.30 am – 09.30 am

• Preparations for the final presentation


PresentationFriday, September 30, 09.30 am – 11.30 am

• The final presentation

Thanks and good luck!


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


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


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.


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

- wordpress.com · beforehand been acquainted with three needed software’s: balsamiq, sketch and...

Documents