A complete product and brand refresh for Nova, including a new Framer landing page, a scalable design system, and a redesigned timesheet platform focused on consistency, usability, and modern SaaS workflows.
A complete product and brand refresh for Nova, including a new Framer landing page, a scalable design system, and a redesigned timesheet platform focused on consistency, usability, and modern SaaS workflows.
Timeline: 3 months
Category: Website design & design system
Project type: Freelance project
Techstack/tools : Miro/ Figma / Framer
Year: 2025
Timeline: 3 months
Category: Website design & design system
Project type: Freelance project
Techstack/tools : Miro/ Figma / Framer
Year: 2025
Timeline: 3 months
Category: Website design & design system
Project type: Freelance project
Techstack/tools : Miro/ Figma / Framer
Year: 2025
01. THE CHALLENGES
Nova had no dedicated landing page, limiting its ability to communicate the product and attract new customers.
The platform lacked a cohesive brand identity, with no established colour palette, typography, or visual direction.
Outdated components created an inconsistent user experience, with poor spacing, sizing, and alignment throughout the platform.
Core product areas, including timesheets, clients, suppliers, and cost hours, lacked consistency across layouts and interactions.
The absence of a scalable design system made it difficult to maintain consistency and support future product growth.
Reusable UI patterns and documentation were needed to create a more efficient and consistent design and development workflow.
02. THE PROCESS
Conducted client workshops and industry research to understand Nova’s users, goals, and platform requirements.
Audited existing components to identify inconsistencies across spacing, sizing, alignment, and visual hierarchy.
Established a new visual direction by creating Nova’s branding, colour palette, typography, and design principles.
Designed a comprehensive component library in Figma, including tables, tabs, CTAs, headers, footers, form fields, selection controls, modals, and sign-in components.
Collaborated with developers to ensure designs were technically feasible and accurately implemented.
Created full example pages to demonstrate how components worked together across key platform areas, including timesheets, clients, suppliers, and cost tracking.
03. THE OUTCOMES
Delivered Nova’s first dedicated landing page and established a professional digital presence.
Transformed an outdated interface into a modern, consistent product experience.
Created a scalable design system to improve UI consistency across the platform.
Redesigned key workflows including timesheets for clients, suppliers, and cost management.
Unified the marketing site and platform through a cohesive visual identity.
Developed comprehensive style sheets documenting typography, colours, spacing, and component usage to support design consistency.
01. THE CHALLENGES
Nova had no dedicated landing page, limiting its ability to communicate the product and attract new customers.
The platform lacked a cohesive brand identity, with no established colour palette, typography, or visual direction.
Outdated components created an inconsistent user experience, with poor spacing, sizing, and alignment throughout the platform.
Core product areas, including timesheets, clients, suppliers, and cost hours, lacked consistency across layouts and interactions.
The absence of a scalable design system made it difficult to maintain consistency and support future product growth.
Reusable UI patterns and documentation were needed to create a more efficient and consistent design and development workflow.
03. THE OUTCOMES
Delivered Nova’s first dedicated landing page and established a professional digital presence.
Transformed an outdated interface into a modern, consistent product experience.
Created a scalable design system to improve UI consistency across the platform.
Redesigned key workflows including timesheets for clients, suppliers, and cost management.
Unified the marketing site and platform through a cohesive visual identity.
Developed comprehensive style sheets documenting typography, colours, spacing, and component usage to support design consistency.
02. THE PROCESS
Conducted client workshops and industry research to understand Nova’s users, goals, and platform requirements.
Audited existing components to identify inconsistencies across spacing, sizing, alignment, and visual hierarchy.
Established a new visual direction by creating Nova’s branding, colour palette, typography, and design principles.
Designed a comprehensive component library in Figma, including tables, tabs, CTAs, headers, footers, form fields, selection controls, modals, and sign-in components.
Collaborated with developers to ensure designs were technically feasible and accurately implemented.
Created full example pages to demonstrate how components worked together across key platform areas, including timesheets, clients, suppliers, and cost tracking.
01. THE CHALLENGES
02. THE PROCESS
03. THE OUTCOMES