Back

Back

HourStack

HourStack

HourStack is a visual time and task management platform that helps individuals and teams plan, track, and analyze their time. As the team's sole designer, I owned the complete design vision across brand, product, and marketing—building a unified identity and user experience from the ground up.

My work ranged from defining the brand language and design system to designing intricate product features and workflows, ensuring a cohesive and intuitive experience across every touchpoint.

What I did

Product design
Design system
Brand identity
Website
UX/UI design
User research
Logo design

Year

2020 - 2023

Role

UX/UI Designer (In-house)

Process & Approach

At the core: flexible, powerful, and simple to use time management

Our small but nimble team transformed HourStack from MVP into a seamless, intuitive, and thoughtful product experience. The aim was to help empower users to make the most of their time: designing a tool that felt simple, efficient, and satisfying to use while enabling them to track the detailed, actionable data (tagging, team visibility, reports) needed for a variety of resource management workflows.

Our user-centric approach

I grounded design decisions in our users, using a combination of product analytics, competitor research, direct customer feedback (including surveys, support queries, and beta feature testing) to determine and prioritize product improvements. With a diverse range of roles and workspaces, ranging from solopreneurs to large enterprise teams, I balanced complex feature needs of power users with an approachable learning curve: building strong core functionality with consistent and intuitive interaction patterns, using progressive disclosure of additional or secondary features, and including informative tooltips and support throughout.

My work helped evolve and elevate HourStack's core time management and reporting features, expand the product with highly-requested native project management, and bring thoughtful details throughout to give users the best possible experience. We shipped features including new native task views, enhanced integration and template functionalities, comprehensive admin and permission management, and regular UX/UI updates focused on giving users a friction-free, visually responsive, and efficient time management experience.

A design system created with seamless interactions, flexibility, and scale in mind

I created a comprehensive design system to maintain consistency across the product and streamline the development process, and designed interfaces for various integrations and a Chrome extension to extend HourStack's capabilities. This included a semantic color system for both dark and light modes, typographic guidelines, and a complete component library.

Elevating the brand with a new identity

I created a distinguishable, modern brand identity, including an updated logo, color palette, and typography. Rooted in the principle of simplicity and feeling of flow designed into the product, the new identity gives visual resonance identity to both existing and prospective users.

HourStack offers a powerful set of time management features in a clean, intuitive, and focused design
HourStack offers a powerful set of time management features in a clean, intuitive, and focused design
HourStack offers a powerful set of time management features in a clean, intuitive, and focused design
HourStack offers a powerful set of time management features in a clean, intuitive, and focused design
HourStack offers a powerful set of time management features in a clean, intuitive, and focused design
HourStack offers a powerful set of time management features in a clean, intuitive, and focused design
The web app includes native or integrated task management, scheduling and time tracking, reporting and data exports
The web app includes native or integrated task management, scheduling and time tracking, reporting and data exports
The web app includes native or integrated task management, scheduling and time tracking, reporting and data exports
The web app includes native or integrated task management, scheduling and time tracking, reporting and data exports
The web app includes native or integrated task management, scheduling and time tracking, reporting and data exports
The web app includes native or integrated task management, scheduling and time tracking, reporting and data exports
I redesigned HourStack's identity to reflect the product's feelings of clarity and flow
I redesigned HourStack's identity to reflect the product's feelings of clarity and flow
I redesigned HourStack's identity to reflect the product's feelings of clarity and flow
I redesigned HourStack's identity to reflect the product's feelings of clarity and flow
I redesigned HourStack's identity to reflect the product's feelings of clarity and flow
I redesigned HourStack's identity to reflect the product's feelings of clarity and flow
The new logo is inspired by the form of the time blocks and the feeling of flow
The new logo is inspired by the form of the time blocks and the feeling of flow
The new logo is inspired by the form of the time blocks and the feeling of flow
The new logo is inspired by the form of the time blocks and the feeling of flow
The new logo is inspired by the form of the time blocks and the feeling of flow
The new logo is inspired by the form of the time blocks and the feeling of flow
Responsive design allows flexible tracking across devices
Responsive design allows flexible tracking across devices
Responsive design allows flexible tracking across devices
Responsive design allows flexible tracking across devices
Responsive design allows flexible tracking across devices
Responsive design allows flexible tracking across devices
Every section of the product was designed with consistency, helpful visual indicators, and clear hierarchy
Every section of the product was designed with consistency, helpful visual indicators, and clear hierarchy
Every section of the product was designed with consistency, helpful visual indicators, and clear hierarchy
Every section of the product was designed with consistency, helpful visual indicators, and clear hierarchy
Every section of the product was designed with consistency, helpful visual indicators, and clear hierarchy
Every section of the product was designed with consistency, helpful visual indicators, and clear hierarchy
The updated design and color system were built to support both light and dark modes, giving users more flexibility in their experience
The updated design and color system were built to support both light and dark modes, giving users more flexibility in their experience
The updated design and color system were built to support both light and dark modes, giving users more flexibility in their experience
The updated design and color system were built to support both light and dark modes, giving users more flexibility in their experience
The updated design and color system were built to support both light and dark modes, giving users more flexibility in their experience
The updated design and color system were built to support both light and dark modes, giving users more flexibility in their experience
A refreshed marketing site included a product tour, use case landing pages, company resources, a help center, and more
A refreshed marketing site included a product tour, use case landing pages, company resources, a help center, and more
A refreshed marketing site included a product tour, use case landing pages, company resources, a help center, and more
A refreshed marketing site included a product tour, use case landing pages, company resources, a help center, and more
A refreshed marketing site included a product tour, use case landing pages, company resources, a help center, and more
A refreshed marketing site included a product tour, use case landing pages, company resources, a help center, and more
Blog & marketing graphics showcase feature updates and promote customer engagement
Blog & marketing graphics showcase feature updates and promote customer engagement
Blog & marketing graphics showcase feature updates and promote customer engagement
Blog & marketing graphics showcase feature updates and promote customer engagement
Blog & marketing graphics showcase feature updates and promote customer engagement
Blog & marketing graphics showcase feature updates and promote customer engagement
The app and marketing site support a variety of use cases and customer needs
The app and marketing site support a variety of use cases and customer needs
The app and marketing site support a variety of use cases and customer needs
The app and marketing site support a variety of use cases and customer needs
The app and marketing site support a variety of use cases and customer needs
The app and marketing site support a variety of use cases and customer needs
© 2026

Designed & built by Daniela Rivas ◡̈

Portland, Oregon,

10:46 PM