Radiant Chiropractic Care
UI/UX Design & Development
Date
2023
Role
UI/UX Design & Development
Status
Complete
Structure
Waterfall / Linear
Project Type
Mobile & Tablet App
Overview
James Kang & I co-designed and developed a singlepage formatted website for a blossoming chiropractor locally. Our goal was to create an easy-to-use website to open the gate for clients both new & existing to book appointments & learn about her practice. We utilised figma for the initial design experimentation, sticking closely towards the brand identity and using that as the basis for our palette, we moved swiftly onto Vite with React & Tailwind CSS for development and experimentation of functionality and features we could implement, like the google maps API and FAQ dropdowns.
Software Used
Project Process
Challenge
Being given a short period of time to go from branding to opening doors, creating a full scale website for the start of the next month presented various challenges, especially co-designing and programming on a commercial level whilst liasing with client expectations. We were tasked with creating a site as an entry point into Mikayla's appointment scheduling system with all her client details.
Process
James & I started with outlining goals & expectations and functionality to build. We then proceeded to discuss features and ensure we were aligned aesthetically before diving into our own sections to experiment with before coming together to discuss prototype layouts and ideate together. Once experimental designs for each section were settled, we mocked up the final high fidelity frame, adjusted sizings to ensure maximum usability & accessibility, checked colour contrast compliance and created our pitch for our client, Mikayla. After we received approval, we got to work, creating a new website utilising Vite as the framework for React & Tailwind CSS, systems we were both familiar with and were able to work swiftly within.
Solution
Experimenting with Google Maps API, Vertical Scrolling and Responsive Text Cards, we created a full singlepage site aimed at drawing the user towards booking whilst teaching them about Mikayla's practice and specialities and ensured we had all bases covered in regards to both web standards, accessibility & performance wise but also making sure all data in regards to the medical standards of private practice were met i.e privacy policy, terms & conditions, etc.
Colour Palette
Explore this palette of colors, each representing a unique shade with space for a description or additional content.
Primary
#FFC400
Secondary
#FDE07E
Tertiary
#9F842A
Other
#FEFEFE
Alternative
#050505
