Project Info

About The Project

This was a group project part of my BSc course.

KBA+D is an architecture and interior design practice based in Edinburgh, Scotland.

I was responsible for the interface design and back-end development. The client (KBA+D) wanted to replace the existing website with a fresh new look. The original website wasn't responsive on mobiles or tablets.

• The navigation menu was badly implemented on the right and didn't comply with the design standard.
• The design elements didn't get in the way of the contents.
• Too many texts on the people page without READ MORE or LESS buttons.
• The images weren't optimised and take longer to load.
• The contact page didn't have an interactive Maps or a contact form.
• The email address was visible publicly, this could lead to end up with an Inbox full of spams.
• The application didn't have a content management system (CMS) where the admin could add, edit or delete projects, locations or categories by themselves.

What I Have Done

• Redesigned the whole website from scratch using the latest design strategy
• Used Bootstrap to support mobile, tablet and desktop screen layouts
• Used HTML5, CSS3, PHP, MySQL
• Implemented Web loader until the page is loaded
• Used appropriate text colour & font sizes
• Designed most of the sections into one page
• Used appropriate colours on different sections
• Smooth scroll down to section on click
• Implemented Read (more +) / (less -) buttons on the Meet Us section
• Hover to zoom in on the Awards & Press images
• Back to the top button
• Implemented social media icons on the bottom of the homepage with matching colours
• Implemented a contact form & interactive Google Maps
• Admin login
• Password encryption (Hash and salting)
• Allow Admin to add new projects, locations or categories using the CMS
• Display categories and projects with location from MySQL database
• User inputs verification, SQL injection & security features for all user inputs