Art Direction | Project 2 & Final Project : Project Management & Art Guide
25.11.2025 - 22.12.2025 Week 10 - Week 14
Based on feedback received from my teammate and Mr. Kamal, I go with the top images and red background for the final look.
Other than app part, the rest of the design were done by my teammates.
Tracy Angeline Tio / 0362222 / Bachelor of Design ( Honors ) in Creative Media
Art Direction / Taylor's University
PROJECT 2 & FINAL PROJECT : PROJECT MANAGEMENT & ART GUIDE
TABLE OF CONTENTS
LECTURES & ACTIVITIES
WEEK 10
This week we have a presentation for project 1 proposal. We presented what we have works so far to Mr. Kamal in class. He said our works is well done only need to revised the target audience into specific people.
 |
| Fig 1.1 Week 10 Presentation Documentation Week 10 25/11/2025 |
WEEK 11
This week we continue the class as usual. Our agenda for today is consultation for the final project : Art Guide. Mr. Kamal provide us an useful feedback regarding on our guide design and poster design.
 |
| Fig 1.2 Week 11 Class Documentation Week 11 02/12/2025 |
WEEK 12
This time our class were conducted online and we have consultation at 3pm. Overall Mr. Kamal provide a good feedback and told us to continue it until finished.
 |
| Fig 1.3 Week 12 Documentation Week 12 09/12/2025 |
WEEK 13
This week is our last class meeting. Our class were conducted online and we do showed our progress to Mr. Kamal as usual.
 |
| Fig 1.4 Week 13 Documentation Week 13 16/12/2025 |
WEEK 14
No class. Holiday Season.
INSTRUCTIONS
MIB BOOKLET :
MODULE INFORMATION BRIEFING SLIDES :
PROJECT 2 & FINAL PROJECT
Project Management & Art Guide
The Instructions and Requirement of the Task can be seen on this link below. (Click HERE for task instruction).
 |
| Fig 3.1 Final Project Brief Week 10 25/11/2025 |
---
Re : Lens App Progression
For the final project, I mainly continue developing Re:Lens prototype from project 1 until finished. I divided the page to maintain my workload keep steady.
Splash Screen and On Boarding
I browsed several images from pinterest and glasses websites to find photo that match with our vibe. For the splash screen, I did test with images and edit the lighting or in 1 color only.
 |
| Fig 3.2 Splash Screen and On Boarding Progress Week 10 25/11/2025 |
 |
| Fig 3.3 Final Splash & On Boarding Week 10 25/11/2025 |
Welcome and Sign Up
For this page, it have option to log in and sign up. For our scenario, we pretend it to be a new user testing on re lens app. I made 2 option for sign up page and for the final we go with 2nd page since it feels more efficient.
 |
| Fig 3.4 Welcome and Sign Up Week 10 25/11/2025 |
Home Page
The home page contains of user profile, cart button, search field, category, ads and top glasses recommendation. Overall, The home page is designed with a user-centric layout, featuring a personalized profile greeting and a prominent search field for quick navigation.
I did some exploration for categories image and navigation bar to ensure the UI and UX aspect works. To increase the UI, I introduce page gradient as well.
 |
| Fig 3.5 Home Page Progress Week 11 02/12/2025 |
Instruction and Face Analysis
This page guides users through selecting their eyewear preferences and style. It features an AI-driven face analysis tool that scans facial structures to recommend the most flattering frame shapes, ensuring a personalized shopping experience from the start.
 |
| Fig 3.6 Preferences & Instruction Before Face Scan Week 11 02/12/2025 |
 |
| Fig 3.7 Face Scan Pages + Component Week 11 02/12/2025 |
Glasses Recommendation Page and Details
To help users choose the right frames, the recommendation screen displays a curated list of glasses tailored to their style. Once a product is selected, the "About" and "Details" pages offer a deep dive into the specs—including a measurement chart, technical details like frame material, and real customer reviews. I also added a "Try on AR" button so users can see exactly how the glasses look on their face before buying.
 |
| Fig 3.8 Glasses Recommendation & Details Page Week 12 09/12/2025 |
AR Try On
During the design process, I experimented with different layouts for the AR Try-On feature to find the best way to showcase the frames.
 |
| Fig 3.9 AR Try On Exploration Week 12 09/12/2025 |
For the final design, it's better to make the color choices on the up part so the bottom layout doesn't feel too crowded.
 |
| Fig 3.10 2nd Attempt Preview Week 12 09/12/2025 |
At this point, I realized that the app still lacks some emotion and personalized features. Instead it looks like a normal app. To make it more personalized and emotion bounded, I introduced features on the right side.
 |
| Fig 3.11 App Personalization Week 13 16/12/2025 |
Purchase Glasses
User can press add to cart button and it will make the glasses go to cart page where you can preview your glasses information and button to checkout. In the checkout page, I implement voucher and promotion system to increase the experiences.
 |
| Fig 3.12 Purchase Glasses Section Week 13 16/12/2025 |
Favourite & Profile Page
After the main flow is done, I continue with additional page to make Re:Lens app more comprehensive. The profile page contains of user profile, 3 main features which is order, wallet, notification, along with preferences and setting. For the favourites page, it will show the glasses we liked and what we view on recently. The saved look will show our photo with the glasses we took on Try On AR.
 |
| Fig 3.13 Favourite and Profile Page Week 13 16/12/2025 |
Prototyping
The last stages for the progress is prototype, where I connect all the scenes and adding up some animation to increase the interfaces.
 |
| Fig 3.14 Prototypes Week 14 19/12/2025 |
Art Guide Progression
Moving on to the Art Guide design, I have found references through behance before which give me motivation to try on designing the guide. Below are the progress.
 |
| Fig 3.15 Art Guide Progression Week 14 20/12/2025 |
Based on the feedback received from my teammates, I realize that some design for the logo background is inconsistent and they said its better without logo to make the guide more clear.
 |
| Fig 3.16 New Revision Week 14 24/12/2025 |
Project Management Document
Along with the guide, I do works on project management document for group and individual.
 |
| Fig 3.17 PMD Progress Week 14 21/12/2025 |
FINAL OUTCOME PROJECT 2 & FINAL PROJECT : PROJECT MANAGEMENT & ART GUIDE
GANTT CHART
Gantt Chart : Spreadsheet Link
 |
| Fig 3.18 Gantt Chart Preview Week 14 22/12/2025 |
PROJECT 2 PROJECT MANAGEMENT DOCUMENT FINAL REPORT
Project 2 Project Management Document (Individual) : HERE
Fig 3.19 Project Management Document | Group Week 14 22/12/2025
Project 2 Project Management Document (Group) : HERE
Fig 3.20 Project Management Document | Individual Week 14 22/12/2025
FINAL PROJECT ART GUIDE
Art Guide Link : HERE
Fig 3.21 Art Guide Preview Week 14 24/12/2025
Figma Working File Preview : HERE
Fig 3.22 Working File Week 14 24/12/2025
Test Prototype File : HERE
Fig 3.23 Figma Test App Prototype (Press R to Restart Prototype) Week 14 24/12/2025
Final Presentation Video : HERE
Fig 3.24 Final Presentation Video Week 15 29/12/2025
FEEDBACK
Week 10
- The overall presentation is great. What could be improved for the final project is the target audiences part. Mr. Kamal suggested to focused on deeper target like a glasses enthusiast. Not just only student and worker.
Week 11
- The current red color used in the guideline should be revised as it is not visually appealing and was noted as uncomfortable to view. Consider assigning different colors to each section to improve differentiation and readability.
- Typography should be updated to Momo Trust Sans, as the current font decreases legibility.
- Ensure the overall layout includes proper margins and adequate spacing to avoid overly plain compositions.
- Review the design elements to make sure printed outputs remain clear and readable.
- Some slides are visually too plain; adding supporting graphics or decorative elements is recommended.
Week 12
- The art guide style and design looks better after refinement. Continue to finish the Guide before the deadline by adding up some content.Week 13
- Continue to finish the Guide before the deadline by adding up some content. For application, Include profile pictures for the user, Add button to select picture or rotate camera for the face scan. For future improvement, make the app personalized like it will show user face shape or glasses recommendation, so users don’t need to scan their face twice.
Week 14
- No feedback given.
REFLECTIONS
Working on Re: Lens project is a good experience in design thinking, teamwork and exploration. Throughout the process, I worked on several works starting from searching the references and designing a low fidelity prototype. More than that, I also work on organizing stuff like Gantt Chart and Project Management Document which I really enjoyed because I like organizing things and writing. In this Project, most things went well, especially all of us who did the work on time. The challenges I faced on this group project is misunderstanding of the task. We would like to improve our communication in the future as a solution to this.
Overall, I learned a lot especially when developing multiple pages of app interfaces. When I reached the final phases, I felt relieved and satisfied with the results. Thanks to Mr. Kamal who provided good feedback and all my team members that worked really hard and well!
Comments
Post a Comment