• Introduction
• Features
  • Existing Features
  • Features Left to Implement
• Testing
  • Website Functionality Testing
  • UI Testing
  • Compatibility Testing
  • Validator Testing
  • Lighthouse Testing
• Deployment
• Credits
  • Content
  • Media
  • Font

Voces Creo is a chamber choir based in Dublin, Ireland, and was founded in 2020. The choir aims to bring together singers from all walks of life to perform choral music of different cultures and across all historical period. The choir is constantly exploring repertoire that are not written by dead white men to promote diversity and inclusion for composers from underrepresented groups.

• Navigation Bar

  • The full responsive navigation bar which features on all pages includes link to the Logo, Homepage, Events and Contact pages. It is identical in each page to allow for easy navigation.
  • This section will allow users to navigate different pages easily without having to go back to the previous pages with the 'back' button.

• The landing page image

  • The landing page presents an eye catching photograph of the full choir and the conductor to allow the user to have a good idea of the size and look of the the choir.

• Choir Biography

  • The choir biography gives a brief introduction of the choir and shares the choir's aim and direction to the user.
  • The biography will attract user who shares the same passion and encourage more singers to join the choir.
  • The biography targets user who are composers from the underrepresented group to reach out and send in their own compositions for the choir to perform.

• Gallery

  • The gallery provides user with supporting images to give an insight of what the choir rehearsals and performances look like.
  • The gallery images are of the conductor and singers to allow user to be familiar with the members of the choir.
  • The gallery has a video that welcomes user to play and enjoy the choir's performance. This video gives a preview of how the choir sound like to the user and to encourage user to attend the choir's upcoming concerts and singers to join the choir.

• The Footer

  • The footer includes link to the relevant social media sites for Voces Creo. The links will open to a new tab to allow easy navigation for the user.
  • The footer is essential for the user as it encourages them to stay connected via social media.
  • Social media links are Facebook, Twitter, Instagram and YouTube.

• Events

  • This section will allow user to keep updated on upcoming events and concerts organised by the choir. Each event includes the title, date, time and location of the concert for the user.
  • The events include external links for the user to purchase tickets outside of the choir's website.

• Contact Us

  • This page allows user to get in touch with any queries, including singers who are interested in joining the choir and user who would like to hire the choir for an event.
  • The user will be asked to provide their full name, email address and message to the choir. The user will be able to specify the type of enquiry by selecting one of the options in the form.

• Members Zone

  • This page allows choir members to log in to the member zone to access files and latest information from the choir.

• Store

  • This page allows user to browse through the choir's catalog and purchase the choir's music and merchandise.

• Links Testing

  • All links are functioning and direct to the assigned external page.

• Form Testing

  • All inputs needs a correct value and are required to be filled.

• Evaluated designs including layout, colours, fonts, font sizes, text formatting, buttons, lists, icons and links.
• Tested with different screen resolutions and devices using Chrome DevTools.
• Tested colour contrast across all pages using Color Contrast Analyzer by Adobe and made sure the colour contrast is high enough.

• Firefox

  • Website functions as normal.

• Chrome

  • Website functions as normal.

• Microsoft Edge

  • Website fucntions as normal.

• HTML
  • No errors were returned when passing through the official W3C validator.
• CSS
  • No errors were found when passing through the official (Jigsaw) validator.

• Desktop Version

  • All pages are tested and achieved full mark of 100 for Accessibility, Best Practices and SEO.
  • Performance score for all pages is 100 except for the index page which has a score of 95.

• Mobile Version

  • All pages are tested and achieved full mark of 100 for Accessibilty and Best Practices.
  • Performance score for all pages is 96.
  • SEO score for index and events pages is 100 except for contact us page with 97.

• The site was deployed to GitHub pages. The steps to deploy are as follows:
  • Navigated to the Settings tab in the GitHub repository
  • Clicked on the Pages tab on the left
  • Selected the Main Branch from the source section drop-down menu
  • Refreshed page with a detailed ribbon display indicating the successful deployment

The live link can be found here - https://celine-14.github.io/first-portfolio/

• The icons in the footer were taken from Font Awesome.
• The fonts were imported from Google Fonts.

• The photos used on the home page, contact page and gallery are from Pexels by photographer Thirdman.
• The video used in the Gallery section on home page is from Celine Leong.

• The inspiration behind the font pairing is taken from Reliable.