
Combined with the process of all the production projects of the three team members, and then combined with the background music after editing, produced a new process video.

Combined with the process of all the production projects of the three team members, and then combined with the background music after editing, produced a new process video.


The main way I chose to make killer images was through collage, adding elements from three locations as much as possible, and then adding elements from outdoor scenes at the same time.

Finally, after discussion with my colleagues and Suggestions from my mentor, I added many elements of London and nightlife, as well as opera and my Fair Lady to the background.
The production of portfolio needs to combine the design concept of three sites, the central idea, and GIF, CAD drawings and other elements.



I have the job of making websites. The first GIF I made on the homepage was converted into MP4 format, and the sound of opera was added as the background sound.
There is also a Botton in the middle of the video. Click into Botton to enjoy the full version of the introduction film made by my colleague.

For the historical stories of the three locations, choose the map form on the home page to represent each of the three locations.
Click into the different Botton to go to the history page.

Enter the VR experience page, the homepage is still in the form of a map, enter the VR experience page of the three locations, the first glance of each page can see the GIF I made for the three locations respectively, there is also Botton on the GIF, click into Botton you can see 360° VR, from different angle.

Cad drawings of three locations are presented, and the dimensions of each image are indicated in detail.

As for the report, we have submitted three assignments before the final review. The tutor also gave us a lot of Suggestions for revision in the third time and put forward Suggestions for revision.

Development is the part that has been modified the most, mainly because the purpose is not clear when editing the content, but the effect of re-editing becomes clearer after the requirements and ideas are clearly defined.

The final project has been carried out in the middle part, and the 3D models of the team members have been preliminarily completed. I began to do the CAD drawing work.
Cad drawings of the buildings at the three sites were required from the front, top, and side.

The CAD drawing of Roman Fort also includes a detailed picture of the staircase. I also drew an interactive picture of the staircase light and the human body. When people go to the wall lamp beside the staircase, the light will be lit or turned off according to their position of movement.

Cad drawings of the market are drawn from the front top and the left and right sides from these different angles.
I also drew the details of the feather lamp that my team designed to hang on the top of the corridor.
The detail diagram includes the dimensions and their different color analyses.

As for the CAD drawing of the church garden, not only the top Angle details were drawn, including the pool, flower bed, and trees, but also different materials were added to them, making the top surface look more intuitive and clear.
The details of the other four walls were also drawn from different angles, resulting in a detailed picture of the pavilion in the centre of the church garden.
Field of Work
Discuss the field of work in which your project sits and any relevant precedents
Our project aims to create an atmosphere and create an environment.
The three senses of hearing, sight and touch create an immersive
feeling at the same time, so that the visitor is not in an opera house,
but thinks he is in an opera house from all senses.
In the precedent work, the last project our team made was a bar in the
same way.

Work by others
My project is to make use of scientific and technological materials and
technologies, so that visitors can understand oil paintings through
projection and feel the vividness we want
The atmosphere of the Opera house was inspired by the first immersive
exhibition of Van Gogh’s works, which was also used in this exhibition
Display van Gogh’s paintings with technology to let visitors know more
vivid information about Van Gogh.
I got some inspiration and techniques from this exhibition to combine
them with our own design elements to complete our final project.

For our final project, our goal was to create a theater environment. We chose
three locations in London and the theme of the opera was “MY FAIR LADY”.
Then we added the stage scene of “MY FAIR LADY” in these three locations,
hoping to combine the stage and opera with our own design.
full of challenges.


For one of our locations, the church garden in east London, I wanted to create a sense of illustration with people around drinking tea and talking.
Other aristocrats stood on the stairs enjoying the central stage play.
It’s a relaxed and laid-back atmosphere.
The third location is the famous Leaderhall Market in London.
The theme of this position is waltz, and people dance in the center of the market.、

The first time I made the website, I used the network platform of WIx. When I began to collect materials and design themes, I was at a loss, because everything was very unfamiliar.
What kind of material to collect, and how to collect it, is unknown.
In the first production, I finished a very immature version, which simply produced all the pages and functions we needed, without any aesthetic feeling.
The theme of our project is my Fair Lady. The content to be written is the core content and introduction of this theme.
Secondly, we need to introduce the three locations in London that we have chosen(Leaderhall Market, St Purstan-in-the-East, Roman Fort- London), and tell their historical stories respectively.

After the first tutorial, after discussing with our tutor and group members, we found that the background color of the homepage of the website was darker, which was more close to our theme, because the first design was a light color, which looked too clean and fresh, not in line with the atmosphere of nightlife we wanted to highlight.
Then make a collage on the homepage and make it into A GIF to make the whole homepage look more vivid and vivid.

Different times make people in different times unable to experience the
happiness of different years. I hope that through design and technology,
the classics will last forever.


Whether it’s a bar or an opera house, it’s a place where people want to relax
and have fun after a busy day.
We hope you can use your own design ideas and their own way to break the
usual style of bars and the opera house, now people do not have experienced
old (Victorian), to the way people listen to opera in bars and at the same time,
the old man has not seen the environment of modern people, but their
happiness is the same.
In this project, our “Journey through time” brings together two different
generations in the same space.