Colin Spence
Design Engineer
Open for hire

Redesigning a fitness rewards appfrom brand identity to product UI

    Summary

    I redesigned Actifit's brand identity, landing page, and core app screens as a self-initiated project — developing a new logomark rooted in the platform's three pillars (fitness, community, rewards), 3D illustrations, and UI concepts that modernized the product experience.
    Just here for the results?
  • Client

    Actifit
  • Role

    Brand & Product Designer
    logo design
    3d illustration
    ui/ux design
    visual identity
  • Timeline

    2021
    Self-initiated redesign
  • Category

    brand design
    mobile app
    web3
    3d illustration

The Challenge

Actifit rewards everyday physical activity with crypto tokens — a compelling concept held back by an outdated visual identity and app experience that didn't match its ambition. The brand lacked the polish needed to onboard users outside the existing blockchain community, and the app's core screens buried motivational signals under basic UI.

    Design Approach

  • Distill the brand into its core system

    Identified three interdependent pillars — fitness, community, and rewards — that feed into each other as a cycle. This led to a triangular logomark that captures movement and energy while communicating the 'A' in Actifit and AFIT.

  • Refine the mark for versatility

    Iterated from early sketches through 3D coin renders to final vectorized forms, prioritizing sleekness and scalability across tiny icons and large applications. Adjusted the brand red for better contrast and legibility at small sizes.

  • Reframe the landing page for the right audience

    Shifted the landing page away from a fitness-first framing toward the idea of earning rewards from casual everyday activity — walking the dog, going to the store. Modeled 3D illustrations to bring warmth and approachability to the hero section.

  • Redesign core app screens for motivation and clarity

    Redesigned the step tracker to surface motivational messaging, daypart activity breakdowns, and simplified weekly progress — fitting more information on screen while reducing visual clutter. Extended the identity to a text-heavy profile page to stress-test the system.

  • Divergent exploration — sketching logomark concepts around the three pillars of fitness, community, and rewards

  • Converging on the triangular form and refining for sleekness and scalability

  • Testing the mark in single-color applications across black and white

Results & Impact

Full identity system from concept to delivery
Logomark, wordmark, color refinements, and black-and-white variants — built for scalability from app icons to landing pages.
Community validation
Published the redesign to the Actifit community on Hive, receiving positive feedback from users and an endorsement from the Actifit team to explore implementation.
Brand-to-product coherence
Extended the visual identity across landing page, 3D illustration, step tracker, and profile — proving the system worked across contexts.