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