Leiturinha (Sandbox Group)

Redesigndo Checkout

Como tornar o checkout mais simples e fazer mais pessoas concluírem a compra?

Esse foi o desafio do redesign do checkout do Clube Leiturinha, desenvolvido em parceria com Victor Silva. Enquanto ele conduziu a pesquisa, a definição do fluxo e a experiência do usuário, fui responsável por toda a interface do produto e pela construção da biblioteca de componentes. O objetivo era reduzir o abandono, corrigir problemas do fluxo existente e tornar a jornada de compra mais clara, do plano ao pagamento. O projeto está em produção.

UI Design

Product Design

Design System

Checkout

Responsivo

Graphic depicting UI-styled buttons with different categories of interior design items on top of an image of a modern interior living room.

O desafio

O checkout anterior apresentava uma taxa elevada de abandono, além de inconsistências e pontos de atrito ao longo da jornada. O objetivo era simplificar cada etapa da compra, tornando o processo mais claro, previsível e confiável.

Graphic of a typography specimen showing the alphabet and numerals on top of a dark gray background.
Graphic depicting a hexagonal cropped photo of an interior room design with grid lines along its borders.

Meu papel

O projeto foi desenvolvido em dupla com Victor Silva. Ele ficou responsável pela pesquisa, pelo fluxo e pela estratégia de UX. Minha atuação concentrou-se na interface do produto: desenhei toda a experiência visual para desktop e mobile, apliquei a identidade da marca e desenvolvi a biblioteca de componentes utilizada em todo o checkout.

Stationery design of letterhead and business cards for the company Anders on top of a blurred photo of a house interior.

Design System

Como o checkout reúne diversas etapas e estados — seleção de plano, dados pessoais, endereço, pagamento, confirmação, erros e carregamento —, criei uma biblioteca de componentes para garantir consistência visual, facilitar a manutenção e tornar o handoff para desenvolvimento mais eficiente.

Graphic of a close up of a website depicting an Our Projects page with sample project names and dates.
Graphic depicting a color palette of Stone Brown, Dark Navy, Beige, and Cream White along with corresponding hex color codes.

O que mudou

Além de reorganizar e simplificar o fluxo, o novo checkout trouxe funcionalidades que não existiam na versão anterior, como pagamento via Pix, sugestão de categoria literária com possibilidade de alteração durante a compra, login por código de acesso e uma barra de progresso para orientar o usuário em cada etapa.

Graphic depicting UI-styled buttons with different categories of interior design items on top of an image of a modern interior living room.

Personagens na experiência

Os personagens da Leiturinha passaram a fazer parte da jornada de compra. A Bebel acompanha o usuário ao longo do processo, enquanto a Iara aparece em momentos estratégicos para esclarecer dúvidas e oferecer informações relevantes. Além de reforçar a identidade da marca, esses elementos ajudam a reduzir incertezas durante a compra.

Graphic depicting UI-styled buttons with different categories of interior design items on top of an image of a modern interior living room.

Construindo confiança

O checkout também passou a destacar elementos que aumentam a percepção de segurança durante a compra, como o selo de ambiente seguro, feedback claro para cupons aplicados e uma explicação sobre a cobrança antes da etapa de pagamento.

Graphic depicting UI-styled buttons with different categories of interior design items on top of an image of a modern interior living room.

Fui responsável pela UI do checkout, nas versões desktop e mobile, além da criação da biblioteca de componentes.

Pesquisa, fluxo e UX: Victor Silva. Copywriting: Lais Amorim. Identidade visual e personagens: marca Leiturinha.

Icons

Outros Projetos

Graphic depicting a mountain peak at sunset cropped in a circle with the words RANGE CRAZY above and below.

Ver Projeto

Emblem design for Madame FC depicting an M monogram in a circle with the words "Madame FC EST. 2003" inside on top of a background image of a soccer stadium.

Ver Projeto

Stylized blue and pink image of a whiskey glass with the wordmark of Vèloce in pink all-caps letters above.

Ver Projeto

Icons

CONTATO

(11) 98042-8524

almpricila@gmail.com

SOCIAL

Behance

LinkedIn

Arrow
Arrow

Leiturinha (Sandbox Group)

Redesigndo Checkout

Como tornar o checkout mais simples e fazer mais pessoas concluírem a compra?

Esse foi o desafio do redesign do checkout do Clube Leiturinha, desenvolvido em parceria com Victor Silva. Enquanto ele conduziu a pesquisa, a definição do fluxo e a experiência do usuário, fui responsável por toda a interface do produto e pela construção da biblioteca de componentes. O objetivo era reduzir o abandono, corrigir problemas do fluxo existente e tornar a jornada de compra mais clara, do plano ao pagamento. O projeto está em produção.

UI Design

Product Design

Design System

Checkout

Responsivo

Graphic depicting UI-styled buttons with different categories of interior design items on top of an image of a modern interior living room.

O desafio

O checkout anterior apresentava uma taxa elevada de abandono, além de inconsistências e pontos de atrito ao longo da jornada. O objetivo era simplificar cada etapa da compra, tornando o processo mais claro, previsível e confiável.

Graphic of a typography specimen showing the alphabet and numerals on top of a dark gray background.
Graphic depicting a hexagonal cropped photo of an interior room design with grid lines along its borders.

Meu papel

O projeto foi desenvolvido em dupla com Victor Silva. Ele ficou responsável pela pesquisa, pelo fluxo e pela estratégia de UX. Minha atuação concentrou-se na interface do produto: desenhei toda a experiência visual para desktop e mobile, apliquei a identidade da marca e desenvolvi a biblioteca de componentes utilizada em todo o checkout.

Stationery design of letterhead and business cards for the company Anders on top of a blurred photo of a house interior.

Design System

Como o checkout reúne diversas etapas e estados — seleção de plano, dados pessoais, endereço, pagamento, confirmação, erros e carregamento —, criei uma biblioteca de componentes para garantir consistência visual, facilitar a manutenção e tornar o handoff para desenvolvimento mais eficiente.

Graphic of a close up of a website depicting an Our Projects page with sample project names and dates.
Graphic depicting a color palette of Stone Brown, Dark Navy, Beige, and Cream White along with corresponding hex color codes.

O que mudou

Além de reorganizar e simplificar o fluxo, o novo checkout trouxe funcionalidades que não existiam na versão anterior, como pagamento via Pix, sugestão de categoria literária com possibilidade de alteração durante a compra, login por código de acesso e uma barra de progresso para orientar o usuário em cada etapa.

Graphic depicting UI-styled buttons with different categories of interior design items on top of an image of a modern interior living room.

Personagens na experiência

Os personagens da Leiturinha passaram a fazer parte da jornada de compra. A Bebel acompanha o usuário ao longo do processo, enquanto a Iara aparece em momentos estratégicos para esclarecer dúvidas e oferecer informações relevantes. Além de reforçar a identidade da marca, esses elementos ajudam a reduzir incertezas durante a compra.

Graphic depicting UI-styled buttons with different categories of interior design items on top of an image of a modern interior living room.

Construindo confiança

O checkout também passou a destacar elementos que aumentam a percepção de segurança durante a compra, como o selo de ambiente seguro, feedback claro para cupons aplicados e uma explicação sobre a cobrança antes da etapa de pagamento.

Graphic depicting UI-styled buttons with different categories of interior design items on top of an image of a modern interior living room.

Fui responsável pela UI do checkout, nas versões desktop e mobile, além da criação da biblioteca de componentes.

Pesquisa, fluxo e UX: Victor Silva. Copywriting: Lais Amorim. Identidade visual e personagens: marca Leiturinha.

Icons

Outros Projetos

Graphic depicting a mountain peak at sunset cropped in a circle with the words RANGE CRAZY above and below.

Ver Projeto

Emblem design for Madame FC depicting an M monogram in a circle with the words "Madame FC EST. 2003" inside on top of a background image of a soccer stadium.

Ver Projeto

Stylized blue and pink image of a whiskey glass with the wordmark of Vèloce in pink all-caps letters above.

Ver Projeto

Icons

CONTATO

(11) 98042-8524

almpricila@gmail.com

SOCIAL

Behance

LinkedIn

Arrow
Arrow

Leiturinha (Sandbox Group)

Redesigndo Checkout

Como tornar o checkout mais simples e fazer mais pessoas concluírem a compra?

Esse foi o desafio do redesign do checkout do Clube Leiturinha, desenvolvido em parceria com Victor Silva. Enquanto ele conduziu a pesquisa, a definição do fluxo e a experiência do usuário, fui responsável por toda a interface do produto e pela construção da biblioteca de componentes. O objetivo era reduzir o abandono, corrigir problemas do fluxo existente e tornar a jornada de compra mais clara, do plano ao pagamento. O projeto está em produção.

UI Design

Product Design

Design System

Checkout

Responsivo

Graphic depicting UI-styled buttons with different categories of interior design items on top of an image of a modern interior living room.

O desafio

O checkout anterior apresentava uma taxa elevada de abandono, além de inconsistências e pontos de atrito ao longo da jornada. O objetivo era simplificar cada etapa da compra, tornando o processo mais claro, previsível e confiável.

Graphic of a typography specimen showing the alphabet and numerals on top of a dark gray background.
Graphic depicting a hexagonal cropped photo of an interior room design with grid lines along its borders.

Meu papel

O projeto foi desenvolvido em dupla com Victor Silva. Ele ficou responsável pela pesquisa, pelo fluxo e pela estratégia de UX. Minha atuação concentrou-se na interface do produto: desenhei toda a experiência visual para desktop e mobile, apliquei a identidade da marca e desenvolvi a biblioteca de componentes utilizada em todo o checkout.

Stationery design of letterhead and business cards for the company Anders on top of a blurred photo of a house interior.

Design System

Como o checkout reúne diversas etapas e estados — seleção de plano, dados pessoais, endereço, pagamento, confirmação, erros e carregamento —, criei uma biblioteca de componentes para garantir consistência visual, facilitar a manutenção e tornar o handoff para desenvolvimento mais eficiente.

Graphic of a close up of a website depicting an Our Projects page with sample project names and dates.
Graphic depicting a color palette of Stone Brown, Dark Navy, Beige, and Cream White along with corresponding hex color codes.

O que mudou

Além de reorganizar e simplificar o fluxo, o novo checkout trouxe funcionalidades que não existiam na versão anterior, como pagamento via Pix, sugestão de categoria literária com possibilidade de alteração durante a compra, login por código de acesso e uma barra de progresso para orientar o usuário em cada etapa.

Graphic depicting UI-styled buttons with different categories of interior design items on top of an image of a modern interior living room.

Personagens na experiência

Os personagens da Leiturinha passaram a fazer parte da jornada de compra. A Bebel acompanha o usuário ao longo do processo, enquanto a Iara aparece em momentos estratégicos para esclarecer dúvidas e oferecer informações relevantes. Além de reforçar a identidade da marca, esses elementos ajudam a reduzir incertezas durante a compra.

Graphic depicting UI-styled buttons with different categories of interior design items on top of an image of a modern interior living room.

Construindo confiança

O checkout também passou a destacar elementos que aumentam a percepção de segurança durante a compra, como o selo de ambiente seguro, feedback claro para cupons aplicados e uma explicação sobre a cobrança antes da etapa de pagamento.

Graphic depicting UI-styled buttons with different categories of interior design items on top of an image of a modern interior living room.

Fui responsável pela UI do checkout, nas versões desktop e mobile, além da criação da biblioteca de componentes.

Pesquisa, fluxo e UX: Victor Silva. Copywriting: Lais Amorim. Identidade visual e personagens: marca Leiturinha.

Icons

Outros Projetos

Graphic depicting a mountain peak at sunset cropped in a circle with the words RANGE CRAZY above and below.

Ver Projeto

Emblem design for Madame FC depicting an M monogram in a circle with the words "Madame FC EST. 2003" inside on top of a background image of a soccer stadium.

Ver Projeto

Stylized blue and pink image of a whiskey glass with the wordmark of Vèloce in pink all-caps letters above.

Ver Projeto

Icons

CONTATO

(11) 98042-8524

almpricila@gmail.com

SOCIAL

Behance

LinkedIn