---
title: webPuntosColombia
---

### Client

Puntos Colombia

### Industry

Retail - Financial

### Platforms

Mobile (IOS & Android)

### Hiring

Continuous design team

### Services

**

UX Design

**

UI Design

**

User research

**

Interaction design

**

Usability testing

## Overview

For the past six years, we have led the UX/UI processes for Puntos Colombia, a loyalty program that rewards purchases made at more than 500 allied brands. The program has experienced continuous improvement through the application of Human-Centered Design methodology. Both its website and app provide a comprehensive experience, allowing users to explore offers, accumulate and redeem points, and discover services such as Puntos Pay.

In this project, we prioritized the user lifecycle to personalize the experience, focusing on various customer and business needs such as setup stages and general management improvement. With the new web design, we enable constant and relevant availability of learning content, fostering engagement with the program, amplifying relevant offers, and presenting other opportunities where points can be used.

### User-Centric Experience

Guided by the human-centered design methodology, we address the stages of research, ideation, conceptualization, prototyping, and testing. Additionally, we employ** the mobile-first methodology **to ensure usability and accessibility across all devices, thus ensuring an **optimal experience for users**.

Aligned with strategic design, we implement solutions considering the specific needs of each area, collaborating closely with business and marketing teams.

![PCO tienda online](https://www.xperiencedesign.co/hubfs/PCO%20tienda%20online.png)

THE SOLUTION

## A website design that responds to customer key needs in different stages of their journey

![Custom](https://www.xperiencedesign.co/hubfs/XP%20New%20Design/Our%20Work/Custom.svg)

**Personalization  
**We crafted a new experience with the user's life stage in mind. We showcase pertinent program information for new users, along with promotions and relevant comparisons for experienced users.

![ui-design](https://www.xperiencedesign.co/hubfs/XP%20New%20Design/Our%20Work/ui-design.svg)

**UI Design  
**Considering the evolution of Puntos Colombia and its new branding, we adapted the visual language concept to a design system that ensures accessibility and usability.

![interactions](https://www.xperiencedesign.co/hubfs/interactions.svg)

**Interaction Design  
**We capture the user's attention with small details designed to attract their interest. Each interaction is carefully crafted to provide an engaging and memorable experience.

![imgcard2WebPuntos](https://www.xperiencedesign.co/hubfs/imgcard2WebPuntos.png)

### Process

**

Digital Xperience Framework.

**

Design thinking.

**

Atomic design.

**

Mapping the user journey.

**

Agile team collaboration framework: Scrum.

### Deliverables

**

User testing report and analysis.

**

Information architecture.

**

Low fidelity wireframes.

**

High-fidelity wireframes and prototypes.

**

Prioritization matrix and workflow modeling with development team.

**

Microinteractions prototype.

![Logo-1](https://www.xperiencedesign.co/hubfs/Logo-1.png)

 “We have been working with Xperience for 6 years, they have guided us in the experience design of our digital channels, it has been a continuous learning process for both parties, their knowledge and flexibility has allowed us to iterate and define the best model to suit the needs of our organization.”

### Manuela Atehortúa

#### Experience Manager, Puntos Colombia

# **View other projects**

[![Recursos Work-10](https://www.xperiencedesign.co/hubfs/Recursos%20Work-10.png)

### Helm Bank USA

UI Design System

](https://www.xperiencedesign.co/helm-bank-ui-design) [![Recursos Work-05](https://www.xperiencedesign.co/hubfs/Recursos%20Work-05.png)

### FIBA

Value Offer, Information Architecture Design

](https://www.xperiencedesign.co/webfiba)

```json
{
  "@context" : "https://schema.org",
  "@type" : "Organization",
  "alternateName" : "Xperience Design - Agencia de diseño de servicios en Medellín",
  "logo" : "https://www.xperiencedesign.co/hubfs/Xperience/XP%20WEB/Logo%20Xperience.svg",
  "name" : "Xperience Design",
  "sameAs" : [ "https://co.linkedin.com/company/xperiencedesign-co", "https://www.instagram.com/xperiencedesign.co/", "https://www.facebook.com/xperiencedesign.co/" ],
  "telephone" : "604 322 23 02",
  "url" : "https://www.xperiencedesign.co/"
}
```

```json
{
  "@context" : "https://schema.org",
  "@id" : "",
  "@type" : "ProfessionalService",
  "address" : {
    "@type" : "PostalAddress",
    "addressCountry" : "CO",
    "addressLocality" : "Medellín",
    "postalCode" : "050024",
    "streetAddress" : "Carrera 52 #14-30 Oficina 206 Centro empresarial Olaya Herrera"
  },
  "alternateName" : "Xperience Design - Agencia de diseño de servicios en Medellín",
  "geo" : {
    "@type" : "GeoCoordinates",
    "latitude" : 6.2187538,
    "longitude" : -75.5800735
  },
  "image" : "https://www.xperiencedesign.co/hubfs/Xperience/XP%20WEB/Logo%20Xperience.svg",
  "name" : "Xperience Design",
  "openingHoursSpecification" : {
    "@type" : "OpeningHoursSpecification",
    "closes" : "18:00",
    "dayOfWeek" : [ "Monday", "Tuesday", "Wednesday", "Thursday", "Friday" ],
    "opens" : "08:00"
  },
  "sameAs" : "https://www.xperiencedesign.co/",
  "telephone" : "604 322 23 02",
  "url" : "https://www.xperiencedesign.co/"
}
```