branding
ux/ui
editorial
bloom
award-winning academic project in interaction design, developed at espm in 2023 as a group work for the interaction design (ux/ui).
bloom was conceived as a self-care app to promote well-being, solidarity, and sustainability through technology. recognized as a highlight at the espm student exhibition 2024, the project included research, branding, ux/ui, wireframes, and prototyping.
projeto acadêmico premiado em design de interação, desenvolvido na espm em 2023 como trabalho em grupo da disciplina de design de interação (ux/ui).
o aplicativo bloom foi criado como uma plataforma de autocuidado para promover bem-estar, solidariedade e sustentabilidade por meio da tecnologia. reconhecido como destaque na mostra estudantil da espm 2024, o projeto incluiu pesquisa, branding, ux/ui, wireframes e prototipagem.
academic project
discipline in design course
interaction design (ux/ui)
year
2023
softwares
adobe xd
adobe illustrator
adobe indesign
adobe photoshop
credits
fernanda kuntz, Catharina trabasso, giovanna lemos, gilberto saito
introduction
Bloom is a self-care app developed as an academic project for the interaction design (ux/ui) course at espm. the work explored how technology can promote well-being, solidarity, and sustainability in an accessible and inclusive way. the process included research on mental health in brazil, flow mapping, wireframes, and prototyping. the visual identity was designed to represent growth, renewal, and flourishing. the project was recognized as a highlight at the espm student exhibition 2024.
Bloom é um aplicativo de autocuidado desenvolvido como projeto acadêmico de design de interação (ux/ui) na espm. o trabalho buscou explorar como a tecnologia pode promover bem-estar, solidariedade e sustentabilidade de forma acessível e inclusiva. o processo envolveu pesquisa de dados sobre saúde mental no brasil, construção de fluxos, wireframes e prototipagem. a identidade visual foi criada para refletir crescimento, renovação e florescimento. o projeto foi reconhecido como destaque na mostra estudantil espm 2024.
project briefing and overview
briefing e visão geral do projeto acadêmico
01.
context
brazil has one of the highest global rates of anxiety, intensified during the pandemic. bloom was created as a response, offering an accessible and inclusive self-care solution.
01.
context
brazil has one of the highest global rates of anxiety, intensified during the pandemic. bloom was created as a response, offering an accessible and inclusive self-care solution.
01.
context
brazil has one of the highest global rates of anxiety, intensified during the pandemic. bloom was created as a response, offering an accessible and inclusive self-care solution.
02.
academic briefing
the challenge was to design a digital self-care platform with social purpose, combining research, ux/ui, branding, and prototyping into a single project.
02.
academic briefing
the challenge was to design a digital self-care platform with social purpose, combining research, ux/ui, branding, and prototyping into a single project.
02.
academic briefing
the challenge was to design a digital self-care platform with social purpose, combining research, ux/ui, branding, and prototyping into a single project.
03.
research & insights
initial research showed a lack of accessible and inclusive wellness apps. studies on anxiety, meditation, and healthy habits revealed growing demand for digital self-care. these findings shaped bloom’s three pillars—growth, renewal, and flourishing. they became the foundation for both the brand identity and the user experience.
03.
research & insights
initial research showed a lack of accessible and inclusive wellness apps. studies on anxiety, meditation, and healthy habits revealed growing demand for digital self-care. these findings shaped bloom’s three pillars—growth, renewal, and flourishing. they became the foundation for both the brand identity and the user experience.
03.
research & insights
initial research showed a lack of accessible and inclusive wellness apps. studies on anxiety, meditation, and healthy habits revealed growing demand for digital self-care. these findings shaped bloom’s three pillars—growth, renewal, and flourishing. they became the foundation for both the brand identity and the user experience.
04.
design & development
deliverables included research, ux/ui, app architecture, wireframes, prototypes, brand identity, and a visual guidelines manual.
04.
design & development
deliverables included research, ux/ui, app architecture, wireframes, prototypes, brand identity, and a visual guidelines manual.
04.
design & development
deliverables included research, ux/ui, app architecture, wireframes, prototypes, brand identity, and a visual guidelines manual.
05.
project objectives
the goal was to create a scalable platform that inspires self-care and personal growth, connecting design and technology to social impact.
05.
project objectives
the goal was to create a scalable platform that inspires self-care and personal growth, connecting design and technology to social impact.
05.
project objectives
the goal was to create a scalable platform that inspires self-care and personal growth, connecting design and technology to social impact.
brand and identity
marca e identidade visual
concept
Bloom is a brand that symbolizes growth, renewal, and flourishing. inspired by nature, it reflects the vitality of ideas and the constant evolution of human potential. its purpose is to promote well-being by connecting design and technology in an inclusive and accessible way. every visual element was crafted to convey harmony, lightness, and positivity. the word “bloom,” meaning “to flourish” in english, reinforces the mission of encouraging personal development. the tagline be all you can invites everyone to explore and achieve their fullest potential.
a Bloom é uma marca que simboliza crescimento, renovação e florescimento. inspirada na natureza, reflete a vitalidade das ideias e a evolução constante do ser humano. seu objetivo é promover bem-estar ao conectar design e tecnologia de maneira inclusiva e acessível. cada elemento visual foi pensado para transmitir harmonia, leveza e positividade. a palavra “bloom”, que significa “florescer” em inglês, reforça a missão de estimular o desenvolvimento pessoal. a tagline be all you can convida cada pessoa a explorar e alcançar seu potencial máximo.
creative process
the creative process of Bloom began with extensive research on mental health and wellness habits in brazil. these findings guided the creation of the identity in three chromatic paths—orange (growth), blue (flourishing), and purple (renewal)—which became the visual pillars of the project. from this foundation, the entire digital journey was developed: the app architecture, responsible for organizing flows and features; the wireframes, which translated this structure into testable screens; and the prototyping phase, which consolidated the real user experience.
o processo criativo do Bloom teve início com uma extensa pesquisa sobre saúde mental e hábitos de bem-estar no brasil. esses dados embasaram a construção da identidade em três frentes cromáticas — laranja (crescimento), azul (florescimento) e roxo (renovação) — que se tornaram os pilares visuais do projeto. a partir dessa base, foi desenvolvida toda a jornada digital: a arquitetura do aplicativo, responsável por organizar fluxos e funcionalidades; os wireframes, que transformaram essa estrutura em telas testáveis; e a prototipagem, que consolidou a experiência real do usuário.
brand and app guidelines manual
confira o manual de normatização da marca e do aplicativo
designing the user experience and interface
projetando a experiência do usuário e a interface
app architecture
bloom’s architecture organized the core functions and mapped clear navigation flows. this step structured user journeys, prioritized key sections, and defined interaction logic, ensuring an accessible and cohesive experience.
a arquitetura do bloom organizou as funções principais e mapeou fluxos de navegação claros. esse passo estruturou jornadas do usuário, definiu seções prioritárias e estabeleceu a lógica de interações, garantindo uma experiência acessível e coesa.
app wireframes
wireframes translated the app’s architecture into low-fidelity screens. this stage tested information hierarchy and usability, enabling adjustments before moving to visual design and prototyping.
os wireframes traduziram a arquitetura do aplicativo em telas de baixa fidelidade. essa etapa testou a hierarquia da informação e a usabilidade, permitindo ajustes antes do design visual e da prototipagem.
explore the mobile app
navegue pelo aplicativo
branding
ux/ui
editorial
bloom
award-winning academic project in interaction design, developed at espm in 2023 as a group work for the interaction design (ux/ui).
bloom was conceived as a self-care app to promote well-being, solidarity, and sustainability through technology. recognized as a highlight at the espm student exhibition 2024, the project included research, branding, ux/ui, wireframes, and prototyping.
projeto acadêmico premiado em design de interação, desenvolvido na espm em 2023 como trabalho em grupo da disciplina de design de interação (ux/ui).
o aplicativo bloom foi criado como uma plataforma de autocuidado para promover bem-estar, solidariedade e sustentabilidade por meio da tecnologia. reconhecido como destaque na mostra estudantil da espm 2024, o projeto incluiu pesquisa, branding, ux/ui, wireframes e prototipagem.
academic project
discipline in design course
interaction design (ux/ui)
year
2023
softwares
adobe xd
adobe illustrator
adobe indesign
adobe photoshop
credits
fernanda kuntz, Catharina trabasso, giovanna lemos, gilberto saito
introduction
Bloom is a self-care app developed as an academic project for the interaction design (ux/ui) course at espm. the work explored how technology can promote well-being, solidarity, and sustainability in an accessible and inclusive way. the process included research on mental health in brazil, flow mapping, wireframes, and prototyping. the visual identity was designed to represent growth, renewal, and flourishing. the project was recognized as a highlight at the espm student exhibition 2024.
Bloom é um aplicativo de autocuidado desenvolvido como projeto acadêmico de design de interação (ux/ui) na espm. o trabalho buscou explorar como a tecnologia pode promover bem-estar, solidariedade e sustentabilidade de forma acessível e inclusiva. o processo envolveu pesquisa de dados sobre saúde mental no brasil, construção de fluxos, wireframes e prototipagem. a identidade visual foi criada para refletir crescimento, renovação e florescimento. o projeto foi reconhecido como destaque na mostra estudantil espm 2024.
project briefing and overview
briefing e visão geral do projeto acadêmico
01.
context
brazil has one of the highest global rates of anxiety, intensified during the pandemic. bloom was created as a response, offering an accessible and inclusive self-care solution.
01.
context
brazil has one of the highest global rates of anxiety, intensified during the pandemic. bloom was created as a response, offering an accessible and inclusive self-care solution.
01.
context
brazil has one of the highest global rates of anxiety, intensified during the pandemic. bloom was created as a response, offering an accessible and inclusive self-care solution.
02.
academic briefing
the challenge was to design a digital self-care platform with social purpose, combining research, ux/ui, branding, and prototyping into a single project.
02.
academic briefing
the challenge was to design a digital self-care platform with social purpose, combining research, ux/ui, branding, and prototyping into a single project.
02.
academic briefing
the challenge was to design a digital self-care platform with social purpose, combining research, ux/ui, branding, and prototyping into a single project.
03.
research & insights
initial research showed a lack of accessible and inclusive wellness apps. studies on anxiety, meditation, and healthy habits revealed growing demand for digital self-care. these findings shaped bloom’s three pillars—growth, renewal, and flourishing. they became the foundation for both the brand identity and the user experience.
03.
research & insights
initial research showed a lack of accessible and inclusive wellness apps. studies on anxiety, meditation, and healthy habits revealed growing demand for digital self-care. these findings shaped bloom’s three pillars—growth, renewal, and flourishing. they became the foundation for both the brand identity and the user experience.
03.
research & insights
initial research showed a lack of accessible and inclusive wellness apps. studies on anxiety, meditation, and healthy habits revealed growing demand for digital self-care. these findings shaped bloom’s three pillars—growth, renewal, and flourishing. they became the foundation for both the brand identity and the user experience.
04.
design & development
deliverables included research, ux/ui, app architecture, wireframes, prototypes, brand identity, and a visual guidelines manual.
04.
design & development
deliverables included research, ux/ui, app architecture, wireframes, prototypes, brand identity, and a visual guidelines manual.
04.
design & development
deliverables included research, ux/ui, app architecture, wireframes, prototypes, brand identity, and a visual guidelines manual.
05.
project objectives
the goal was to create a scalable platform that inspires self-care and personal growth, connecting design and technology to social impact.
05.
project objectives
the goal was to create a scalable platform that inspires self-care and personal growth, connecting design and technology to social impact.
05.
project objectives
the goal was to create a scalable platform that inspires self-care and personal growth, connecting design and technology to social impact.
brand and identity
marca e identidade visual
concept
Bloom is a brand that symbolizes growth, renewal, and flourishing. inspired by nature, it reflects the vitality of ideas and the constant evolution of human potential. its purpose is to promote well-being by connecting design and technology in an inclusive and accessible way. every visual element was crafted to convey harmony, lightness, and positivity. the word “bloom,” meaning “to flourish” in english, reinforces the mission of encouraging personal development. the tagline be all you can invites everyone to explore and achieve their fullest potential.
a Bloom é uma marca que simboliza crescimento, renovação e florescimento. inspirada na natureza, reflete a vitalidade das ideias e a evolução constante do ser humano. seu objetivo é promover bem-estar ao conectar design e tecnologia de maneira inclusiva e acessível. cada elemento visual foi pensado para transmitir harmonia, leveza e positividade. a palavra “bloom”, que significa “florescer” em inglês, reforça a missão de estimular o desenvolvimento pessoal. a tagline be all you can convida cada pessoa a explorar e alcançar seu potencial máximo.
creative process
the creative process of Bloom began with extensive research on mental health and wellness habits in brazil. these findings guided the creation of the identity in three chromatic paths—orange (growth), blue (flourishing), and purple (renewal)—which became the visual pillars of the project. from this foundation, the entire digital journey was developed: the app architecture, responsible for organizing flows and features; the wireframes, which translated this structure into testable screens; and the prototyping phase, which consolidated the real user experience.
o processo criativo do Bloom teve início com uma extensa pesquisa sobre saúde mental e hábitos de bem-estar no brasil. esses dados embasaram a construção da identidade em três frentes cromáticas — laranja (crescimento), azul (florescimento) e roxo (renovação) — que se tornaram os pilares visuais do projeto. a partir dessa base, foi desenvolvida toda a jornada digital: a arquitetura do aplicativo, responsável por organizar fluxos e funcionalidades; os wireframes, que transformaram essa estrutura em telas testáveis; e a prototipagem, que consolidou a experiência real do usuário.
brand and app guidelines manual
confira o manual de normatização da marca e do aplicativo
designing the user experience and interface
projetando a experiência do usuário e a interface
app architecture
bloom’s architecture organized the core functions and mapped clear navigation flows. this step structured user journeys, prioritized key sections, and defined interaction logic, ensuring an accessible and cohesive experience.
a arquitetura do bloom organizou as funções principais e mapeou fluxos de navegação claros. esse passo estruturou jornadas do usuário, definiu seções prioritárias e estabeleceu a lógica de interações, garantindo uma experiência acessível e coesa.
app wireframes
wireframes translated the app’s architecture into low-fidelity screens. this stage tested information hierarchy and usability, enabling adjustments before moving to visual design and prototyping.
os wireframes traduziram a arquitetura do aplicativo em telas de baixa fidelidade. essa etapa testou a hierarquia da informação e a usabilidade, permitindo ajustes antes do design visual e da prototipagem.
explore the mobile app
navegue pelo aplicativo
branding
ux/ui
editorial
bloom
award-winning academic project in interaction design, developed at espm in 2023 as a group work for the interaction design (ux/ui).
bloom was conceived as a self-care app to promote well-being, solidarity, and sustainability through technology. recognized as a highlight at the espm student exhibition 2024, the project included research, branding, ux/ui, wireframes, and prototyping.
projeto acadêmico premiado em design de interação, desenvolvido na espm em 2023 como trabalho em grupo da disciplina de design de interação (ux/ui).
o aplicativo bloom foi criado como uma plataforma de autocuidado para promover bem-estar, solidariedade e sustentabilidade por meio da tecnologia. reconhecido como destaque na mostra estudantil da espm 2024, o projeto incluiu pesquisa, branding, ux/ui, wireframes e prototipagem.
academic project
discipline in design course
interaction design (ux/ui)
year
2023
softwares
adobe xd
adobe illustrator
adobe indesign
adobe photoshop
credits
fernanda kuntz, Catharina trabasso, giovanna lemos, gilberto saito
introduction
Bloom is a self-care app developed as an academic project for the interaction design (ux/ui) course at espm. the work explored how technology can promote well-being, solidarity, and sustainability in an accessible and inclusive way. the process included research on mental health in brazil, flow mapping, wireframes, and prototyping. the visual identity was designed to represent growth, renewal, and flourishing. the project was recognized as a highlight at the espm student exhibition 2024.
Bloom é um aplicativo de autocuidado desenvolvido como projeto acadêmico de design de interação (ux/ui) na espm. o trabalho buscou explorar como a tecnologia pode promover bem-estar, solidariedade e sustentabilidade de forma acessível e inclusiva. o processo envolveu pesquisa de dados sobre saúde mental no brasil, construção de fluxos, wireframes e prototipagem. a identidade visual foi criada para refletir crescimento, renovação e florescimento. o projeto foi reconhecido como destaque na mostra estudantil espm 2024.
project briefing and overview
briefing e visão geral do projeto acadêmico
01.
context
brazil has one of the highest global rates of anxiety, intensified during the pandemic. bloom was created as a response, offering an accessible and inclusive self-care solution.
01.
context
brazil has one of the highest global rates of anxiety, intensified during the pandemic. bloom was created as a response, offering an accessible and inclusive self-care solution.
01.
context
brazil has one of the highest global rates of anxiety, intensified during the pandemic. bloom was created as a response, offering an accessible and inclusive self-care solution.
02.
academic briefing
the challenge was to design a digital self-care platform with social purpose, combining research, ux/ui, branding, and prototyping into a single project.
02.
academic briefing
the challenge was to design a digital self-care platform with social purpose, combining research, ux/ui, branding, and prototyping into a single project.
02.
academic briefing
the challenge was to design a digital self-care platform with social purpose, combining research, ux/ui, branding, and prototyping into a single project.
03.
research & insights
initial research showed a lack of accessible and inclusive wellness apps. studies on anxiety, meditation, and healthy habits revealed growing demand for digital self-care. these findings shaped bloom’s three pillars—growth, renewal, and flourishing. they became the foundation for both the brand identity and the user experience.
03.
research & insights
initial research showed a lack of accessible and inclusive wellness apps. studies on anxiety, meditation, and healthy habits revealed growing demand for digital self-care. these findings shaped bloom’s three pillars—growth, renewal, and flourishing. they became the foundation for both the brand identity and the user experience.
03.
research & insights
initial research showed a lack of accessible and inclusive wellness apps. studies on anxiety, meditation, and healthy habits revealed growing demand for digital self-care. these findings shaped bloom’s three pillars—growth, renewal, and flourishing. they became the foundation for both the brand identity and the user experience.
04.
design & development
deliverables included research, ux/ui, app architecture, wireframes, prototypes, brand identity, and a visual guidelines manual.
04.
design & development
deliverables included research, ux/ui, app architecture, wireframes, prototypes, brand identity, and a visual guidelines manual.
04.
design & development
deliverables included research, ux/ui, app architecture, wireframes, prototypes, brand identity, and a visual guidelines manual.
05.
project objectives
the goal was to create a scalable platform that inspires self-care and personal growth, connecting design and technology to social impact.
05.
project objectives
the goal was to create a scalable platform that inspires self-care and personal growth, connecting design and technology to social impact.
05.
project objectives
the goal was to create a scalable platform that inspires self-care and personal growth, connecting design and technology to social impact.
brand and identity
marca e identidade visual
concept
Bloom is a brand that symbolizes growth, renewal, and flourishing. inspired by nature, it reflects the vitality of ideas and the constant evolution of human potential. its purpose is to promote well-being by connecting design and technology in an inclusive and accessible way. every visual element was crafted to convey harmony, lightness, and positivity. the word “bloom,” meaning “to flourish” in english, reinforces the mission of encouraging personal development. the tagline be all you can invites everyone to explore and achieve their fullest potential.
a Bloom é uma marca que simboliza crescimento, renovação e florescimento. inspirada na natureza, reflete a vitalidade das ideias e a evolução constante do ser humano. seu objetivo é promover bem-estar ao conectar design e tecnologia de maneira inclusiva e acessível. cada elemento visual foi pensado para transmitir harmonia, leveza e positividade. a palavra “bloom”, que significa “florescer” em inglês, reforça a missão de estimular o desenvolvimento pessoal. a tagline be all you can convida cada pessoa a explorar e alcançar seu potencial máximo.
creative process
the creative process of Bloom began with extensive research on mental health and wellness habits in brazil. these findings guided the creation of the identity in three chromatic paths—orange (growth), blue (flourishing), and purple (renewal)—which became the visual pillars of the project. from this foundation, the entire digital journey was developed: the app architecture, responsible for organizing flows and features; the wireframes, which translated this structure into testable screens; and the prototyping phase, which consolidated the real user experience.
o processo criativo do Bloom teve início com uma extensa pesquisa sobre saúde mental e hábitos de bem-estar no brasil. esses dados embasaram a construção da identidade em três frentes cromáticas — laranja (crescimento), azul (florescimento) e roxo (renovação) — que se tornaram os pilares visuais do projeto. a partir dessa base, foi desenvolvida toda a jornada digital: a arquitetura do aplicativo, responsável por organizar fluxos e funcionalidades; os wireframes, que transformaram essa estrutura em telas testáveis; e a prototipagem, que consolidou a experiência real do usuário.
brand and app guidelines manual
confira o manual de normatização da marca e do aplicativo
designing the user experience and interface
projetando a experiência do usuário e a interface
app architecture
bloom’s architecture organized the core functions and mapped clear navigation flows. this step structured user journeys, prioritized key sections, and defined interaction logic, ensuring an accessible and cohesive experience.
a arquitetura do bloom organizou as funções principais e mapeou fluxos de navegação claros. esse passo estruturou jornadas do usuário, definiu seções prioritárias e estabeleceu a lógica de interações, garantindo uma experiência acessível e coesa.
app wireframes
wireframes translated the app’s architecture into low-fidelity screens. this stage tested information hierarchy and usability, enabling adjustments before moving to visual design and prototyping.
os wireframes traduziram a arquitetura do aplicativo em telas de baixa fidelidade. essa etapa testou a hierarquia da informação e a usabilidade, permitindo ajustes antes do design visual e da prototipagem.
explore the mobile app
navegue pelo aplicativo