Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Migrated to Confluence 5.3

Group 5: Design Studio

Group of five people, working as a design agency for other student groups.

Ida Mäkelä / 0408455407 / ida.makela@metropolia.fi

Hongyi Hu / 0449123976 / hongyi.hu@metropolia.fi

Qingyun Liu / 0449123478 / qingyun.liu@metropolia.fi

Zhengye Zhang / 0449209039 / 549551439@qq.com

(new member: transfer student from Spain, no info)

Elena Escarpenter / 0449123975 / elena.escarpenter@gmail.com

 

Articles to read will be sent to us by teachers via email or in hidden Facebook group DIVI 2012. The links for articles are also here in the bottom of the page. Anything concerning us will be written in English in the Facebook group. 

26.3.: For next Thursday 28.8.: read the articles, start on logo designs. Think who does what; do you all like logo design? Who would like to do star signs?

26.3.: I think everyone should make some kinda draft for all clients, and they can pick what ideas they like best. The student whose work gets picked will work it further, while receiving support from rest of our studio group. Workload will be split evenly among the group regardless of clients' picks.

26.3.: Esports client emailed and expressed curiosity in our previous design works. If you have something to show, please show them in the next Esports meeting.

Team Calendars
defaultViewtimeline
showLegendnone
idaff1098a-2fdc-41c4-9a45-f9529a7f8a36
height250px

 

500px

 

Learning Journal 01
This is the first week for the project course. Since I am in the group Design Studio and other groups have not decided the accurate assignments for us yet, we have sufficient time to read the texts recommended by the teacher.
After reading these articles, I recognize that there are so many differences between print design and web site’s design.
 I aware that when we are doing the print design, there are many choices of the size, materials, color, image, text of the products for designer to choose. On the contrary, when we are working on the web site’s design, actually, there are not as many choices for designers as those of print design. This limitation and difference would be more challengeable for me because I used to do print design. Besides, those ideas of how to design web sites are quite different from the ways I am accustomed to. In print design, the dominant part might be one image, text, photo or illustration, however, during the web site, all those “pictures” are supposed to highlight and explain the text from which target customers are looking for the information they need. In that case, “words” seems to be more essential than “pictures”. So how to deal with the layout between texts and images appropriately is another urgent challenge for me.
 These are the questions I am thinking about this week. And during the following weeks, I hope I can learn more about the web site’s design.
 Qingyun Liu
24/03/2013
 
Learning journal 02
 At the beginning of this week, we still read some articles about the web site design. Compared with last time, this week's articles are more professional about the layout of the web site's design.
 Then we have been starting to work on the first drafts for each groups. According to the communication with every group, we know the companies for which those groups are working deeper and deeper. It is quite important for us when we try to design the logos, images and web sites' backgrounds for them.
 Besides, during the communications, those groups showed us a lot examples about the basic ideas about how they want us to work on the assignments. I think this is nice because we have more specific aims to design and it is also saving us a lot of time.
 Qingyun Liu
31/03/2013
 
Learning Journal 03
 This is the third week of the course -learning project. I really want to say that at first I was quite worried about whether I can follow the steps of other students and teachers , but till now, everything is going really well. I am already accustomed to the Design Studio group work and much more confident when I communicated with the memberships of other groups.
 Besides the team working part, comparing with the very beginning , now I have known more about the real web sites' design instead of the pure concepts from the articles.
 We talked about the drafts of the logos ,icons and APPs with the Riuku group and we also showed the first drafts about the layouts of the HBV's web site . After talking with the group members of HBV for a while , now we are trying to finish the layout drafts further of the HBV group because they need to meet their clients next Tuesday . Everything seems to be really urgent , but I really like the period of this kind of practice. It teaches me what a real designer need to do and think of during one designing work.
 Qingyun Liu
07/04/2013
 
Learning Journal 04
 After finishing the web site layout for HBV , this week I am focusing on the graphic design of head picture and profile for the group Kivistö SoMe strategy . Unlike other groups , this group did not give us many limitations except the colors .
 Besides , I have been reading the articles about the "Responsive Design". The three articles I have chosen respectively are " Responsive Web Design: What It Is and How To Use It" , " Responsive Web Design Techniques, Tools and Design Strategies" and " Progressive And Responsive Navigation". These articles make me realize that those daily designs , like the layouts for iPad , mobile phones or the computers, which I used to take them for granted , do not seem to be that easy and random. They come from strategic and elaborate mind. And I also get some basic ideas that "responsive designs" need to be flexible to accord with those successively  new coming up devices. In that case , for the sake of saving and attracting as many as customers , as designers we need to learn how to add the compatibility into our designs to face the challenges coming from those additional inventions.
 However,about the second article , It mentions many new tools and methods for responsively designing , which I never heard before . Therefore I feel confused about how exactly are these techniques supposed to be used ?  I think I am supposed to read more carefully about the details to figure out my problems.
 Till now , I am still working on the work for Kivistö SoMe strategy . Hopefully I can figure out all the details I am not sure about in the following courses.
 Qingyun Liu
14/04/2013
 
Learning journal 05
 On this Tuesday , we showed our works for the Kivistö group , and they are quite satisfied with what we have done for them.  Since I have not so many assignments to do temporarily,  I decide to work further on reading those articles about "responsive design".
 After talking with the teacher about my confusion of "what exactly is responsive design?" and she was really nice to explain that for me , I am much cleaner about the idea. This explanation is really helpful for me to understand those problems I was confused before while I was reading them again. And I treat "learning responsive design" more seriously because this is a really important field for me to handle if I want to be a graphic designer in the future.
 Qingyun Liu
 21/04/2013
 
Learning journal 06
 About this week, firstly, I changed a bit about the head pictures I have done for  Kivisto group. Then I started to do the work about my own profile website.
 Qingyun Liu
28/04/2013
 
Learning journal 07
 After getting knowing the time table about the presentation day, we know clearly what we need to do next.
 I  sent my favorite work which I did during the course to our design group manager for the presentation.
 Keep working on my own website.
Qingyun Liu
05/05/2013


 Learning journal 08
 This is the last week but two for the learning project 2course.
Keep working on the personal website.
 Qingyun Liu
 12/05/2013

My personal website: http://qingyunliu.businesscatalyst.com/index.html

 

Working dairy-Hongyi Hu

 

Week 1(3.19-3.24)

In this course, we will do the projects with Finnish students. Everything is new for me.

Because of the first week, we haven’t got any jobs.But most of us never contacted web design, we need to learn more things by ourselves, including how to make the website layout.Such a new experience!Although we have no idea about the jobs, it sounds very interesting!

Today,design studio was set up!

 

Week 2(3.26-3.31)

In the beginning of this course,there are not many jobs for design studio.So I read the articles about web design,and learn some new things.

There’re many differences between print design and digital media design. Web design is very subjective. It’s very hard to control all the things in the website.Because customers always have different opinions. The perfect web design is not exist. Designers need to pay more attention to how to show the information on the website and to make the message be attractive. This means just attractive screen is not enough. On the other hand, customers always read the information very quickly, so the guide should be simple enough. Designers must understand customers and plans for this company very much, for they need to have the ability to summarize the content , reflecting the whole concept of the business. And make it be easier and clearer to support for different kind of customers, such as disabled, international visitors and so on. 

And another three points we need to notice are:

The guide should be simple enough,fitting for different kinds of customers.

The picture should be small,generally 10K below.Or it may be very slow when you open the web page.

The font should be clear,and we need to pay attention to the reading space as well.

 

Week 3(4.2-4.7)

Last week, we met all seven groups and some of then gave us some ideas about the works. What thing or what style they like. This week we need to finish the icon and logo design for RIUKU. They prefer to use birch in the design(shape or colour).

And we start to make first draft of the layout for HBV. They show us some moodboard from the client. And they want us to change our first draft in this week, it is quite hurry, for they will show their works to the client next week. 

For finishing this job better, I read an article about layout. Before that, I only knew the Chinese name of every part. But now, this job become easier to me.

 

Week 4(4.9-4.14)

The group manager suggests that we can divide into two groups, one is for EU and the other one is for Kivistö SoMe strategy. So that we can concentrate on one job, and save time. I choose EU as my job. Working for EU with business card and post card. I like this job,because I can control the print design better.

I choose three articles to read,‘Design Process In The Responsive Age’,‘Responsive Web Design: What It Is and How To Use It’,‘Responsive Web Design Techniques, Tools and Design Strategies’.I find it is quite difficult to make a good website, we need to think more about the size of the page, for pad, phone or computer. How it looks like in every device. Web design looks very simple, but it isn’t. There’re quite many complex steps in the process that we never considered before. The last article tell us some methods and tools to make responsive design. It refers to some codes, it’s quite difficult.

 

Week 5(4.16-4.21)

This week we show our works to EU group, and we discuss about how to revise the work next. My idea is from the web page of Eurooppatiedotus, I choose some main elements from the website, and then, redesign the postcard and business card. They quite like my design, and they tell me they will show it to the client next week. 

Because I will be free in next week, teacher wants me to help EU group about other jobs. So,I try to design the background picture and head image for the social media. 

 

Week 6(4.23-4.28)

This week I have a good news from EU group. The client likes my postcard design. And they will probably print it. I’m so glad that someone is satisfied with my design, and my design will stay in Finland after I leave here.

I change some small part of the postcard to meet client’s requirements. I make a new series of social media icons to them as well.

 

Week 7(4.30-5.5)

I give some ideas to EU group about the background picture. Everything looks fine now. I only make some small changes on the postcard. After that, I start to think about my personal portfolio. I sort my works to prepare for the final presentation.

 

Week 8(5.7-5.12)

This Tuesday, I ask EU group how about their works now. They show me all the works with explanation very carefully. They are very nice and respect my design. They always give me feedback after the meeting with client. It’s quite good. 

I send the work which I like best to the group manager of the final presentation. 

Continuing to make the personal portfolio.

This is my personal portfolio: http://hongyih.wordpress.com/

 

Panel
bgColor#E2E1CC
borderStylenone
Final project for Design Studio

Your task is to create and implement a digital portfolio, which contains all your works from your time in Metropolia (eg. layouts, package designs etc)

You will design the layout and content and publish it online

You can use e.g. wordpress or other online tool for designing and publishing your work.


Panel
bgColor#E2E1CC
borderStylenone
Client 1: Riuku (Class IV)
Logo + icon for mobile devices + map pointers

Contact:ansmuh@gmail.com jjoel.bergstrom@gmail.com majkuittinen@gmail.com    riukuapp@gmail.com

Riuku mobile application for public toilet search: logo and icon for mobile devices and pointers for google Google maps. The client has pretty clear idea on what style they want. Simple and graphic, bold, nature like. Think about birch trees. Black and white, light colors. Maybe the color of birch wood.

https://docs.google.com/presentation/d/106eCZP-MmXXix2C6V1LR1Xziou4GFlOXf4qr_1O-m1g/edit

16th of april is final deadline, 1st draft to be done 4th. Postponed to 11.4.

Project over!

Panel
bgColor#CCE2CD
borderStylenone
Client 2: Ufoscope (Class IV)
Icons for star signs + logo + background image

Contact: tatu.kallonen@metropolia.fi hanneek@gmail.com

Ufoscope: altered horoscopes in "alien" language. Language produced by translating text back and forth with Google translate. They asked for icons for the star signs, logo, and background images. They don't really need designs that much, they have it pretty much down, but let's make them some new ideas or suggestions how to improve the current design.

NEW 23.4.: Make up some ideas and/or sketches mainly for horoscope buttons, color designs and graphical elements are welcome too. Deadline 30.4., but mail them to hanneek@gmail.com if you finish earlier. On tuesday 30.4. we'll see them in meeting classroom.

Image Added

https://docs.google.com/document/d/1KJw4ui7N3ht_t1K1p_mk88lp97VqnKpUOKxHvlesoiI/edit

 

Panel
bgColor#CCD0E2#CCD6E2
borderStylenone
Client 3: Esports Events (Class IV)
Logo + color scheme + color usage on website (+ slogan)

Contact: juha.t.lehtonen.91@gmail.com

Esports Events. A tool for tracking online game tournaments players and users organizers. The site is set to be used with both personal computers and mobiles. 1st type: people interested in the scene. 2nd type: the player who is playing in the competitions and wishing to promote and inform about their clan. 3rd type is the organizers of the events. They need a corporate identity: logo, color scheme, how to use the color scheme on a website. Website itself is their work. Probably a new slogan? The page is a lot like Twitter.

1st draft done on 4th. Postponed to 11.4. The group wishes to be in contact frequently and have multiple drafts. Their schedule is very flexible, and don't mind having the designs very late. They will mail a Google document later on. The group is present on same days we have lessons, we can go over and meet are visiting them in their class at least once a week to show progress.

https://docs.google.com/document/d/1X6yCQqskAo0RKyz5p_CMEMkNHfa-bO1tATZR8LGGdZg/edit?pli=1

Panel
bgColor#CCCEE2
borderStylenone
Client 4 : EU (Class II)

9th of april first meeting
They want a postcard/flyer and a business card.
Done 16th of april, final 23rd of april

Something fresh, but remember it's a formal.
Free hands to try out different and new things.
Three different versions.
Our client is making a coherent look for all social media websites for Europe Information. Flyer and business card are extra.

Image Added

Image Added

https://docs.google.com/document/d/1Bwxq-vI_HRmK99Uv1mieLTJzvVXcEHG8n1N-DyiJJXg/edit

Panel
bgColor#E2CCDF
borderStylenone
Client 5: Kivistö SoMe strategy (Class II)

Pictures and usage of color for social media websites; facebook, twitter etc. Header image and background. Client has ready color palettes, will be shared via email. Pick some of the colors provided. Theme is precious stones, since the streets in the area are named after them.

 

 

 

 

 

Not too official, they need inspiring and open. Neutral but not boring. No rainbows. Vivid, fresh, inspiring. Not attached to the city look.

If there will be a logo, the text is "Kivistönportti".

The website will not be built, the images are an example.

First draft 11th. Postponed to 16.4.

Contact: urte.kiaupa@gmail.com

PDF
nameKivistön markkinointivärit.pdf

Panel
bgColor#CCE2E0
borderStylenone
Client 6: Hietsu Beach Volley (Class II)

Contact: christian.anttonen@gmail.com, susannelipasti1@gmail.com


Three layout designs and a logo. Elements to use on the site, like a picture of a volleyball etc.
Logo should contain "HBV". Summery themes. Check the moodboard.

Use Google Fonts. Use filler photos, the client will receive photos later. No small fonts.

The logo reads "HBV", or "HBV Hietsu Beach Volley" where Hietsu Beach Volley reads under the HBV. The client wishes for both versions.

Gliffy Diagram
nameHBV

 

The layout desings must be delivered as soon as possible for Christian (christian.anttonen@gmail.com) to edit. Please use wire frame model provided here. The email sent had two different types, front page and sub page models. We only do a front page.

First drafts on 4.4., Second drafts deadline 8.4. at 12:00 by email. They have a client meeting on 9.4. at 09:00.

Image Added Image AddedImage Added Image Added

https://docs.google.com/folder/d/0BzLRA8K8tz4weXJvcDRkSldKb00/edit

Project over! Tuesday 23.4. we'll meet them shortly, HBV will be showing us their final design made using different elements.