Now that the site has been completed and all elements have been finished, the project as a whole has been rather challenging in a range of different ways. To begin there have been many hurdles which have been faced throughout this assignment, including the change between developing a WordPress websites to a hand coded document, learning new skills in JavaScript and CSS grids, along with more knowledge within CSS animations and working with different issues which can arise within the mix of JavaScript and CSS.
Through working with a client it has been learnt that many last minute changes can be made to edit small elements of design, along with large ones. Although what has been learnt from this is that time management is really key in order to finish projects on time. Although this assignment has been particularly difficult with the different adjustments which have been made, the knowledge and skills that have been taken from this process can be applied to many industry situations, and being easily adaptable is also key.
The knowledge which has been gained within JavaScript is also an element in which I am proud of and would like to continuously progress, as this is an element which causes a large amount of issues for me personally, taking the time to learn and understand the main elements and how to apply these to different situations within code has really moved forward my skills. The slide show at the top of the main page would have to be the biggest hurdle which has been faced when it comes to the development of the site, as it took a large amount of time and many trial and error attempts to complete a working slider, it was a large achievement when it began working.
Along with these new skills, the use of CSS grids has been applied to this site of which was another element that had no been explored before. From understanding how to use this skill, it can be applied to all future sites and has really shown how much easier it is to use grids, rather than standard code with many individual stylings.
Overall from the development of this site, much has been learnt and the new skills which have been taken from this site are going to help throughout my career. As for the site itself the design and colour scheme work well with the images that have been used throughout the site, although if there were more time to work on the site there are a range of different changes and additions which would be made. Firstly the use of the slider at the top of the page works well, but throughout the assignment scroll magic was another element that was being learnt, but there was much trouble understanding how to utilise this tool within my own code. After many different trial attempts I was unable to achieve a working scroll effect that could be placed onto the site itself and with the time frames that were given, it was not achieved. This was an element that was disappointing when not seen on the site as it was really hoped that more animation could be included into the site, but it has taught that time management is important and when working on projects with tight time frames I need to make sure to focus efforts towards the elements that will be working and finished by the deadline. If there were more time to work on the site, more animation would defiantly be included along with different scroll effects and page transitions. Not only this but the site could be improved with the addition of a logo and possibly more content and description on the main page when more work can be added to the portfolio.
Overall I have found this assignment to really test my skills and progress my knowledge in a range of different areas, which will aid my work ethic when in industry. Although there are many elements of the portfolio which could be improved, the client was very pleased with the finished result, which in the end makes the process worth it.
Once the website had been finished to the best of my ability in the time frames which had been given to me, the website was finally shown to the client to collect together their final thoughts on the design, functionality and overall website. When meeting with the client for the final time they had mentioned that they were very excited to see the finished design as they are going to use it to demonstrate to future employers which is very positive.
On first view of the site the client was very excited by the slideshow of work along with the mix of colour and separation within the first section of the website. In the first mention the client stated that the really like the colour combinations as it emphasises the work on the first section, along with clearly showing the entry into the next section of the site. When moving onto the ‘About Me’ section of the site the background colour choice was greatly enjoyed along with the choice of images and layout of that section of the site. The text was mentioned in the conversation as some parts had been taken out so that section of the site was not cramped with text, but after reading through the information which had keen kept on the site the client was very happy with the overall result.
Continuing to scroll through the website, the client also mentioned the use of the social media icons which have been placed underneath the ‘About Me’ section which they thought worked well as to add opportunities to contact the client. The ‘work’ section of the assignment was also a positive as the client really liked how the site looked on a mobile view with the click through to the responsive images which can be seen on each separate page. The desktop view was also enjoyed, but the client did mention that they thought more animation elements could be added to the site, but due to the time constraints I was not able to include as much animation to the site as once hoped. Other than the slight lack of animation, the client was very happy with the layout of each project and said that each piece of work stood out against the backgrounds and having their individual pages really emphasised the size of each project.
When at the bottom of the page the contact section also went down well, being linked to the client’s email allowed for response to the data which would be sent, providing an enjoyable experience whilst on the site. The difference in the layout of the contact section between the mobile and desktop views also worked well together and provided an interest for the user if viewed on different devices. Finally the footer at the bottom of the page also provided opportunity for the user to move across to different social media platforms, which the client really enjoyed.
Overall, the client was very pleased with the finished site and the main aims for the site had been completed within the time frames that have been given for this assignment. As well as potential users being very impressed with the work which is being displayed on the site, the client was overall very pleased with the finished site and enjoyed almost every aspect of the site. As there had been many setbacks whilst developing the site, the client was very supportive of the work which had been developed and mentioned that they are so happy with the site which had been created and in the end was very glad that the site was not developed using WordPress as the originality of the site is exactly what they were looking for, in comparison to a WordPress developed site.
As the end of the assignment is coming closer the final touches to the website were going to be applied before the hand of the site. The results from the user testing showed that there were a few more simple issues which could be changed on the site before the final hand in, to ensure that all elements of the site work and are suitable for the user.
The first element which was changed included the social media icons that had been used through the site, as the images were not clickable, so URL links were added to allow the user to go through to the social media if they were interested in contacting the client using other methods, or if they wanted to learn more about the client through different avenues.
The layout of the grid was the next element to be changed, allowing for the white space between certain elements which had been used to show where the grid started and ended, making it easier to style, but was not needed when the site was finished. When changing the layout it was noticed that the ‘Contact Me’ text had been placed above the red line dividers, which made it seem as though the there was no title for the contact section. So the two were changed using the CSS grid method and placing the grid-area for each above one another in the table which had been created.
The last elements of the site which were changed included the opacity of the navigation bar, which was made darker, allowing for it to be seen easier against the background of the site and making it more obvious to the user. After this the final element to be changed was the footer text, which stated ‘Designed by: annabelspain@hotmail.com’, of which could be linked to an email, making it easy for any users to contact myself if they were interested in a website. This was done using an anchor tag with a href link to my email address, and then styling the text with no text decoration properties.
After adding these elements, there were many other sections which I would like to have included, but I was generally happy with the outcome within the time frames which had been given.
Once the site had been developed to the standard in which I was happy with, it was time for the site to be user tested, to change any final issues which the site which can be seen by the target users. In total three different users were asked of their opinions of the site to collect together the different opinions and thoughts on the site. When taking each user through the site, the desktop view was looked through first with the questions to the user being;
- What are your thoughts on the website?
- Do you believe there are any elements of the site that do not work with the layout/ scheme/ demonstration of the client’s portfolio work?
- What do you like about the site?
- Are there any elements which you could see improvement?
- Would this site demonstrate to you what the user does?
- Final thoughts?
The first user to test the site was a student who is currently studying the same course as the client, of which is Interior architecture. Having a user within the same industry allowed for any issues which could be related to the target sector to be noted and then changed before the assignment was over. Also, having a colleague of the client allowed for someone who knows the work and style of the client well and could mention improvements or changes to suit the client’s personality more.
- I really like the site, the different segments work to display all the different parts of the site and also link to some of the work which is actually in the site. How the work is shown is really easy to access and the different pictures of the title pages gives an insight into what each project is about.
- It might be easier to have links on the burger menu to the different pieces of work as it would be another way to access each piece. In the ‘About Me’ section the ‘dance of the cranes’ is quite a large piece and might be worth making it bigger so all the detail is easier to see. Also, it would be good to have the images clickable so they can be enlarged and looked at closer as there is text on some of the images that is difficult to see.
- I like the segmentation with the red lines, it makes the site well structured and clearly shows the different parts. The slideshow at the top is also quite fun.
- I think on the pages with the work on them adding some back buttons to the main website might work, because the burger menu is not too obvious. Also there is quite a lot of spare space on the left hand side of the contact section which could be filled with something, it looks quite bare.
- Yes, this does demonstrate a portfolio of an interior architect student.
- I really like the site, although I think a few small changes are needed to improve it.
The second user to test the website is within the field of interior architecture and is a part time lecturer of the interior architecture course at the University Of Brighton and has many years experience within the industry. From being within the industry for many years will provide feedback from looking through many different applications along with knowledge on how to demonstrate portfolio work.
- My overall thoughts of the website is that it is a very original idea, as most students have a physical portfolio compared to an online portfolio, but I like the idea. It is very clear from the top of the page that it is demonstrating some form of architect’s portfolio and I like how simple the design is. I really like the colours throughout as it does not detract the attention away from the work.
- The only thing I would say that could improve the look of the the work on the site, would be to enlarge the size of the image of work on the ‘About me’ section as it not clear why it is there or what it is showing. Although I do think the overall looks better on a mobile version.
- The colours work really well together with the work and the layout of the site, along with the overall demonstration of work. The amount of text through this site is also good as it sticks to the point of what the employer would want to see rather than rambling on.
- The navigation bar on the site is not that obvious and could defiantly be changed, possibly make it darker so it is easier to see and does not look like it is a part of the page. I also think that maybe it would look good to add something to the slideshow section on the desktop version as I feel like there is a large amount of spare space there in comparison to the rest of the site.
- It could be made clearer by making the statement that she is an interior architect student somewhere on the site in bold, making it more obvious.
- I think this is a good representation of an interior architect’s portfolio of work and has been demonstrated in a fun and exciting way.
The final user was another member of the industry who had worked within interior architecture for their whole career and has knowledge of hiring within the industry. with this in mind the user criticised the site in the mind of an employer.
- This is a very nice simple looking website, I like how it shows all of the work which has been placed well throughout the site. It is very different to websites which have been shown to me in the past which I like.
- On the pages which are showing the work, it might look better with a grey background on the white pages as the white work on the white background really washes it out and makes it look unfinished. Although the colours chosen for the site work well and do not take anything away from the actual work on the site.
- I like the slideshow at the top of the page, it is eye catching and makes me want to explore the rest of the site. The red lines also work at dividing the site apart, but I think that on the contact section the title for this should be placed below the lines rather than above them.
- The contact title should be moved below the red lines and possibly add the red lines to the bottom of the site below the contact form but above the footer. The navigation bar is also hard to notice as you had to point this out to me, so this should defiantly be darker.
- Yes this does look like a website of an interior architect.
- I like how the site looks and how
Overall from collecting together the opinions of potential users for the site, there are a range of different elements which would be improved and changed to make the site more appealing for the target user. Although there were a lot of different parts to the site which could be improved and developed on, the general response to the site was very positive and showed that the site would work well within the industry at demonstrating the work of the client. One of the users mentioned that the site was very original and is a layout of which they had not really seen before, which was very positive as one of the main asks of the client was that the site was different and could be noticed clearly between different designs. Overall the response was very positive and although there were many chances of improvement, I am happy with the outcome from the users.
Bibliography:
Chris Knowles. 2019. 8 UX Research Methods to start using in Web Design. [ONLINE] Available at: https://www.growthdrivendesign.com/blog/ux-research-for-web-design-8-methods. [Accessed 10 May 2019]
Complete Beginner’s Guide to UX Research | UX Booth. 2019. Complete Beginner’s Guide to UX Research | UX Booth. [ONLINE] Available at: https://www.uxbooth.com/articles/complete-beginners-guide-to-design-research/. [Accessed 10 May 2019]
How To Conduct User Research Like A Pro (Step-By-Step Guide). 2019. How To Conduct User Research Like A Pro (Step-By-Step Guide). [ONLINE] Available at: https://careerfoundry.com/en/blog/ux-design/how-to-conduct-user-experience-research-like-a-professional/. [Accessed 10 May 2019]
To add more interest to the website JavaScript was going to be included to add animations at through the portfolio. From looking back at the final wire frame for the website the idea was to include a slideshow at the beginning of the site allowing for interest at the first user interaction with the site. As I have previous experience working with CSS animations to develop slideshows using pure CSS, I wanted to challenge myself to develop a slideshow using JavaScript, providing more options for animation styles and what elements could be animated.
After working on learning JavaScript for the past few weeks, my knowledge of the language has grown, although applying the knowledge which has been taken to the elements which were going to be styled was still very difficult for me. To aid the process of applying the JavaScript to the elements which were going to be styled, test images were used as the final images had not yet been developed and were placed into the HTML code inside two divs which would hold the content and also allow for styling to be applied to those specific elements along with the animation styling which could be applied using both JavaScript and CSS.
Once the HTML was developed the CSS was then moved onto which stated the dimensions of the container of which each of the images are contained within, allowing for the images to be constrained to a certain size to make it easier to work into the CSS grid. After defining the sizes and positions the animations were then defined within the CSS by selecting the inner div just containing the image and defining the type and duration time of animation.
Moving on with the animation, after defining the CSS the next step of the process was to add JavaScript, of which to start with I was confused as to how to layout the script which I wanted to define, so using sites including w3schools and code pen to view other examples of slideshows the layout was determined by defining the function and giving it a name which relates to that animation. After defining the function, the function was then entered by connecting to the actual element within the HTML and creating an array in which would show the slides over a period of time. After defining the array with the display being set to none a new array was created to state that if the number of slides is more than 0 than increase that number by one to the defined element (the image) to replace that side and show the new element which would be the new image. After this the time frames were defined to show that the images would be changed every five seconds, allowing the user time to view the image before it disappears.
Overall the development of this section of the site has been the most challenging element yet as I have never worked with JavaScript in this way before and it took a large amount of time working on the understanding of code and how to piece together each separate section to allow the code to work in turn with the HTML and CSS which had been created separately. With the use of many online tutorials and viewing other’s code online really aided the process of development, although more research and practise with JavaScript will be needed to understand the language more than what I currently do.
Bibliography:
SitePoint. Pure CSS Image Slider. [ONLINE] Available at: https://codepen.io/SitePoint/pen/qiAyo. [Accessed 22 April 2019]
SvenGehring. SImple CSS Slider. [ONLINE] Available at: https://codepen.io/cybrox/pen/cyiJI. [Accessed 22 April 2019]
Tryit Editor v3.6. 2019. Tryit Editor v3.6. [ONLINE] Available at: https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_slideshow_auto. [Accessed 22 April 2019]
YouTube. 2019. JavaScript in 7 minutes | Create Interactive Websites | Code in 5 – YouTube. [ONLINE] Available at: https://www.youtube.com/watch?v=LFa9fnQGb3g. [Accessed 22 April 2019]
One of the main elements of the whole site was the navigation methods which would be used through the whole site as the design incorporated a burger menu design, another element of which I had never developed before and wanted to add to the design, allowing for the site to responsive and work on any device. As I had never worked on a burger menu before, a pure CSS burger menu was the desired option as it has been taking me a long time to learn and understand how to apply JavaScript, it might be easier to work on the burger menu using CSS.
To begin the development of the burger menu a large amount of research was put into how to create burger menus, not only the animation of the different lines but the animation of the navigation options coming across the screen. To understand this sites called sitepoint and sevenspark were used to underline the elements which needed to be included into the CSS of the burger menu, along with the layout of what the HTML should look like. Whilst researching into burger menus a pin on codePen was come accross, showing a burger menu which had been developed using only CSS. The code from this pin was taken into a brackets folder to look at the different elements and change them around to create a style which I was looking for. After looking through the code, the menu was changed from the left hand side to the right, along with changing the opacity, colours and options through the menu. The other elements which were changed on the menu were the font which has been used and finally the size of the menu pop up. Changing the size of the menu was the most challenging part of this section of development as I was having troubles defining which part of the code would change where the menu came out to and then which section took the menu away, but after much editing, the element the sizes were changed to allow for the menu to span across the whole of the screen.
After the burger menu had been created in a separate file, the code was then taken into the actual file of the website to see how it would work on the site. To begin with not all of the elements worked as some of the code which was already on the style sheet was clashing with the code which had been used on the navigation. To overcome this, all the variable names which had been used throughout the burger menu were changed and the code which was affecting the menu had their variable names changed as well, allowing for the menu to work alongside the other elements of the page. The final issue which was found with the navigation menu was that some of the elements on the page, including some images and the contact form were overlapping the menu as the user scrolled down the page, which was a massive issue. After researching into this, it was learnt that a z-index could be used to place content in front of other content, allowing for the navigation to be on a separate layer almost to all of the other elements on the page.
-
-
Overall the development of the burger menu has improved my skills within CSS and CSS animations along with connecting elements between HTML and CSS to develop separate moving objects which overlap others.
Bibliography:
How To Create a Menu Icon. 2019. How To Create a Menu Icon. [ONLINE] Available at: https://www.w3schools.com/howto/howto_css_menu_icon.asp. [Accessed 12 April 2019]
Jonathan Suh. 2019. Hamburgers by Jonathan Suh. [ONLINE] Available at: https://jonsuh.com/hamburgers/. [Accessed 12 April 2019]
Jelena Jovanovic. Pure CSS Sidebar Toggle Menu. [ONLINE] Available at: https://codepen.io/plavookac/pen/qomrMw. [Accessed 12 April 2019]
SevenSpark. 2019. Diagnosis: z-index (submenu hidden behind content) – UberMenu Troubleshooter Diagnosis. [ONLINE] Available at: https://sevenspark.com/diagnosis/z-index-submenu-hidden-behind-content. [Accessed 12 April 2019]
The SitePoint Forums. 2019. How Do I Bring The Dropdown Menu In Front Of Other Graphic? – HTML & CSS – The SitePoint Forums. [ONLINE] Available at: https://www.sitepoint.com/community/t/how-do-i-bring-the-dropdown-menu-in-front-of-other-graphic/5780. [Accessed 12 April 2019]
Through the design process of the website it was noticed that there would be a range of different elements which would need to be developed especially for the new portfolio. With the final wire frames being created, the separators which had been added into the wire frames needed to be created, along with the formatting of all the images that have been used in the site.
The first element to be developed were the red lines which were going to be used to divide the site into the different sections. Adobe illustrator was used to create these assets, with the pen tool and the fill option to create three sets of lines that are all different, as it would add more interest for the user. From here the different coloured backgrounds needed to be determined, allowing for each line to be the divider between colours, rather than having a straight line to differentiate between the different sections.
Once the separators had been developed, they were added to the site, with the next step being the development of the images and their formatting. The images which had been provided by the client were in the format of PDF, which would need to be changed to enable them to be displayed on the site. Each individual image was taken into Adobe Illustrator and then exported for websites as either a PNG or a JPEG file depending on the file, allowing for files with white space to still be seen on the web page. Whist working through formatting all of the images, three images were developed using an art board and then placing four images together, creating a trio of images which could be used on the slide show. These trio images were exported as PNG files, allowing for the space between the images to be transparent, so the background of the website can be seen behind.
Once all of the images had been exported to be suitable for the web, they were added onto the site and made responsive using their width styling to be 100%.
Bibliography:
Pinterest. 2019. Elementor Shape Divider – a fabulous new feature | Elementor drag and drop page builder plugin | Layout design, Web design tips, Interface design. [ONLINE] Available at: https://www.pinterest.co.uk/pin/213498838566731057/. [Accessed 3 April 2019]
To begin the process of creating the site the main HTML and CSS needed to be developed as a background to go off, allowing for the site as a whole to be sketched out and then added to using JavaScript functionality and styling CSS to enhance the overall site. To begin this process the HTML was developed with all of the main elements being placed into the code, along with test images which would be replace with the real images nearing the end of completion of the site. The text and layout as a whole was all developed first to provide a basic site which could then be added to. Another element which was going to be included into the site was going to be the use of CSS grids, allowing for elements of the site to be placed in specific parts of the site, providing the opportunity for elements of the site to be styled and placed specifically.
The skill of CSS grids has not yet been learnt so through the process of online tutorials, videos and trail and error the us of CSS grids can be applied to the portfolio. As all of the HTML had been developed by this stage, adding the styling was the next stage. To begin this CSS grids was research and using site including developer mozilla the styling was researched into. It was noticed that many sites were promoting the use of adding grid rows and columns to the sites on each individual element, which after a while became confusing as I began forgetting which element had been assigned which row and columns and overall the whole process became very messy within the code as well as in the browser. From this another way of using CSS grids was researched into as styling each individual element became very confusing. From this the grid area method was discovered within a YouTube video by mmtuts describing a walk through of how to use CSS grids with the grid area styling. After watching the tutorial the method was tested using divs in the same process which had been used within the video, which turned out to be a much easier method than working with the individual elements.
From working through this video, it was then decided that this process would be applied to the portfolio website. This was done in the same way which can be seen in the video by placing each section into a div, assignment a grid area and then stating where each area would be placed within the grid. When working on the site the backgrounds were changed to bright colours, allowing for it to be clearly seen which section is being place where and if the different elements are actually within the grid.
In the image seen above, the grid can be clearly seen holding test images and content, allowing for it to be noticed when elements are overflowing or are not placed within any grid elements. Through the process of testing and changing the different assigned areas, it really helped to understand this process, and with the code being much cleaner using this method it made the whole process much easier to understand.
From learning this skill it has also been noted that grids can also be placed inside other grids, allowing for smaller elements to have grids of their own to hold elements as can be seen in the image above on the right hand side. With this knowledge the development of the CSS worked well and made the development of the placement of elements much easier.
Bibliography:
CSS-Tricks. 2019. A Complete Guide to Grid | CSS-Tricks . [ONLINE] Available at: https://css-tricks.com/snippets/css/complete-guide-grid/. [Accessed 3 April 2019]
CSS Grid Layout. 2019. CSS Grid Layout. [ONLINE] Available at: https://www.w3schools.com/css/css_grid.asp. [Accessed 31 May 2019]
MDN Web Docs. 2019. CSS Grid Layout – CSS: Cascading Style Sheets | MDN. [ONLINE] Available at: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout. [Accessed 3 April 2019]
YouTube. 2019. How to Create Website Layouts Using CSS Grid | Learn HTML and CSS | HTML Tutorial – YouTube. [ONLINE] Available at: https://www.youtube.com/watch?v=HgwCeNVPlo0&t=9s. [Accessed 3 April 2019]
During the past week I have been working on the development of the WordPress website, which admittedly is taking longer than expected due to the fact that I have been learning all of the aspects of WordPress in order to develop this site to the original standard in which the client is looking for. From this, when it came to meeting the client there was not too much to show for the work which I have been making on the WordPress site as I have been learning more so than developing the site itself, and when it came to showing the client, they were very disappointed with the progress which I had been making with the site. The discussion began with the theme of WordPress and how I have been finding it difficult to understand how to develop the site using WordPress to create the wire-frame outline which had previously been worked on. I had mentioned that it might take slightly longer than expected to develop the site and it also might not be to the standard in which the client might be expecting as my knowledge has only taken me so far whilst learning WordPress. From this the client suggested if WordPress was needed to be used or if the site could be coded from scratch using the methods which I have practised being at university. During the conversation the client mentioned that they would want to host the site when it is complete to enable future employers to view the site, but after looking at the different pricing options which WordPress offers, there were not happy with the prices as they had not looked before, and began looking at different hosting sites for an originally coded site. After much discussion about the different pricing options along with the timings of when the project could be finished, the client decided that they would prefer to have a site which was completely hand coded, rather than one which was developed using WordPress. The discussion with the client ended with this point with the assignment moving forward with a new site which will be coded from scratch, along with using the new skills in CSS grids and JavaScript to create animations.
From looking through the user testing results that had been collected, it was noticed that there were a range of social media sites which came up to be included within the site. Before deciding on which social media to use, the different types of which the client is currently using needed to be determined, allowing for a clear knowledge of which links can be put onto the site, along with which links would be more favoured within the industry.
To begin, a meeting with the client was scheduled to go through all of the social media which the client is currently on. From this it was learnt that there were not many sites which the client was actually on as they personally do not enjoy social media. Although they had been using Facebook, Pinterest and had recently downloaded Instagram, although they did not have LinkedIn which was brought up a few times within the user testing and would be beneficial to add to the collection of professional social media. After suggesting this to the client and offering to create an account for them, the client decided that they did not want to have any more social media at the moment, and that in time they will create an account which can be added into the site at a later date.
When researching into the social media which the client currently has, the overall view of the social media was kept professional, allowing for a clear view of how the client works along with their hobbies and interests. When looking through current interior architect’s social media accounts there were a range of similarities which could be seen between the client’s social media and those of others within the industry.
-
-
AI
-
-
Client’s Pinterest
-
-
DHD Pinterest
Along with comparing the client’s social media to that of competitors and agencies, the social media was developed by adding more posts which are related to interior architecture on Pinterest, Instagram and advancing connections with those in the industry. Following different interior architecture companies and influences allows for more interest to be shown in the subject across the different platforms which possible clients or employers could take an interest in.
Bibliography:
IA Interior Architects. Facebook [ONLINE] Available at: https://www.facebook.com/interiorarchitects/ [Accessed 29 March 2019]
I29 Interior Architects. Facebook [ONLINE] Available at: https://www.facebook.com/i29-interior-architects-190319081010539/ [Accessed 29 March 2019]
Pinterest. 2019. 14 Best Archi images in 2019. [ONLINE] Available at: https://www.pinterest.co.uk/yazzie_v/archi/. [Accessed 29 March 2019]
Pinterest. 2019. 50 Best DHD – Commercial Office Design images in 2019 | Architecture interior design, Commercial office design, Interior architecture. [ONLINE] Available at: https://www.pinterest.co.uk/dhd_nyc/dhd-commercial-office-design/. [Accessed 29 March 2019]
Pinterest. 2019. 691 Best Commercial Architecture Design images in 2019 | Architectural drawings, Architecture, Architecture design. [ONLINE] Available at: https://www.pinterest.co.uk/architectsideas/commercial-architecture-design/. [Accessed 29 March 2019]
Yaz Verg. Facebook [ONLINE] Available at: https://www.facebook.com/profile.php?id=100010472973504 [Accessed 29 March 2019]
ᎽᏘᎦMIᏁ (@yaz_verg) • Instagram photos and videos . 2019. ᎽᏘᎦMIᏁ (@yaz_verg) • Instagram photos and videos . [ONLINE] Available at: https://www.instagram.com/yaz_verg/. [Accessed 29 March 2019]
#interiorarchitects hashtag on Instagram • Photos and Videos . 2019. #interiorarchitects hashtag on Instagram • Photos and Videos . [ONLINE] Available at: https://www.instagram.com/explore/tags/interiorarchitects/. [Accessed 29 March 2019]
