For pages that do no exist on the website, it redirects to the web hosting company's 404 page. This page's styling does not match the branding of the portfolio website which may be confusing to users. In addition, it does not provide an easy way to navigate back to the website.
The solution to this issue is to create a custom 404 page and edit the .htaccess file so it redirects appropriately. The 404 page itself should contain an informative message to the user and a CTA to go back to the home page.
Steps to Reproduce
Visit a page that does not exist. For instance, this can be done by typing a random string of characters after the URL. ex. karinasong.com/public/projects/non-existent-project
Expected Result
User should see a 404 page with an informative message and a CTA to navigate back home.
Actual Result
The user sees the hosting company's 404 page.
Environments
This is present across all browsers in any environment.
Created and edited .htaccess file using the web hosting cpanel. Added redirect to custom 404 page and properly redirects when user tries to navigate to non-existent page
Description
For pages that do no exist on the website, it redirects to the web hosting company's 404 page. This page's styling does not match the branding of the portfolio website which may be confusing to users. In addition, it does not provide an easy way to navigate back to the website. The solution to this issue is to create a custom 404 page and edit the .htaccess file so it redirects appropriately. The 404 page itself should contain an informative message to the user and a CTA to go back to the home page.
Steps to Reproduce
Expected Result
User should see a 404 page with an informative message and a CTA to navigate back home.
Actual Result
The user sees the hosting company's 404 page.
Environments
This is present across all browsers in any environment.
Screenshots
The current 404 page