Creating a Website: Portfolio Page

 Today I am setting my portfolio/gallery page, ready to add my project work for this term for assessment.

I have opened Wix and  the I am going to click on Pages and Menu and the 'Portfolio'

Next I added a new page by clicking on 'pages and Menu and then 'Add menu item' and then 'New Page' I then changed the name of this page to the name of my project.  I then made this into subpage by clicking on the three dots at the end and choosing 'subpage'

I then change the colour of my main portfolio page to match the rest of my website.  I did this by just right clicking on the background and then clicked 'change background' in the dropdown box.  I chose the shade of grey that is the same as the rest of the site.

I then added a title to the page and description.  I did this by clicking on the 'Add' button in the left-hand tools menu and choose 'Heading' 1 for the title and a 'small paragraph' for the description.   I then clicked on 'Edit Text'  and changed the font to Palatino Linotype, the font of my website for the title was 70pts.  I then changed the paragraph to 33pts. I then used the 'Add' button and clicked  Add Image and I uploaded a still from my film.  I slightly cropped this in the image editor in Wix.  I then lined up and centred the text and image using the gridlines on Wix.

I repeated actions above on my project page, except on my project page I added my project which was a film.  I did this by clicked on 'Add' and chose 'Videos and Music'  I chose the Youtube film box and then went to my Youtube channels and copied the link to add to the URL needed to display the fim. 

My next step was to add a button to my Portfolio front page, I did this by clicking on 'Add' and then 'Button' .  I then clicked on 'Edit Button' and Changed the text to the title of my project and added the link to the page that I wanted it to go to.  I then went back and clicked on the paintbrush to design the button and I changed the font to Palatino Linotype and the size and colour if the text. 

I then I repeated the action above to create a 'back to portfolio' button on my project page.

I then checked my mobile view I needed to make my buttons and text smaller as can be seen below

Here is the changed size of the button here on my portfolio page - this now works correctly 

I have continued to update my page and I have written an introduction to my project used the same text palatino linotype at 20pts.  I realigned everything on the page using gridlines.

I then checked and redid my image on the portfolio page as I knew I could do this better! I clicked on the image went 'change image' then uploaded the new screenshot from the film and realigned with gridlines

I saved and previewed all this work to check it was all working well then I checked my mobile view again as I had made changes 

I centred 'portfolio' and checked the text and image on and the front portfolio page this was all looking good

On the page with my project I made all text smaller and the back to portfolio smaller and I think this will be better for the mobile.  The film appears at the end of the page however this can appear full screen and can be watched in full screen mode with just rotation of the mobile. 

I think I am happy about the site for the moment however I will update and make changes if I feel anything does not work as well as it should after UX testing