Raman Illusions is a multi-page portfolio website that I designed and developed for a client. The main purpose of this site is to showcase the client's work and provide more information about their company. From a technical standpoint, HTML5 is being used for the markup, Sass for the styles and JavaScript (ES6) for interactivity.
Visit The Live Website Here: https://www.ramansmagic.com/
✔️ Create/design a consistent style guide
✔️ Formulate a colour palette to be used throughout the website.
✔️ Choose your typography, font must be legible to the user.
✔️ Ensure that the website design will be accessible to all users (e.g. users with colour blindness or any other visual impairement)
✔️ Design five responsive page layouts (1. Home, 2. About Us, 3. Shows, 4. Work, 5. Contact Us).
✔️ Website must be responsive across all screen sizes
✔️ Website must be fully compatible with the latest version of the following browsers: Chrome, Firefox, Safari and IE 10+.
✔️ Implement lazy-loading with JavaScript to ensure that all off-screen images/videos are deferred (and only load once the user scrolls to the position where the resource is located).
✔️ Properly size and optimize images.
✔️ Ensure that the website is accessible to users that have any sort of visual or hearing impairements. Website should be screen reader friendly, make efficient use of aria-labels, image descriptions, etc.
✔️ Write clean, readable and well-commented client-side code.
✔️ Ensure that the contact form is functional and points to the correct email address.
✔️ Connect to the Google Maps API to create a map with multiple locations and pins.
✔️ HTML markup must match SEO specifications provided to ensure that the website will be search engine friendly
✔️ HTML5
✔️ Sass
✔️ JavaScript (ES6)