Major Project 2
week 1 - week 7
Sheryne Axellia Putri / 0367267 / Bachelor of Design (Honours) in Creative Media
Major Project 2
- Illustration
About two weeks before the Major Project 2 module began, I discussed with Ying Ying in our group chat the need to create initial character sketches. We agreed that it would be more consistent if one person handled the final lineart for all characters and all of us can do the coloring together. To divide the workload, Ying Ying was responsible for 18 characters, while I worked on 22 characters.
- Most of the characters I completed were based on initial sketches I had prepared, with further refinements made around Weeks 4–5. The remaining nine characters were completed without preliminary sketches.
Since I was not fully satisfied with how the illustrations turned out in MP1, I took this opportunity to revisit and evaluate my previous work more. Looking back at it, I felt that the style did not fully capture the depth and visual appeal that I wanted to achieve. Because of this, I decided to explore a new direction in terms of illustration style.
While developing this new approach, I made sure that it still aligned with the Cerita Rakyat theme, maintaining its cultural essence and storytelling quality. At the same time, I aimed to improve the overall visual impact by refining elements such as line quality, composition, and character expression. This shift allowed me to push my work further, not only technically but also creatively, as I became more intentional with my design choices.
- Old
- New (Sketch)
After adjusting the facial features and refining the line quality, I suggested to the group that we keep the background lineart simple and thin, while making the characters’ lines thicker with some shadows. This came from an issue I noticed in the earlier illustrations; they didn’t feel special enough to stand out as game cards. So I proposed making the lineart cleaner and neater overall, so the characters can stand out more and the design feels more polished.
- New (Lineart)
This is the first completed line art for the character. It was somewhat challenging to adapt, and I had to be careful with the placement of shadows to ensure they did not overpower the character but instead helped highlight them. Initially, I was concerned that the background might look too plain without stronger shadows, but I have yet to see how it will appear once the colors are applied.
- Timeline
We also delegated our tasks (there are some refinements after week 5-6)
- Logo and Branding
- Old logo
- Illustration
I managed to finish some of the linearts. At first, it was quite challenging to get used to this style since I don’t usually work with clean lineart. I spent some time practicing in my sketchbook first to get more comfortable with it before continuing digitally.
- Logo
For the final changes, we updated the typeface and logo positioning. We switched to a condensed sans-serif to make the brand feel more approachable, and adjusted the 'Gunungan' icon placement for better visual balance.
You can see the difference between my coloring and his adjustments. He also suggested that if a character is holding an item, it should be brighter to act as a focal point. From this point, our initial plan was to divide the coloring work among the four of us. However, I suggested handling the coloring on my own because, based on Mr. Kannan’s feedback, there are many factors to consider when choosing the color palette and establishing the ambience for each character. I felt that it would be more consistent and effective if I managed the coloring individually.
- Merch - Sticker sheet
I suggested to Ying Ying to make the shape of the characters to look like the one I made (left). Because the eye shape is a simpler version of the original art style.
Ying Ying finished coloring the chibi characters, which later on made into a sticker sheet by Lizzie, the position of the characters is supposed to be beside each other, ex: Putri Laiamon with crocodile, Malin Kundang with Darmi. To show the connection between the characters with each other, but because of the paper size, we decided to place the characters like the picture below.
- Card Design
From Mr. Kannan’s feedback, I asked about our card design, and he suggested we look at tarot or magical card references, where the focus is more on the illustration instead of having the frame cover most of it.
- Website
Ying Ying has finished the content for our website. Initially, we discussed whether the website should focus on e-commerce to highlight purchasing our card game. However, I suggested developing it as a static informational website that focuses on the context of cerita rakyat and the folklore stories. This is because the purpose of the website is to act as a digital guide for our regular packaging, where players can scan the QR code from the guidebook to access the website.
- low-fidelity
Ying Ying also made the buttons functional in the wireframe and worked on the layout for the gameplay section and footer. After finalizing the design, we moved to Framer so the website could become a fully functional platform. We used assets from Figma to export the element layers into Framer. However, both Ying Ying and I were unfamiliar with using Framer, which led to several challenges as we adapted to the tool. We faced additional difficulties when trying to make the buttons interactive and ensure the layout was responsive across different screen sizes.
There were some adjustments to the region section, in which each region’s patterns were placed within circular elements to better complement the background colors.
- Illustration
During this period, I continued working on the line art for the illustrations. Although my initial plan was to complete four illustrations per day, I was unable to meet this target consistently. On most days, I could only complete around two to three pieces, as the line art process required significantly more time than expected. This stage demanded a high level of concentration and precision, especially in maintaining clean lines and ensuring the details were accurate.
Compared to coloring, which is more fluid, the line art process was more technically demanding and time-consuming. As a result, my workflow had to be adjusted to maintain quality rather than speed. At the same time, I was also managing responsibilities related to the website development.
- Packaging
- Manual Book
- Manual book
- Merch - keychains
- Merch - bookmark
- Illustration
- Website
In order to make the website adaptable to different devices, Ying Ying and I initially tried to follow a tutorial by using stacks so that the elements could adjust automatically according to screen size. However, since we used assets imported from Figma, the elements were not able to resize or move effectively on their own.
Because of this, I suggested creating different versions of the layout for various screen widths. Ying Ying worked on the tablet version in her own file, as using our shared file caused the original desktop layout to shift unexpectedly for her, while it remained stable on mine. I focused on the phone version, with some help from Ying Ying, particularly for the story section.
We faced many problems during this process. For example, when we viewed the website on our laptops, it appeared different because each of our screens has a different size. Additionally, when we tried to center certain elements, they did not appear properly aligned in “view” mode.
Strangely, the results in Framer sometimes seemed inconsistent from day to day. For example, after fixing the alignment, it would look incorrect on my laptop, but the next day, without making any changes, it would appear fine.
To make the buttons functional in Framer, they need to be created as components with different states, such as hover interactions. Since each component is tied to a specific size for the desktop version, we created separate versions of the buttons for different devices; desktop, tablet, and phone. However, there are still adjustments needed, especially to ensure consistency across different laptop screen sizes.
- Illustration & character cards
On Monday, I finally finished all the coloring and line art for the characters. There were some refinements made along the way, for example, I adjusted certain colors for some characters to ensure they did not look too different from the others. When compiled together, as shown in the image below, each character still maintains its own unique dominant color and ambience.
Lizzie then compiled all of our files to send to the printer, especially for the dieline packaging and the cards.
- Poster
Aisya and I worked on the poster. After finishing the character illustrations, I was finally able to focus on other tasks. The idea of the poster is to promote the gameplay of our card game, as well as highlight the special packaging box designed by Aisya.
For the first draft, we used a real-life table texture and applied it to the background, as shown below.
The second idea was to use our signature yellow color as the main background. I shared this version with my group members, and they preferred this direction as it creates a stronger connection with our social media posts and overall branding. The consistency in color helps make the design feel more cohesive and recognizable across different platforms.
- Website
As I was still concerned about the quality of our website, I created more versions of the desktop layout by calculating different laptop screen widths at 100%, 115%, and 90% zoom levels. I also developed another version for mobile to ensure it appears neutral and adaptable across most phone devices.
This is important because, during exhibitions, people will likely scan the QR code to access our website. Therefore, it is essential for the website to look professional and properly formatted across different devices, ensuring a good user experience regardless of screen size.
Although there are still some issues with the layout on different phones, even though it is supposed to appear consistent, I am unsure whether these technical problems come from Framer itself or from how I implemented it, as this is my first time using the software.
I did test the buttons before the presentation, but during the presentation, one of the buttons did not work. However, after the presentation, I checked again and it was functioning properly. This reflects one of the issues I mentioned earlier, Framer sometimes produces inconsistent results, where layouts and interactions appear differently from one day to another.
- Stamp stickers
- Packaging
Since our original idea for the regular packaging was discarded due to the high cost of a rigid box, we decided to switch to using art card material instead. It was quite challenging to calculate the thickness, as our cards had not been printed yet, and the final thickness could vary depending on the material.
Aisya then revised the dieline for the regular packaging, and Lizzie further refined the back of the packaging by adding more information. The difference between our regular and special packaging is that the regular version is designed as an easy-to-carry travel box, while the special packaging is intended as a gift or collector’s edition. The special version includes additional elements such as a pouch and an hourglass, making it more premium compared to the regular packaging.
The printing shop did not inform us about the different types of rigid box finishes or offer any alternatives. Additionally, there were issues with the printed cards, including duplicates of both narrative and character cards. Specifically, the Buto Ijo card had an error in the illustration, where it included the text “art 10,” which was not from our original file. The narrative cards were also slightly wider than the character cards. Considering the amount we paid, the overall quality and customer service provided were not satisfactory.
- Manual book
- Social media
- The project should be completed by Week 4, with at least two weeks allocated for printing.
- Priority should be given to important and physical deliverables first.
- Digital outputs such as Instagram and the website can be completed in the final two weeks.
- At least two printed copies are required: one for submission and one for exhibition.
- Exhibition materials (such as bunting and floor plan) only need digital mockups.
- Merchandise requirements include five keychains and six sticker designs.
Specific Feedback
Packaging:
- Both packaging concepts (regular and special) were approved.
Manual:
- There are inconsistencies in font thickness that need to be fixed.
- The overall quality is difficult to evaluate at this stage as the branding is not yet finalized.
Logo:
- The proposed direction for improving the logo is acceptable and can be continued.
- The logo should be completed on the same day and finalized by the following week.
- If time becomes a constraint, the current version of the logo is still acceptable.
Illustration:
- The newer illustration style shows improvement, especially in terms of shadows and line thickness.
- Illustrations should be completed as soon as possible, ideally before or by Week 4.
Packaging:
- The packaging concept remains appropriate.
- A list of recommended printing vendors was provided for further exploration.
Manual:
- Test printing using a contact sheet is recommended to evaluate the new proposed size.
- The table of contents, introduction, and gameplay sections are acceptable.
- Page numbers should either be reduced in size or made less prominent in color.
- If the booklet size increases, only increase the body text size by one point.
- Character titles should be reduced by one point.
- Divider designs are good, but should not be overused (especially the folklore frame).
Logo:
- The logo shows improvement when paired with a different font choice.
Illustration:
- The illustrations are becoming slightly flat and overly simplistic.
- It is suggested to experiment with partial coloring (e.g., coloring only the background or character while keeping the rest black and white).
- A more earthy color palette is recommended.
The overall progress is good, and the project is moving in the right direction.
Specific Feedback
Packaging
- The packaging design is approved and ready to proceed.
- Consider adding simple packaging for merchandise, such as using envelopes, to enhance presentation and branding.
Manual
- The manual book is well-developed and ready to proceed without major changes.
Merchandise
- Sticker designs are well-executed and approved.
- The pouch design looks good and fits well with the overall concept.
Illustration
- Continue working on the remaining illustrations to complete the set.
Website & Social Media
- Develop content to introduce your team and explain the purpose behind creating Cerita Rakyat.
- This content should be prepared for both Instagram and the website to strengthen storytelling and audience engagement.
Overall, the project is in a good state.
Specific Feedback
Packaging
- The change from a rigid box to art card material for the regular packaging is approved.
- The regular packaging design is finalized and approved.
Website & Social Media
- The website design looks good and is ready to proceed.
Since this project is our very last final work, I wanted to put all of my effort and time into making it look good in terms of quality for the illustrations. There were times when I felt guilty for not being able to finish the illustrations quickly before Week 3/4. My group members assured me and did their tasks while still managing to be open about their work. As I really wanted the illustrations to be done as soon as possible so I could finish doing other tasks to help them, there were times as well when I tended to be too direct and made decisions too quickly, because I was too scared that we wouldn’t finish on time. However, with further discussion, we made the final decision together.
While working on the project, I was heavily focused on completing the illustrations, which required a significant amount of time and concentration. Because of this, I was not always able to fully support my group members or contribute equally to other parts of the project.
This experience made me realize that my workload affected not only my own progress but also how I collaborated with the team. If I had managed my time more effectively and completed the line art earlier, I would have had more flexibility to assist with other tasks and communicate more actively with my group members. It also showed me that balancing individual responsibilities with group collaboration is essential in ensuring a smoother workflow.















































Comments
Post a Comment