Clientwise
![](https://cdn.prod.website-files.com/657fd557465ed5c6e7ef8181/661f63362d8c1fb0ae1ff59f_codevidia-clientwise-web-design-portfolio-1920.webp)
The Background
Clientwise is a cutting-edge case management web application developed with WordPress, showcasing our advanced WordPress development capabilities. This robust system is designed to seamlessly integrate with essential e-commerce functionalities, leveraging custom-coded themes and plugins to extend the capabilities of WooCommerce, WooCommerce Memberships, and WooCommerce Subscriptions.
![](https://cdn.prod.website-files.com/657fd557465ed5c6e7ef8181/661638eb0a1fec7315cf5fbd_Group%20162854.webp)
![](https://cdn.prod.website-files.com/657fd557465ed5c6e7ef8181/66163952404bb9f0ad11ca83_Group%20162852.webp)
![](https://cdn.prod.website-files.com/657fd557465ed5c6e7ef8181/661638be7d3a93b43d8ec381_Group%20162850.webp)
![](https://cdn.prod.website-files.com/657fd557465ed5c6e7ef8181/6616399cce1eda0f3c9afaaa_Group%20162851.webp)
Style Guide
Logo
Typography
HEADINGS
Font Size: 20px
Font Weight: Medium
Line height: 25px
Font Size: 20px
Font Weight: Medium
Line height: 25px
Font Size: 16px
Font Weight: Medium
Line height: 25px
Font Size: 12px
Font Weight: Semibold
Line height: 25px
Font Size: 13px
Font Weight: Light
Line height: 19px
Mobile
Font Size: 17px
Font Weight: Medium
Line height: 25px
Mobile
Font Size: 15px
Font Weight: Medium
Line height: 20px
Mobile
Font Size: 15px
Font Weight: Medium
Line height: 20px
Mobile
Font Size: 11px
Font Weight: Semibold
Line height: 18px
Mobile
Font Size: 12px
Font Weight: Light
Line height: 13px
Letter spacing: 0.71%
BODY, LABELS
Font size: 14px
Line height: 20px
Font size: 13px
Line height: 21px
Font size: 12px
Line height: 13px
Colors
Dark Gunmetal
#1E1E2D
Brilliant Azure
#3699FF
Tiffany Blue
#1BC5BD
Charcoal
#35364E
Anti-Flash White
#EEF0F8
White
#FFFFFF
Salmon Pink
#FF99A7
UI Elements
![](https://cdn.prod.website-files.com/657fd557465ed5c6e7ef8181/65dd3ff21c85fee7c3329b4b_clientwise-form-elements.png)
Figma UI Design
Our UI/UX design process on Figma involves a meticulous exploration of client requirements, followed by the creation of pixel-perfect responsive designs. Leveraging Figma's collaborative features, we seamlessly transition from wireframes to high-fidelity designs, ensuring a visually stunning and flawlessly responsive user interface across diverse devices.
Ready to work with us?
Explore Plans
More Projects
View All Works