In brief 3, we will be divided into small groups where members of the group are assigned the same poem, and we will work as a whole unit to package and reintegrate everyone’s work.
Online meeting + offline meeting
Division of work among members
We had about six meetings in total, and the specific division of labor among members was determined in offline meetings. The online meetings mainly helped us to assist in communication and to check the progress between members to avoid disconnected content or inconsistency in overall style.
communication process
During the preliminary discussion phase, we decided to promote and integrate our books in a form of online marketing. Since most of us have books that are online and do not have a physical book component, the online website build will be one of the main means of presenting our work. At the same time, we have determined that the media part of our work will be promoted by posting on YouTube and Ins.
We discussed and agreed on a theme idea for the group presentation: Blindspot.
The deeper meaning of colourblind is an act of discriminatory neglect. The neglect of racial equality, the neglect of injustice, the neglect of a range of situations and so on. It’s not that we don’t see it, but we choose not to see it subjectively.
Luna's personal work process
The part I was responsible for was mainly the typography/poster design of the web pages and the visualisation of the main visual effects.
Several changes were made in carrying out this section. Firstly, we wanted to make the main visual design of the page more black and white and grey.
The site was then divided into a logo, a main video, an introduction to the members (which included a personal page jump) and a display of the members’ e-books.
- Layout Design 1
(Before the changes)
Members’ personal profiles
This is the section of the page where I designed the individual profiles of the six panel members, which was not used later on due to stylistic adjustments and the simplification of the overall layout of the site.
Book presentation screen(1)
We initially envisaged that in the members’ e-books section, the effect would be that each member’s work would be applied to different prototypes (including: TV, ipone, ipad, computer, etc.) and then, on entering the site, all the e-books in the frame would play automatically and when you clicked on a person’s content, it would be displayed enlarged.
This part of the presentation has been adjusted due to changes to the mood board and some deletions at a later stage.
Book presentation screen(2)
Another scheme was created in Adobe XD to show the members of the book. This one is much cleaner and, at the same time, is presented with a sliding fade effect.
Main video visual style attempt
The main video content section of the page is not my responsibility, it was just an attempt to style it because of the overall layout and colour palette in mind.
All of us interpreted images for each line or paragraph of the verse, so for the main video section we wanted to be able to stitch together images of different people within the same verse paragraph (for example, a clip depicting a sunset with six people having six different images, stitching the intercepts together) and to collide colour and black and white to create blocks of colour.
- Layout Design 2
(After the changes)
The mood board reference is replaced with the three primary colours of red, yellow and blue, and the presentation of the colour effect is replaced.
After simplification, the website will contain a main video section, a personal e-book section, and a jump to our personal homepage.
Book presentation screen
This video shows the final presentation of each person’s book in the web page.
- Poster Design
I designed a series of six posters mainly using the design books of six people as elements to be extracted and then integrated.
poster 1-3
poster 4-6
The background images for each of the six posters were taken from the six images of our six team members. Each image is covered with a red, yellow and blue diffused light and is also treated with a hairy glass effect so that it appears to have a blurred texture.
On top of this, a frame was used to transmit a small portion of the clarity behind. The idea is to convey the idea that what you see is not necessarily what you get, and not to deliberately blur the outline of things.
The text is in 3D depth and the colours are black and white to create a strong contrast with the background image.
This was a group project and I think the most difficult part of the collaboration was to agree on the ideas and how to present them. There were times when we agreed on a solution that we felt could be implemented, but when it came time to divide up the work and start moving forward, we found that it was impossible to do so, mostly because everyone had their own ideas and their own style based on the original unified view. There were six of us in the group, so it took us a long time to work together and try out a number of different options, and it was only after the presentation that we were able to really unify our style and overall layout.
In any case, I think that every member of the group is indispensable. We all chose our own areas of expertise during the division of labour and did our best to package and improve the whole content. Also, after the other members’ tasks were completed, the member with less tasks would go and help the member with more tasks to complete the progress, which I found invaluable.
Leave a Reply