Biography Page
Showcases detailed information about Alexander Thomson's life, career, and contributions to architecture in Glasgow.
About Us
Ng Zi Hao (2717965N)
Chan Xue Li (2717950C)
Tay Yi Lin (2717967T)
Chrystal Lim Jing Yee (2717947L)
Peh Yuen Yenn Shermaine (2717904P)
Wong Jing Yong Shawn (2717879W)
We are a diverse and dedicated team brought together by a shared passion for architecture and cultural preservation. With a collective drive to illuminate Alexander Thomson's architectural legacy through an innovative online platform, we combine our skills and perspectives to create a engaging and immersive experience for enthusiasts, historians, and learners. As we embark on this journey, we strive to seamlessly incorporate technology and historical appreciation to showcase Alexander Thomson's remarkable works to the world.
Problem Statement
Alexander Thomson, one of Glasgow’s greatest Victorian
architects was
born in 1871. Throughout his
years, he has built many houses and did lectures which made him one of Glasgow’s
foremost
well-respected architects.
Thomson has developed his own personal Graeco-Egyptian style with
inspiration from architect and theorist, Owen Jones, who published “Grammar of
Ornament”.
Some of
Thomson’s designs were included for commercial warehouses, blocks of tenements, terraces
of
houses,
suburban villas, and churches.
Because of his architectural style, he was given the nickname,
Alexander “Greek” Thomson. Despite his reputation, his works were little appreciated
outside
Glasgow
and in the 1950s, some of the buildings he built were torn down to rebuild new ones.
In 1991, the
Alexander Thomson Society was created by a British historian, Dr Gavin Stamp, to
preserve
Thomson’s
works.
Alexander Thomson’s works are still not as well-known to the
public
despite him being one of the most
well-respected architects.
The Mitchell Library currently holds some special materials that includes
some of Thomson’s original drawings within the collection. These drawings were
professionally
photographed and converted into prints and digital formats (JPEG).
The team is
tasked to
find a way
to showcase these valuable resources to the public, in particular to the public who are
interested
in architecture, and make Thomson’s works more well-known to them.
Exploration
Today was the last day of lessons. It is almost unbelievable that we have completed
this design and innovation project module in the last 3 weeks.
While it may seem that not much was accomplished, we delved into essential topics
such as “ethics on product design”, "why we engineer" and "why design is not
enough."
The complete design journey we experienced has left a profound
impact, and
I believe the insights gained from these lectures will be relevant and influential
in shaping our future lives and careers.
Team 4a expresses heartfelt gratitude for your invaluable presence throughout this
incredible journey, skillfully guiding us through every phase of the project. Your
unwavering support and expertise have been instrumental in our success, and we
cannot thank you enough for being an integral part of our team.
Our experience throughout these 3 weeks was a positive one, we worked together
harmoniously and most importantly, we really enjoyed ourselves during this 3 weeks
course. Once again, we would like to thank you for your support and guidance
throughout the course.
Last Reflection:
We attended our final lessons of our Design and Innovation Project module. Time
really flies and it is hard to believe that we have completed this 3 week summer
program.
It has been a rather fruitful and enriching journey and the team
has learnt
a lot during these 3 weeks. We really enjoyed ourselves in the process as well and
we seek to use the skills we picked up for our future endeavours.
The team attended the exhibition today and showcased our work, not only to the
clients but our schoolmates as well. Most of our schoolmates were curious about our
project and the many features within our website, particularly the AR feature.
The
team then shared the purpose and how it works. Even though there were some hiccups
(Image couldn’t appear due to reflections) with the AR feature, overall, most phones
were able to view the drawings and description in the AR view. Other features were
also shared and shown and gained many positive feedbacks as well.
Our client came to our booth within the first 15 minutes of the exhibition,
displaying many interests and the team showed the changes and improvements the team
have made ever since the last client meeting.
Similarly, we received
positive
feedback about how well the website was done and they were impressed.
In addition to the feedback we received from our client, they also expressed that
they hope to be able to link the gallery website to their own website as
well.
All in all, the exhibition went well and we are proud to say that the project is a
success and is well received by the client and our peers.
As our exhibition for our project is tomorrow, the team is focused on finalizing the
website to showcase to the school tomorrow.
Some of the adjustments made to
the
website include the design and the content. During this period, the team is finding
design and content errors within the website and raising an issue to fix it
immediately.
Apart from this, the team also conducted usability testing with other users that is
not from our team.
The users will be exploring the website as per any normal
user
would, and will answer a series of questions, where they will be given a scale to
vote which suits the question best.
Here are the questions & results that we have obtained from 30 users:0
From these graphs, while there is a small minority of users with negative responses,
the results are mostly positive.
This puts the team at ease that the website
is
generally favourable to users and that they know how to navigate around the features
it has.
Lastly, the team will start on planning what is to be done for the exhibition
tomorrow and prepare ourselves with any questions that might come our way.
Today was a productive day as we focused on perfecting our poster and sought
valuable input to ensure its effectiveness in conveying our work to the audience.
It
was enlightening to consult with others, as their perspectives offered fresh
insights, enabling us to fine-tune the poster's message.
As the deadline inches closer, our attention has shifted to enhancing the website.
We invested considerable effort into improving both its aesthetics and
functionality, aiming to deliver a product that meets high standards.
The team's
dedication was evident as we diligently combed through the website, leaving no room
for any bugs or glitches.
However, a significant challenge we encountered was the loading speed of the site,
mainly due to the large number of images stored.This issue left us
pondering over
potential solutions to ensure a seamless user experience while maintaining the
visual richness of the site.
We received valuable feedback for our poster presentation, and we are eager to
collaborate and make improvements together. We are pleased to hear that the
top
portion of our poster, including the header, problem statement, and solution, was
well-received.
However, we recognize the need for refinement in the middle section. The reviewer
suggested using larger images with headers for each image and adding a collection
info page to showcase the Google Map and AR features.
We all agree that keeping the image descriptions concise with a single line of text
for each feature is a great idea, as it will allow us to focus on visually conveying
our project during the booth presentation.
We are glad that the bottom portion, featuring logos and QR codes, was positively
noted. Moving forward, we are excited to work together and take advantage of the
professor's availability for a second-round consultation tomorrow morning.
With just a few days left before the final submission, the pressure is mounting. We
are determined to push through and deliver the project to the best of our abilities,
meeting the high expectations we set for ourselves and those of our client.
Our collective motivation and commitment to excellence keep us going, and we remain
hopeful that our hard work will yield a result that not only meets but exceeds our
client's expectations.
The project is coming to an end in a few days. However, the project still has some
content to be filled in, and bugs to be fixed. Alongside the development related
issues, the team has started on the design of the poster.
The team idea of the poster is to make it look sleek yet informative at the same
time. Some research was done and discussion was held to finalise on the design of
the poster.
After which, the content meant for the poster was then discussed. Our
team end goal for the poster is for it to look minimalist yet contains enough
information for viewers.
On the part of the development phase, our team has continued adding drawings by
Alexander Thomson into our “Collections” page.
This is a harder task as we had to
feed information regarding the poster into the page.
Research has to be done
and
ensured that we are displaying the correct information.
The team is working on refining the poster and determining whether the content is
sufficient within the poster, as well as working on the static website with each
member checking the contents of the website and providing feedback.
The team
continued working on the website to polish the completed features.
Previously, the “Download Route” button in the “Virtual Tour” section of the website
allowed users to download a GPX file. However, after some internal tests
within the
team, we found out that the users might not know what they can do with the GPX
file.
Hence, in the updated website, we added a tutorial for them to follow.
The
tutorial
teaches the user to import the GPX file into Google Maps, which the user can then
use to view it on PC or on their mobile phones.
We also realized that it
might be
better for the user to choose between downloading the route as an image or as the
GPX file. Thus, we implemented the radio buttons for the user to choose
between the
2 options.
Below shows the updated “Virtual Tour” page of the website.
Now that we are in the final stretch, we are mainly focusing on the submissions for the week, refining our poster, updating our static website, and preparing for the exhibition on Thursday.
Today, our team engaged in an insightful Exercise on Folding Instruction, which
provided us with a wonderful opportunity to reflect on how we can enhance our
instructional materials and the importance of a clear instruction.
Throughout the
session, we delved into the principles of usability testing and discovered valuable
insights that can lead us to create more user-friendly products.
The key takeaway was the significance of Clear Preparation. We learned the importance
of having a well-defined plan and understanding the objectives and scope of
usability testing.
By being clear about what we aim to achieve, we can
ensure that
our testing efforts yield meaningful and relevant results.
Another crucial aspect we explored was the idea of Moderation by Others. It was a
valuable reminder that conducting usability testing by someone other than ourselves
is vital.
This approach helps eliminate biases and ensures impartial
evaluations,
leading to more accurate observations.
This way, we can gain a fresh
perspective on
the user experience and identify areas for improvement that we might have overlooked
otherwise.
The lesson also emphasized the significance of Comprehensive Analysis. We were made
aware of how crucial it is to pay close attention to the analysis phase of usability
testing.
The data and insights we gather during testing can reveal more
significant
findings than what we might initially expect.
Being attentive to the
analysis stage
allows us to uncover valuable opportunities for refining our prototype and making it
more user-friendly.
As the session came to a close, we were tasked with an exercise to create our own
test for our prototype, applying the principles we learned today.
This
hands-on
experience was incredibly valuable, as it allowed us to put theory into practice and
discover firsthand the effectiveness of a structured and well-planned usability
testing approach.
Overall, the exercise and the insights gained today have left us feeling more
equipped and confident in our ability to create products that truly meet the needs
of our users.
By incorporating clear preparation, involving moderation by
others,
and conducting comprehensive analysis, we are well on our way to developing a more
user-centric and successful end product.
Today, our development team made significant progress on refining the features for
our project. We successfully implemented the Social Media scraping sections,
allowing users to view the latest mentions related to their names on popular
platforms like Twitter, Instagram, and Facebook.
Additionally, we have been actively
working on the Virtual tour section, and we expect it to be completed either by the
end of this weekend or even as soon as today. The platform hosting is also underway,
with a focus on GitHub Pages.
We're delighted to share that the Sharing and
Commenting functionalities for posts are now up and running smoothly. Looking ahead,
we plan to concentrate on further enhancing the features and optimizing the storage
of collection images.
It has been a productive day, and we are excited about the
continuous refinement and improvement of our project.
The team continued with updating of the static website and the development of the
website with the additional features as discussed yesterday with the
clients.
Web scraping was a feature mentioned in the discussion yesterday, which allows the
website to have a more lively feel.
The development team has performed web scraping from three different social media
sites:
1. Facebook
2. Instagram
3. Twitter
Here is the current progress of this feature:
The development team has successfully implemented web scraping from the three
mentioned social media sites, and the system is now collecting and storing posts
with
the hashtag #AlexanderThomson.
These posts will now appear under a new tab labeled 'Social Media.'
Each photo is clickable, allowing users to view more information and redirecting
them to the original post on the respective sites.
The team also worked on solidifying the user stories. The scenarios are to
understand the user’s thoughts and actions and what they stand
to gain from the interaction.
We have 2 different scenarios: A user browsing
the
Alexander Thomson website and a user walking past a building
designed by Alexander Thomson.
For both scenarios, the aim is to pique the curiosity of users to learn more about
Alexander Thomson and his works.
The team visited The Mitchell Library and presented our prototype to the clients.
During the meeting, we showcased the progress made so far, and the clients expressed
their satisfaction, mentioning that we are on the right track.
They particularly liked the features we have incorporated.
Our primary goal is to develop the website according to the clients' preferences, so
we actively sought their input on additional features and improvements.
After several discussions with the clients, we concluded that the following features
would be added:
1. Virtual Tour: This feature aims to provide users with a guided tour of the
buildings designed by Alexander Thomson. The purpose is to simplify the journey for
users, eliminating the need for extensive planning.
2. Thought (Comment) Section: This proposed feature allows users to share
their ideas or thoughts on each specific image. By incorporating this functionality,
we encourage the community to engage, share ideas, and foster connections among
users.
3. Share Message: Based on client feedback, we will implement a feature that
allows users to include a message when sharing an image. This will streamline the
process, enabling users to share both the image and their thoughts
simultaneously.
4. Social Media Scraping Page: This feature will collect all posts with the
hashtag #AlexanderThomson from social media platforms and display them in a separate
tab. By incorporating this feature, we aim to keep the website dynamic and
continuously updated with new posts from users worldwide.
Here are some of the pictures taken during the client meeting:
Additionally, the team refined the pages within the website, to make it more
aesthetically appealing to users.
Some of the pages that have been refined include the contact page as well as the
collection page.
The images of the buildings are being uploaded to the cloud hosting platform which
will be called on our website.
The team is also working on flooding information into the collection page for each
image displayed.
After the meeting with the client, the team went to school today to gather feedback
for our prototype from the professor. To sum it up, the following feedback were
given:
1. Users might not know how to use the AR feature on the website.
2. People walking past the physical building and seeing the Hiro marker might not
know what to do with it.
3. A visit us page to tell users to come visit the library.
With the 3 main given feedback, the team came up with solutions for each of them.
1. A tutorial page will be created to guide users on how to use the AR feature.
2. A QR code will be placed beside the Hiro marker for users to scan. The QR code
will bring the user to the individual collections page on our website.
3. A visit us page will be created to tell the users to pay a visit to the library.
It was interesting to listen to the feedback given to our website. There were some
points where the team missed out and the feedback would definitely help us in
developing a better website.
The team has also decided not to implement the chatbot feature as we felt that the
contact us page was
sufficient to address any enquiries which the users might have.
Below are some images that were taken during the meeting with professor:
Afterwards, the team also continued with the development of the website. Mainly
focusing on integrating individual tasks that were assigned to each member
previously, and the styling of the website.
The integration seems to be going smoothly, allowing us to showcase every single
team member’s efforts, which we can’t wait to show everyone during the exhibition
next week.
The team has learnt how to use opposing models to crtically analyse and evaluate
the strengths and weaknesses
of each model.
We also have different players to explore different
perspectives
preventing one model from being
biased or incomplete.
In class today, the team learnt more about Integrative Thinking and how to leverage
the tension between 2 different models to create something new.
For today’s activity, we applied the Integrative Thinking concepts we learnt for the
team’s project. From this activity, we broke down both models into the core
elements, understanding the tensions and coming up with creative solutions that do
not compromise.
One of the ideas we came up with is to have an offline app of the gallery such
that both users with poor internet connectivity and users with mobility issues can
experience the collection of Alexander Thomson more easily.
The team then decided to explore other buildings around Glasgow after our lesson,
which includes 600-614 ellington street, Cecil street, Great Western, Sir Robert
Peel Statue Plinth, Sixty Steps. Here are some of the photos the team took during
our trip:
Apart from the trip to the different buildings, the team discussed some refinements
that would be implemented to the website.
These refinements aim to enhance
user
experience while retaining the aesthetics of the website. We modified the iterations
of the design through figma before developing them on the website.
The team came up with an idea for the AR feature which is to encourage
users to physically head down to the building that Alexander Thomson designed to
find out exclusive information.
The user will have to head down to the building to scan an AR marker to see the
drawing of the building and the additional information that will only be seen in AR.
This allows users to learn more about the history of the building and garners
attention towards Alexander Thomson’s works. While the user is there, they are also
able to compare the drawing of the building to the physical building in AR.
In each individual collection popup, there will be a button to view the drawings in
AR. A screenshot of the hi-fi prototype is shown below.
Once the “View in AR” button is clicked, the camera will show up and the user will have to scan an AR marker which is a Hiro image as shown below.
This image will be pasted near the building which will allow the user to scan this
image.
Once the Hiro image is scanned, the drawing of the building will
appear on
the user’s phone camera along with the title of the building and exclusive
information to encourage users to use this feature.
Hence, the team will be working on a proof of concept for this AR idea.
Additionally, the team had plans to implement a chatbot function in the website. The
purpose of the chatbot is to enhance user experience whereby they can ask the
chatbot questions and will be shown the answer. This reduces the time for users to
search for a particular information, allowing them more time for other activities.
Today, the team continued its dedicated work on the development of the website for
our client.
We made substantial progress by refining various pages,
including forms, the contact us button, and incorporating advanced features such as
AR/VR and 3D works.
The integration of these features is coming along
smoothly,
and we are excited about the possibilities they offer.
In pursuit of valuable inspiration and deeper insights into architectural design,
our professor suggested visiting some prominent buildings in Glasgow, including the
renowned Caledonia Road Church designed by Alexander Thomson.
Although we
were
unable to enter the church, we did have the opportunity to view it from the
outside.
The grandeur and unique architectural elements of the Caledonia Road Church left a
lasting impression on our team.
We captured reference images of the
building, which
will serve as a point of reference in our design process.
The experience of visiting the Caledonia Road Church and other buildings designed by
Alexander Thomson has enhanced our understanding of his innovative style and
approach to architecture.
These experiences will undoubtedly influence our
design
choices and ensure that your website receives a touch of extraordinary creativity.
Here are some pictures of the Caledonia Road Church, Buck’s Head Building, Eton
Terrace and Lilybank House that we took today!
Today, the team has learnt various ways of prototyping to ideate the proposed
solutions
that we have come up with to resolve the problems identified previously.
For today’s activity, we did a presentation for the prototypes that we did so far.
It was
rather interesting to see how the other groups did their prototypes to conceptualize
their
ideas for their respective projects.
For the initial prototype, the team did a role-play to simulate how various targeted
audiences such as local history fans and art students will interact with Alexander
Thomson’s works.
By putting ourselves in the audience’s shoes, we imagined
how such
users will feel and react upon seeing the works in such great detail.
Through this
method,
the team was able to gather data on how different prospective users will engage with
his works
and generated ideas. This role-playing was documented in the form of a storyboard.
With the above information and ideas in mind, the team proceeded to use the Sketches
and
Diagrams prototyping method as our Lo-Fi prototype to draft out the rough layout of
our website.
The website is a virtual gallery of Alexander Thomson’s works where users will be
able to browse
through and learn more about Alexander Thomson and his works.
We have added
a new
feature that
allows the audience to view the corresponding real-life buildings (if still exists).
The team then used figma to create a Digital Prototype for the Hi-Fi
prototype.
Through using figma,
it serves as a platform to test our concepts and ideas before we start implementing
the website.
It
also allows the team to simulate the interaction between the prospective user and
the interface.
The
Hi-Fi prototype showcases the essential pages such as the page to view the
architectures drawn by
Alexander Thomson, individual pop ups for each image, biography page, and a contact
us page.
Below are screenshots of the Hi-Fi prototype Collection page, and individual popup.
The Collection page shows the various works done by Alexander Thomson. This allows users to view the images easily.
The individual collection popup shows the description of the work done by Alexander
Thomson, allows users to download the
image, and it also includes a Google Map view if the building is still around.
Today was another productive day for our team as we pressed on with our project
tasks. The main focus of the day was preparing
presentation slides and getting ready for the upcoming video submission, where we’ll
showcase the remarkable progress
we’ve made in this current week.
The team continued working on the prototypes for the website. Each member then gave
feedback on the prototype which resulted in our finalized prototype.
The team also worked on the slides to prepare for the weekly pitch video. The
content of the slides includes the team’s understanding before and after the client
meeting, the problems identified and proposed solutions with their prototypes.
Each member of the team has been assigned tasks to research on:
1. Integrate an AR viewer into the web-app that allows users to superimpose the historical drawings onto modern-day locations.
2. Implement interactive quizzes and trivia related to the drawings, challenging users’ knowledge of architectural history and providing a fun way to learn.
3. 3D Visualization for some select drawings, consider offering 3D visualizations or models, allowing users to explore the architectural details and designs from different angles.
While some members are working on the research, other members will start working on
the first development of the website and explore some ways to showcase Thomson’s
works, biography and life.
Throughout the process, the team has learnt how to communicate our ideas well to
each other and ensure that everyone’s opinions are heard before making some final
decisions.
The team was also very cooperative when delegating tasks and
ensured
that
we are able to help each other with our workloads especially those with more
difficult tasks.
The team visited the Mitchell Library to research on the artifacts by Alexander
Thomson.
We met the client in the Stirling Room and we were presented with
artifacts
produced by Alexander Thomson himself, including two books that contained
inspirations for his works.
We had a tour around the library and learned
more about
the library itself.
During the meeting, we discussed with the client if they have any design principles
that the team should adhere to and were told that it was up to the team.
The
client
has also informed us that the website is to help them raise awareness of the
artifacts by Alexander Thomson to the public, in particular to the people who are
interested in architecture.
There are approximately 52 unique drawings in the
collection. We will be receiving more information via email which will be sent to us
later in the afternoon, where we can gather more information regarding the project.
As for the team progress, we have shared some ideas and suggestions on how we should
proceed with developing the website. Currently, the team is developing a website to
host Alexander Thomson’s drawings.
We are in the progress of creating low-fi
and
high-fi prototypes for the website.
Here are some low-fi sketches of our first solution website prototype.
Here are some high-fi illustrations of our first solution website prototype.
Team alignment survey: Click Here
Survey results: Click Here
Reflection for survey: The team is generally quite aligned based on the survey responses. Based on the survey results, the team’s responses are quite similar, which indicates that we are on the same page.
Reflection on practice: The team tried 10-for-10 to choose questions that were
suggested by each member. Each member was given 5 minutes to type out the questions
they want to ask the clients on Google Docs.
After 5 minutes, each member
was given
1 minute to select the top 10 questions. From the top 10 questions, the questions
would be ranked from 1 to 10 based on the votes from the team members.
After
conducting this practice, we realized that after the 3rd or 4th minute mark, we did
not have many questions to put up.
Hence, to improve this process for our
team, we
can cut from 5 minutes to type out as many questions as possible to 3 minutes.
Introduction among the team and getting to know one another, each member’s strengths
and weaknesses. Additionally, the team participated in team activities that aimed to
instill a common understanding and goal among the team members.
Further project discussions were held after the meeting details were made known to
us. This allowed the team to further strengthen our understanding of the
project.
Communication channels and collaborative tools were created to facilitate
collaborative work and ease of communication. Some of the platforms used include
Dailies, Activities, Telegram, Google Drive.
Needfinding questions were raised from the previous meetings were collated. This is
essential, as it allows the team to fill in any questions about the project that is
not in the project brief and will be presented to the clients in the upcoming
meeting.
We plan to sketch and collate some ideas for the solution after our need-findings
from the client tomorrow. Afterwards, we will review and discuss the ideas and do up
a brief proposal for consultation.
Our main priority of the meeting would be to get a clearer understanding of the
project scope and ensure that we can get as much information as we can in order to
propose the most suitable idea for the problem.
Chosen Idea
In this section, we will dive into the functionality and features of our website followed by the technologies used to develop the website.
Showcases detailed information about Alexander Thomson's life, career, and contributions to architecture in Glasgow.
Provides users with a convenient way to get in touch with Alexander Thomson's organisation. It contains a contact form with fields for name, email, subject, and message, allowing users to send inquiries or feedback directly through the
It features an impressive display of Alexander Thomson's architectural works. Each project is showcased with high-quality images and relevant details, offering visitors a comprehensive view of his creations.
When a user selects any work from the collection page, they are directed to the work's details pop-up instance, where they can explore more information about the chosen work.
There are several features of this page which mainly helps us engage with the users that will be explained in the following section.
This is part of our inclusive design whereby it will translate the text to speech to
allow users with visual impairments to learn about Thomson's works as well.
This feature allows users to listen to
a
narrated description of the selected
building's architectural and historical significance hence, enriching the user
experience while ensuring accessibility
for all visitors.
This feature encourages users to physically visit the buildings designed by Alexander
Thomson to discover exclusive information.
An AR marker tag will be pasted on some parts of the building and users can scan
these marker tags through our website.
By scanning
these tags using their mobile devices, users can access AR content such as
architectural drawings tagged to this building (if available)
and some exclusive information about the building. The information includes the
building's title and exclusive historical information.
This innovative feature fosters a deeper understanding of Alexander Thomson's works
and creates an interactive and immersive experience.
Google Map has this 360 Street View feature which assists users in locating the
buildings designed by Alexander Thomson.
This allows users to
virtually explore the area around the buildings, helping them to better plan for
their visits.
Each individual collection post has a share feature which allows users to share their
thoughts, virtual tours they have attended
and spread the message on their own social media platform, encouraging their
audience to visit the buildings as well.
In each individual collection post, there is also a 'Thoughts' section whereby users
can leave comments and share their thoughts about the particular
work they are viewing.
This is an intuitive user interface that enable users
to
easily comment on the posts, allowing for interactive discussions
and feedback.
This is a new section added to the website which offers a virtual tour functionality
that showcases existing tours around a particular city, highlighting the route users
can take to view different buildings of historic importance. This is similar to a
heritage trail where users can visit Alexander Thomson's iconic buildings while
following a route.
Users will have access to an interactive map or navigation system, guiding them
through the tour's route. The virtual tour will include
information about each historic building, providing details about its significance,
history and architectural features.
This is another section of the website whereby it has a social media monitoring
feature that tracks the hashtag #AlexanderThomson
which users tagged on their posts.
In this page, users can see feed of posts
posted
by user that is related to AlexanderThomson and allows the client to moderate any
feedback received with regards to the tours
and information on our website.
The website is built using a combination of CSS, JavaScript, tailwindcss, and Node.js to ensure a
simple and dynamic user experience.
This bundled technology ensures that our website is
visually
appealing and operationally robust, providing high performance while optimizing distribution.
HTML and CSS are used to design the structure and layout of the website to be
displayed in a web browser.
CSS is used for styling and layout, providing an aesthetically pleasing design and a
consistent user interface.
JavaScript is a well-known scripting language often used alongside HTML and CSS. It is used to add interactive elements and improve user interaction, resulting in an engaging and responsive website.
Tailwind CSS is an open-source utility-first CSS framework for rapid UI development.
As our project has more customisation and front-end work, we have decided to use
Tailwind CSS instead of Bootstrap.
The integrated
Tailwind
CSS enables efficient and flexible development processes,
allowing fast prototyping and easy viewing of site designs.
Cloudinary is a powerful cloud-based media management storage service that provides a
reliable and scalable solution.
It allows us to upload, store, manage and manipulate images and videos to the cloud
hence, eliminating the need for local storage.
Node.js is an open-source cross-platform server environment that can run on various
platforms such as Windows, Linux, Unix, macOS and more.
It acts as a server-side runtime environment, simplifying server-side scripting and
handling backend operations, thus enabling seamless data
processing and real-time communication with the server.
Project Process
Due to some limitations, the team has decided to do some online research as to how people who are interested in architecture arts and design might use Thomson's drawings to help them with their work or studies.
This is a video by a previous student who has graduated from Architecture School and
shared
some interesting lessons he has learned throughout his studies.
One interesting
point he
made is that the nature of architecture is to design based on the human experience
and how
people interact with the space. There are some interesting takeaways from this video
to
highlight:
1. Buildings can look very abstract and touristy but when looking into the building interior, there are certain flaws such as wasted space and useless hallways.
2. Square and rectangular buildings may be basic and boring, but they tend to be places that people can feel comfortable in.
3. Some design concerns include where does the door go, how do you arrange your
furniture to
fit without having to customize them etc.
All these should be taken into
consideration,
especially when eventually you will have to be working with construction workers and
engineers to build the buildings.
4. Form follows function. Architects keep in mind the space and constraints they
work with and design from the inside before designing the outside to take its
form.
They will find the optimal arrangement corresponding to interesting forms is what
sets aside the good architects from the other abstract-looking designs.
5. Architects follow architectural plans of designs and spaces, sections, and use of spaces, elevation, and side views of the buildings. These plans always include standard scales that people can understand when showing drawings.
From this video, we can see how students in architecture school use these drawings to study architecture when designing their own models. They mainly look at the space constraints, materials, and how they can fully utilize the space such that they can have a proper interior before designing the exteriors.
This is a video by a licensed architect from Canada who shared some important skills for Architecture that mainly focused on why sketches are important for architects. There are some interesting takeaways from this video to highlight:
1. Sketching in general allows architects to focus on certain areas and give certain leeway to allow them to draw together with their bosses rather than rendering designs using computer software.
2. Sketches and annotations such as materials, and dimensions help architects
save a lot of time to identify and organize strategies that can help them
utilize spaces, especially complex spaces.
Many architects hence, still prefer sketching rather than
computer
software
as they
are a faster method to allow them to communicate their ideas to their
stakeholders.
3. 3D modeling has its flaws despite its flexibility. If one is not familiar with the software, they can waste many hours because they just jump right in at designing without a solid idea.
4. Sketches also help to generate better ideas because our cognitive ability functions quite differently when using our hands. Sketches also allow us to add textures, and use materials such as cups to draw shapes and colors which allow architects to add life to their drawings.
From this video, we can tell that drawings are important because they help to convey
the architect’s thought process, the design thinking process that allows them to
design their models.
By showcasing Thomson’s drawings in comparison to their corresponding real-life
buildings, architects can better engage with Thomson’s works and understand why he
has designed his buildings in a particular way to help the people to which the
building is providing services.
For example, a hospital building providing medical services to the patients
After doing some research, the team has decided to do a website for the first prototype. The aim of this website is to organize Thomson's drawings and their corresponding real-life buildings for easier references when the public views his works.
The team decided to use grids and spaces to organize the photographs like a catalogue
page
whereby users will view a list of images and when they click onto the images, they can
view
more information about the building and its drawings.
This was inspired by
Ikea's
catalogue
whereby when shoppers are shopping for furniture, they tend to look at the design of the
furniture first before looking at the annotations to view more about the item's
description.
This concept is very similar to a museum whereby people will look at the artwork and if
they
are interested to find out more about the artwork, they would look for the artwork's
description using annotations as well.
This is an architecture portfolio website found on the Wix blog. This website gives us
some
inspirations on how a digital catalogue would look like on a website.
Here is the link to the blog: Wix Blog
(Go to
14. Mathias Holmberg)
Here is the link to the sample website: Mathias
Holmberg's Portfolio
This is one of the world's most popular and influential architecture, interiors, and
design
magazines called Dezeen.
As seen from the screenshot, this website, even though
not as
aesthetically pleasing, they contained some annotations on the pictures with the
description
of the images at the bottom of each image.
Here are some inspirations as to how we are going to display the image's information
after
the
users have clicked onto the image. It is similar to a museum experience whereby
one will
refer to the annotations on the artwork
and find the artwork description based on the annotations.
Above there is a Van
Gogh
Art piece taken by one of our group members during
the Van Gogh Exhibition in Singapore for reference. Similary, the online gallery
website
allows users to click on a particular image
which will then display that image's description in a pop-up.
Some credits: Makhno Studio
Website, SHOAH
MEMORIAL FRANKFURT
During the ideation phase, we collated ideas from the members using the 10-10 practice
technique and would look back to it
whenever we get feedback or feel the need to refine the website to improve audience
engagement.
We have also did
a storyboard to try and understand how our target audience
will use the website features.
After meeting with the client, the team took some time to come up with some ideas as to
how we can engage our target audience when using the website.
We have also received some feedback from our professor along the way, added some new
ideas to the board and rearrange them based on what is feasible
during this limited time period.
The image above shows our latest ideas categorised based on their feasibility during
this time period. Some interesting features to highlight include:
1. Embedding Google Map of the actual buildings into the website
2. Exploring the use of AR to showcase drawings and their corresponding buildings
3. Social media engagement to show awareness to more people via word of mouth
The team proceed to try and put ourselves into the target audience's shoes based on the
prior research done and drafted a storyboard which helps us visualise
how our target audience will be using our website features.
In this storyboard,
our
target audience will be called 'Architects'
since we are targeting more towards the public with interest in architecture design.
The architects first proceeds to the Mitchell Library to find some inspiration for their
model design.
They come in to see a presentation
of Thomson's works but might have some questions or thoughts such as 'I hope there are
some actual pictures of the building that corresponds to the drawings'
to help them understand Thomson's architectural designs.
This is where our website can come in handy as the architects can click onto the image
of their choice to learn more about it. Some information of the building
includes a short backstory of the building, image of the drawing and an embedded google
map view of the actual building if it exists.
This could help the architects take more detailed notes on why Thomson designed his
buildings in such a way and use some of the techniques they learnt from
Thomson's works to apply in their own designs.
The architects can also share
their
discoveries on social media such as Instagram which allows Thomson's works
to be discovered to a wider range of audience, encouraging the community to check out
Thomson's works.
There could be quizzes to make the architects learning of Thomson's works more fun and
impactful as they can better appreciate his works.
This was our first low-fi prototype before we had our first feedback from our
professor. Initially, we thought of doing an informative website
that is similar to wikipedia, with the function to search and filter the images
based on what the audience is interested in.
How it works is that users can search for a specific building and the image will
reflect in the search results. When the user clicks onto the image,
it shows them a chunk of information on the building based on the drawing shown.
There are also some filter buttons which allows them to filter the
drawings based on the building characteristics such as hospital, church etc.
However, after some feedback, we have decided that this is not an ideal website as
the purpose is to increase exposure of Thomson's works to the public
and there is a high possibility that the public do not know much about his
works.
Hence, it did not make sense to let the public search for the buildings
when they do not know about Thomson's works. The filters also do not help much as
there is not much visuals to engage the audience with just a website
showcasing the images given to us.
Through this feedback session, we have decided to come together and discuss what
does engaging audience mean to us and how we can refine the website such that
it suits our users' needs. We have also taken the feedback to explore some of the
buildings in Glasgow, hoping to encourage the users to visit the actual buildings.
After collating our new ideas and using the 10-10 practice method to categorise the
ideas based on their feasibility, we have decided to do a gallery portfolio
website.
We have designed the website such that it is quite similar to
visiting a
museum where you get to view a collection of images and view the description
based on the annotations.
In this case, users can click the image and a pop-up will appear which shows the
image of the drawing, title and desciption and a button to export the information
as a pdf file.
Users can also view a biography of Alexander Thomson which
allows
them to learn more about the designer himself instead of just looking at his
works.
We have also included a contact us page so that users can submit their enquiries if
they want to learn even more about Thomson or his works.
Later on, the team has decided to add on the embedded Google Map feature into the pop-up view of the image so that users can view the drawings and the corresponding actual building. More will be discussed in our Interacting with Our Audience section below.
Here is the link to our full Figma Prototype: Click Here
The team proceed to design high-fi prototypes based on the low-fi prototypes which we previously designed. This helps us to better visualise of how our actual website is going to be like and assist us in developing the actual website.
This is the refined high-fi prototype for our image pop-up which includes the
embedded Google Maps located at the bottom right corner.
This is to allow
users to view the drawings and its corresponding building side by side. Users can
also download the drawings so that they can use it for their own reference.
After doing some research and testing, we have decided that the AR feature is
feasible and decided to incorporate it into our website.
The concept behind this feature is to encourage users to visit the actual buildings
and when they are at the location, they can click on the 'View in AR'
button which enables access to their mobile phone cameras. More will be discussed in
our Interacting with Our Audience section below.
After our second client meeting on 26 July, the client suggested us to include
features such as a virtual tour (similar to a heritage trail),
social media feed and thoughts section.
The team proceeded to plan and add
these
features to enhance our user engagement. The images above
shows a high-fi prototype of how the virtual tour would look like in our website.
Users are able to use the Google Map features such as the
360 street view and any additional pictures of the actual building
if the buildings still exist in Glasgow.
With the 360 street view and
location in
Google
Map, it encourages the public to go and visit the buildings on their own.
Here is an example of Google Map's 360 street view feature and images:
For this feature, there can be a preset marker tag, which in this case we are using
Hiro
preset, that can
be attached to the building.
This Hiro tag can be a piece of paper that is
stuck on
some
parts of the building.
After users click on the 'View in AR' button on our website, they will enable our
website to access their mobile phone cameras.
Users can use their mobile phone camera and scan this Hiro tag which displays the
drawing that is corresponding to the building they are viewing.
Here is an example of how the AR feature works:
As per the client's suggestion in our second meeting, we have added an exciting new
feature to our website - a virtual tour resembling a heritage trail.
This feature showcases the locations of some of Alexander Thomson's iconic
buildings that still exist in Glasgow. Users can explore these routes and pinpoint
the buildings,
providing them with a convenient summary of their locations.
The virtual tour aims to encourage users to visit these historical buildings and
discover their architectural beauty firsthand.
Here are some reference photos provided by our client:
The team decided to include a feature that allows users to share their findings on
social media. This feature is to
be included in our individual collections page whereby users can share the images
and write some of their thoughts
about what they have discovered today.
This increases awareness to a larger
audience and with the ability to tag locations,
it sends a message to encourage more people to visit the buildings.
Here are some reference photos to show the concept of social media sharing:
As per the client's suggestion in our second meeting, we have also decided to add a
social media feed of the unique
hashtag tagged by users who have visited the buildings.
This is to help the
client
moderate user engagement and gather
any necessary feedback they need.
Here are some reference photos to show the concept of social media feed:
The team went down to some of Alexander Thomson's buildings that still exists in Glasgow. Here are some photographs of the buildings we visited:
The team presented to the client some features of the website which we developed during
the first development phase. Some highlighted features of the website include:
1. Text-to-speech collection description
2. Share to social media feature
3. Embedded Google Map feature of the specific building
4. Explained the AR feature concept to encourage the public to visit the buildings
The team proceeds to ask the client about their opinions of the current features and
what other features they would like us to include to improve user engagement with
Thomson's works.
The client really liked the idea of having the Google Map feature and the AR feature to
encourage users to visit the buildings in Glasgow.
They also liked the sharing to social media feature as it helps to share the word around
about the buildings and spreads greater awareness
to interest others to visit the place themselves.
For example, when the user
shares and
tags the location of the building, it encourages
the people viewing that user's post to head down to the location and check out the
buildings on their own.
There are a few additional features which the client had suggested to improve user engagement:
1. Having a platform to allow users to comment their thoughts to help the library
moderate the user's interest
Answer: The team proposed adding a thoughts section on the individual
collections
page
so that users can submit their thoughts. The client
liked the idea and gave us the green light to proceed.
2. Virtual tours or heritage trails to show users the route and pinpoint the
locations of Thomson's iconic buildings that still exist in Glasgow. Users should be
able to indicate their interest in the tours hosted by the library.
Answer: The team decided to include another tab called 'Virtual Tours' and
will be doing more research based on the additional resources (physical and digital)
given by the client on how we can conduct an Alexander Thomson virtual tour to
showcase his works around Glasgow. .
3. Social media feed that shows a list of posts made by users on their journey to
discover Thomson's works through our website.
Answer: The team has proposed using unique hashtags and display posts that
included
these hashtags on our website so that more people are more intrigued to
visit the buildings.
The team also decided to consult our professor for additional feedback on the current
existing features we have.
For this presentation,
we presented using our Figma prototype to better illustrate how the features work.
Professor mentioned that our features are good enough as of now, but he has a few
concerns as to whether users know how to use the AR feature and how could we
make our website stand out more.
Some of his suggestion
include:
1. A QR code will be pasted alongside the Hiro image so that people can visit our
website and be guided on how to use the AR feature.
2. Exclusive information can only be seen in AR to encourage people to head down
to the physical building.
In this video, the team did a quick summary of mainly our pre-development stage.
In this video, the team focused more on the prototyping techniques used to achieve our final solution.
This is our finalised solution to address the client's concern of showcasing Alexander Thomson's
works to the
public.
Through this website, users have the opportunity to explore a collection of
Alexander
Thomson's
drawings, discover his remaining architectural creations in Glasgow via virtual
tours, utilize
augmented
reality (AR) to view drawings and access exclusive on-site information, and finally,
share their
experiences
on social media.
Please view our website in Light Mode.
Check out our website here: https://whathellahor.github.io/3003-alexanderthomson/
Here is a demo video of our website:
(this is a demonstration of the features, for updated
visuals, check out the website link above)
Here is our project poster:
This is the first page which users will see upon entering our website. After tapping or clicking, they will be redirected to the 'Collections' page.
This is the page which is also the website's 'Home' page where users can view a
collection of Alexander Thomson's
drawings.
Users can click on the individual drawings which will redirect them to its 'Individual
Collection' page.
This is the page which users will see after clicking onto one of the images in the
'Collections' page.
In this page, it includes features such as text to speech, share to socials, Google Map,
AR and thoughts to enhance
our user engagement with the website.
In the image description beside the image, there is a Text to Speech feature
whereby if users click on the 'Audio' icon,
it translates the image description to audio for users who have visual impairments.
This
is part of our inclusive design strategy
to ensure that everyone gets the opportunity to learn about Alexander Thomson's works.
There is also a Share to Socials feature that allows users to share their
thoughts or messages onto their preferred
social media platforms about the specific building they saw. Users can do so by clicking
onto the 'Share' icon which is located
beside the 'Audio' icon.
This increases awareness to a wider audience,
encouraging more
people to check out Alexander Thomson's works.
When users scroll down the image description, there is a Google Map feature that
allows users to have a 360 Street View of the
building's location.
This useful addition aims to aid users in planning their
visit,
allowing them to virtually explore the building's
surroundings before heading there in person.
Below the Google Map feature is an AR feature which is to be used by users when
the visit the on-site buildings.
Users will open
our website on their mobile phones and click on the 'View in AR' button which enables
access to their mobile phone cameras.
Subsequently, they can scan the 'Hiro' tag pasted
onto the building, triggering the display of a building drawing (if available) and
exclusive information, seamlessly integrated into their real-life surroundings.
The
functionality
of showing the individual respective content is in a function called 'viewInAR()' tagged
to the
'View in AR' button of each page.
To enhance user accessibility, we can provide a generated QR code for
our website, placed alongside the 'Hiro' tag. This way, users can simply scan the QR
code to easily access our website.
There is also a tutorial link below the 'View in AR' button to teach users how to use
our AR feature.
At the bottom of the image and image description, there is a Thoughts feature
where users can submit their thoughts
about their visit.
This is to help our client moderate the feedback from the
public.
This page showcases information about Alexander Thomson's life, career and status as one of Glasgow's greatest architects to allow users learn more about the designer himself.
This is a Virtual Tour feature that shows curated routes which users can use to
discover Alexander Thomson's buildings
in the city of Glasgow.
Users can share their tour experience by clicking onto the 'Share' icon, download the
route to their mobile phone for reference or
have a pdf copy of the tour so that they can refer to it during the tour.
Users can follow our tutorial to download the Google Map route as gpx into their
laptops or download the route as JPG for easier offline reference on mobile.
This page allows users to submit their enquiries if they need more information to the
Mitchell Library.
Users can
click on the 'online form' to submit an enquiry via our website or mail to the following
address as stated in the page.
This page showcases social media feeds from Instagram, Facebook and Twitter that detects
keywords related to
Alexander Thomson.
For the web scrapping functionality, the team embedded a plugin in our code, which calls
posts that contains #AlexanderThomson.
The posts are called from 3 different social media sites; Instagram, Facebook &
Twitter.
These posts are then displayed in our website under a tab “Social Media”.
The plugin code is placed in our HTML codebase which allow the website to trigger this
plugin everytime the HTML loads.
Reflection
The team formed a positive team dynamic, which fosters trust through team activities
and team contracts, setting the stage for effective teamwork.
The team learnt about different individual perspectives and created a survey to
align our understanding of the project. The response to the survey showed that our
understandings are similar and this allowed us to proceed to the next phase
easily.
Needfinding questions were collated to ask the client, helping us identify the
project requirements to properly develop a solution for them.
The team met with the client and was presented with Alexander Thomson’s works. The
additional artifacts sent by the client were an amazing experience, along with the
ability to see the artworks up close.
The client also conducted a tour around the library, where we learned more about its
history. It was an intriguing and interesting experience. This gave us the
motivation to give our best to the project.
The team then started the project by sketching low-fidelities of what we thought the
website would look like and high-fidelity afterward.
The team performs task allocation and found ways to communicate ideas effectively,
as well as ensure all opinions are heard.
All team members are cooperative and helped one another. It is important to maintain
teamwork and good camaraderie to ensure that the project will proceed smoothly.
Prototyping, a cheap and fast method to validate any ideas we have for our project
was taught in class. We had come up with various ideas to resolve the problems
identified from the client meeting and needed to choose a suitable prototyping
method that best suited our needs.
The team decided to use the Sketches and Drawing prototyping method to visualize the
layout of our interactive website and where each feature will be placed, helping us
to validate if the ideas we came up with were feasible and allowing us to make
changes if necessary more easily.
The team did a comparison between different layouts for the prototype and the team
made a decision to reject the less user-friendly layout and proceeded to make an
improved prototype using Figma.
The team went on a mini excursion to visit prominent buildings in Glasgow to gain
inspiration and deeper insights into architectural design.
One such
remarkable
building
we had the privilege of viewing was the Caledonia Road Church, an architectural
masterpiece designed by Alexander Thomson.
While we couldn't enter the
church, the
exterior view left us in awe of its magnificence and innovative design.
This excursion broadened our horizons, giving us inspiration and motivation to
continue
with the development.
We learnt about the Integrative Thinking process in class today where we are taught
that
instead of compromising, we take the best parts of the clashing individual ideas so
we
can come up with a creative new solution. Not only can this process help us resolve
any potential conflict, but it also enhances collaboration within the team.
Certain features are dropped as it is deemed not feasible for the website. This is
such
that we do not push ourselves beyond our limits, ensuring that our final product
will be
as refined as possible to meet the expectations of our client.
Our prototype was shown to our client and professors today, and we received valuable
feedback.
From the client, it was mentioned that the team is progressing well and in the right
direction and liked our features. The team then followed up by asking if there are
any features the client would like on the website, and they responded by naming a
few. The team then discussed them internally and agreed to implement them.
Our professor, on the other hand, is pleased with our progress and the interesting
features we implemented. However, from the professor's point of view, they might not
understand certain features and the team decided to solve this by adding help
instructions.
Today was a productive day as we managed to get feedback that helped us to
drastically improve the website. While the new tasks might seem overwhelming, the
team is excited to implement them.
Development work was the primary focus today and managed to implement new features.
In
addition, we solidified the user journey of our users. With our goal being to let
people
engage more with the collection, we need to ensure that we will be able to pique the
curiosity of users to learn more about Alexander Thomson and his works depending on
the
scenario.
After drafting out the scenarios, the team has gained a better understanding of how
a potential user will use the website and will work on improving the user
experience. A poor user experience will lead to reduced engagement of the website,
which goes against our goal for the project.
As such, it is crucial for us to ensure that users will have an easy and pleasant
time
using the website to maintain the website traffic to the website and long-term
viability.
Today we learnt about usability testing and discovered valuable insights that can
lead
us to create more user-friendly products. In one of the activities, we made written
instructions on how to fold a paper airplane, which purpose is to provide clear
instructions for users to create a task.
From this activity, we understood the significance of Clear Preparation and learned
the
importance of having a well-defined plan and understanding the objectives and scope
of
usability testing. By being clear about what we aim to achieve, we can ensure that
our
testing efforts yield meaningful and relevant results.
We also explored the idea of getting someone from outside the team to conduct
usability
testing (Moderation by Others). This approach helps eliminate biases and ensures
impartial evaluations, leading to more accurate observations.
As such, we will be getting users from other team to test our website and give us
feedback. Apart from that, the team also learnt the importance of paying close
attention
to the analysis phase of usability testing.
The data and insights we gather
during
testing can reveal more significant findings than what we might initially expect.
Being
attentive to the analysis stage allows us to uncover valuable opportunities for
refining
our prototype and making it more user-friendly.
The team will be refining the product as much as possible to ensure that the final
product is as polished as it can be.
The team is busy with the development phase of the project as the deadline is
nearing.
The team is also working on designing the poster for the exhibition as well as
implementation
of features.
We looked into different designs and content that would be
placed in
our
posters as well as helping each other with remaining features. These last few days
shows
the cohesiveness and helpfulness of each team member.
The team pressed hard on refinement and bug fixes on the website We also worked on refining the showcase videos and received feedback on how to improve the poster design. Everything's coming together nicely and the team is working hard during this final stretch of the project.
On 3rd August 2023, we had the chance to showcase our project at ARC to the clients and our schoolmates.
During the exhibition, our client came up to our booth which the team then explained what each of the pages in our website does. The client was satisfied and impressed with what we’ve done for the project, which makes us feel content and that our hard work has paid off.
Throughout the exhibition, our peers came up to our booth and took a look at our
poster as well. Our team then explained what each page of our website does and
demonstrated the features we had.
They tried our website out by scanning the
QR code
that was on the bottom of our poster. They then used their mobile phones to try out
the AR feature which mostly everyone thought was interesting to implement on our
website. The general feedback given by our peers was positive and well
received.
Here are some photos that were taken during the exhibition:
The exhibition went smoothly and we are proud to say that the project is a success
and is well received by both the clients and our peers.
Other than our team’s booth, there are many other booths that showcase other teams'
projects. We also took the time to take a walk around the exhibition to look at what
our peers had done over the past few weeks.
We were taken aback by many of
their
works as everyone’s project looks interesting and is very well done too! We got to
chat with our peers to find out more about their project and their journey.
Kudos to
them as everyone worked very hard to finish their project. After walking around the
exhibition and explaining our project to everyone, we were also given refreshments
which we were all very excited for!
The exhibition was a fun experience as we got to see our peers’ works and we even
got to eat great snacks!
But most importantly, we got to showcase our
project which
we had been working on for the past few weeks. Lastly, we would like to thank
everyone that made this exhibition possible which enabled us to showcase our
project.
Proud
During the client meeting held on 26th July 2023, the team initially felt
disheartened when the other team presented their solution, which incorporated
numerous robust technical functionalities.
However, things took a positive turn when
we presented our proposed website to the client. They showed great interest and
enthusiasm, attentively listening to our proposal and even complimenting some of the
features for their usefulness.
Moreover, the client provided us with valuable feedback and resources to enhance
user engagement, expressing their liking for the idea and direction we aimed to take
in order to engage their target audience.
This encouraging response significantly boosted our morale and confidence, as we
realized that our efforts had met the client's expectations. We were truly grateful
for this moment, which taught us the importance of confidence in our hard work, even
if we may lack certain capabilities that the other team possesses.
Initially, the team had hesitations about implementing this particular feature as it
appeared highly challenging, considering our existing capabilities. Nevertheless, we
were
encouraged by positive feedback from both our client and professors, we were
resolute in our determination to make it work and not let them down.
To tackle this ambitious task, the team collaborated in gathering research on AR
features and assembled a group of members with strong technical expertise to lead
the development process.
With concerted efforts, we eventually succeeded in getting the feature up and
running, bringing us immense satisfaction to witness its successful implementation.
This was an additional feature that was relatively new to us, and it took us quite
some time to explore how we could integrate it into our website, given our technical
capabilities.
The process was challenging, as we encountered numerous trials
and
errors while seeking the best way to implement the feature. Our main goal was to not
only engage users but also ensure its ease of use.
We express our gratitude to our team members, who possessed sufficient technical
knowledge to successfully incorporate our suggestions and ideas throughout the
process, ultimately resulting in the final product of this feature.
We would say that this is our proudest moment – witnessing our ideas come to life on
our
website. We consider ourselves fortunate to have a cohesive team that collaborates
seamlessly throughout this journey.
Each team member possesses unique strengths that complement one another, enabling us
to
create this incredible website for our client. Though we occasionally doubted
whether
the client would approve, the constant positive feedback from both the client and
our
professors reassured us that we were heading in the right direction and should
believe
in our capabilities.
Our team also always have each other backs when there are times some of us might not
be free, we know that we have our other team members
here to always help us and got our backs!
Overall, we would say, this project has been an enjoyable experience filled with
laughter and fun!
Sincerely,
Team 4A:
Ng Zi Hao (2717965N)
Chan Xue Li (2717950C)
Tay Yi Lin (2717967T)
Chrystal Lim Jing Yee (2717947L)
Peh Yuen Yenn Shermaine (2717904P)
Wong Jing Yong Shawn (2717879W)
