Project • Web
Fairhaven Rescue Mission
A revamp and responsive restructuring for a Mens shelter/Rescue Mission in Covington, KY. They had a well established existing website that was built in wordpress with quite a few plugins. I was tasked with making their mobile site less cluttered and easy to read and scroll. Also the addition of a heart filling dontation button to make users see and feel that they filled a heart with each dontaion.
Quick Stats
Role
Design · Frontend · Light backend
Stack
HTML, CSS, JavaScript, PHP, JSON-LD
Focus
Mobile Layout, interactive UI, animated button
Status
Live / growing
Preview
What I built
The mobile revampe utilized custom css to give the users all the nesary information without overwhelming them with wall of text and endless scrolling. Short simple Clear.
- cloning and creating a proxy enviroment to test php implemented javascript within as to not affect the live site.
- Enhanced heirachy, custom mobile css
- interactive elements, pages added
- approachable, inforamtive, helpful.
Under the hood
- Static HTML/CSS/ bedind wordpress and plugin php.
- Responsive layout tuned for phone-in-hand learning about what they have to offer and how you can help.
- JSON-LD event markup to help search engines direct donation and those in need to this rescue mission.
- custom edits to css ensured that new elements will follow those same guides ensuring a lasting update to mobile ressponsiveness and layout structure for years to come.
Color palette
#FFFFFF (background)
#32499C (accent)
#EBEB23 (highlight)
#000000 ( Ink / body)