Improving Website : After Feedback & UX Testing

After the feedback & UX testing of the website, I started improving my website. The feedback really helped me to know how and what changes will make my website look more professional based on my progression route in the future.

I changed the name of the website and then wrote 'RIYA.' in light sky blue color using Cormorant Garamond Semi Bold font style and 105 font size. Then I changed the 'Architecture' title using Snell Roundhand font style and 36 font size. Moreover, my section background was not matching my color palette of the website as it was very dull so I decided to change it and uploaded an image from Pexels and placed it in the background. And, the initials were also changed so I just wrote RA instead of JRA.

 

HOME PAGE

This is a welcome section which I add using the elements then put a welcome template and customised it as I wanted such as for the text I wrote a quote of a famous architect REM KOOLHAAS and used the font Monotype Baskerville and 19 font size and for the architect name, I used the font Playfair Display and 18 font size. Moreover, for the title 'ARCHITECTURE', I used Helvetica Light font and 38 font size to write and also changed the font color to dark blue. the image behind the text is a picture from Pexel and I also changed the background color into light sky blue color.

This is my contact page which is also a scroll down in the home page. Earlier, the image behind the contact form was really bright as mentioned in the feedback of the website so, I changed into a blue striped background picture from Unsplash. I also changed the shadow of the input fields color into light sky blue and also the submit button color into the same color.

In the portfolio page, I put two images side by side and put two buttons under it to access the subpage which are Past Sketches and Farmhouse. 

PORTFOLIO PAGE

In the first subpage, the sketches are my past works which are just some rough sketches of some buildings which I liked a lot and sketched them. I have also put description here in the text box as to describe the sketches. I put the the image of the sketches in a sliding gallery from the elements. I also put a button here to go back to the portfolio page. the background image was taken from Unsplash. 

In the second subpage, it is the final project page of this first term where I will ;publish my work later on and I will also discuss the future changes of this page in another blog and as of now, the button will direct to the portfolio page .

In the about page, I changed a lot of things starting with the background image taken from Pexels then, I changed my picture as the earlier picture was with a black background. That was not looking good in the website so I uploaded this new picture by editing the lighting of the image and increasing the saturation. I changed the font color of 'About Me' title into dark blue.

ABOUT PAGE

As I talked earlier about all the changes in the home page description, the contact page is in there, there is no other changes. 

CONTACT PAGE

After reading the feedback, one of my social media links were not working but now I have changed all the settings and it works properly and I have also increased the size to make it more visible in the website.

All the changes will be continuing until I publish my final project so, I will continue to keep track of the future changes and describe it thoroughly here. I am really satisfied with the initial outcome of my website for this moment.