Psiquea.com
We designed and developed Psiquea™: a psychological research platform where visual identity, UX/UI, functional architecture and modern development grew together as one system.
- Client
- Psiquea™
- Year
- 2026
- Sector
- Mental health, psychological assessment and digital product
- Location
- Digital project
Context and challenge
The client’s central need was to build a reliable digital environment for a very specific flow: inviting users to participate in a study, guiding them through registration and contextual information, and helping them complete an assessment battery within an experience that felt coherent, fluid, approachable and technically solid.
a.The sociodemographic questionnaire as a strategic piece
We conceived it as a bespoke piece: it collects relevant participant information before the assessment, with rigour in the data and a clear, warm experience. The flow needed to communicate that the account was necessary to continue, using a serious and human tone.
b.A four-test battery integrated into one experience
After registration and the sociodemographic stage, the user accessed four assessment instruments within the same ecosystem. The challenge was twofold: translating complex tests into a usable interface, and chaining each phase — registration, access, context, forms, tests and private area — with fluidity and continuity.
Strategic approach
At SIMA, we approached Psiquea™ as a project where form and function had to grow together. Brand, user experience and technology moved forward hand in hand: we worked across the four fronts in parallel, with the same systemic logic we apply to physical identity projects.
a.Identity and positioning
We developed the full visual universe: logo, colour palette, typography, graphic tone, iconography and visual hierarchies. A system designed to communicate, all at once, rigour, trust, human sensitivity and scientific innovation.
b.UX architecture oriented around the real flow
We designed the user journey from a concrete participation logic: entry through a landing page or study link, registration, validation, access to the personal area, sociodemographic questionnaire and progression into the test battery. Each screen resolves doubts and lightens the cognitive load: a calm user experience (UX) from start to finish.
c.Product vision from the start
We defined a logic in which each user is a participant within a specific study context, with structured functional progression, session continuity and protected access to their private area.
d.Technical foundation as a strategic decision
The choice of Next.js, Prisma and an integrated backend was deliberate: it was the foundation that brought the public brand experience, authentication, server logic and study flows together in a single ecosystem.
What we made.
01
Strategy and product
- digital product strategy definition
- functional structuring of the study participation system
- study continuity architecture per user
- registration, access and progression logic
02
Brand identity
- brand conceptualisation and naming
- logo and complete visual identity
- colour palette, typography and graphic tone
- iconography consistent with the scientific environment
03
UX/UI and interface system
- interface system and visual components
- content hierarchies and complete digital experience
- responsive design across usage contexts
- visual language aligned with trust and usability
04
Functional flow and assessment
- design and integration of the sociodemographic questionnaire
- functional integration of a four-test battery within the platform
- user private area logic and study continuity
- design of the chaining between phases of the process
05
Technology and development
- frontend built on Next.js and React
- backend integrated within the Next.js environment
- data modelling with Prisma
- modern authentication system and access middleware
- branded transactional communication through Resend
- technical foundation prepared for new studies and features
Brand identity
The Psiquea™ symbol brings the product’s three ideas into a single shape: a mind that researches, a conversation that goes with it and a validated result. Five lobes draw a brain that is also a speech bubble, and inside, a green check celebrates every completed study.
The rounded, highly legible wordmark is built with a generous x-height designed for the screen. Deep indigo, validation green, ink and lavender form a serene palette that stays comfortable over long sessions.
Think, talk, validate.
The Psiquea symbol brings the product’s three ideas into a single shape: the mind that researches, the conversation that goes with it and the validated result. Beside it, a rounded, friendly and highly legible wordmark, built on a module x.
01 / 06
A mind that talks
Five lobes draw a brain that is also a speech bubble; inside, the check confirms every completed study. Hover to isolate each piece and press “Validate” to see the gesture.
- Lobes
- 5
- Pieces
- 9
- Colours
- 2
- Symbol height
- 8.6x
- Ratio
- 2.6 : 1
Colour guide
A deep indigo that conveys rigour and calm, and a validation green that celebrates every completed step. Lavender and ink complete a serene system, designed for comfortable reading over long sessions.
HEX
#3E2F6F
RGB
62 · 47 · 111
CMYK
44 · 58 · 0 · 56
Contrast
11.4 : 1 / white
Usage ratio
Indigo on paper · 10.6 : 1 · AAA
The brand in use
- Sign-up
- Questionnaire
- Test battery
- Results
Study completed
Welcome to your study
Your space is ready. Move at your own pace and pick up whenever you like.
Start →Visual development
Psiquea™ was shaped with restraint and precision. The intention was to build a clear, clean, warm and professional environment. The premium perception came from the coherence of the whole: tone, palette, hierarchy, components and experience architecture operating as one language.
Generic visual resources were replaced by a more restrained and consistent iconographic system, aligned with the brand identity. The entire visual layer — branding, UI, components, colours, editorial style — was designed to work with the same coherence on both public pages and inside the private study area.
System, replicability and depth
Psiquea™ is a functional architecture designed to operate. Each module is connected to the others and responds to a coherent, scalable product logic designed from the beginning to grow.
a.Public frontend
Landing pages, informational pages, explanation of the research approach and access to registration. Here we especially cared for the coherence of the visual system: global header, unified navigation, calls to action and a consistent premium interface language across all entry points.
b.Authentication system
The user can create an account, access the platform and enter the associated study flow. This block is secure and simple, and it maintains process continuity and the redirects required within the flow.
c.Contextual registration
It is connected to the purpose of the study and the access logic of the invited user. The registration experience reinforces the sense of belonging to the research process.
d.Sociodemographic questionnaire
It collects the participant’s contextual baseline before the assessment battery begins. We designed it as a strategic piece of the flow: the participant understands why they are completing it and how they move forward.
e.Test battery
It organises the execution of the four instruments inside the Psiquea™ environment, maintaining flow and experience coherence. Each test is visually adapted to the interface system while preserving the integrity of the assessment instrument.
f.User private area
It gives continuity to the process and allows the experience to unfold across several sessions. Users can resume their study, check their progress and access pending phases within their protected space.
g.Technical foundation
- 01Next.js — unifies frontend and backend under the same architecture, enables modern routing and provides a powerful base for scaling a serious digital product
- 02React — modular, maintainable and coherent interface; the entire UI is based on composable logic that facilitates evolution and maintenance
- 03Integrated backend — server logic, protected routes and coherence between frontend and business logic within the same ecosystem, as one cohesive whole
- 04Prisma — clean and typed modelling of users, sessions, progress, form data and study logic; a structured base prepared to grow
- 05Modern authentication — robust security middleware compatible with public and private areas, session continuity and protected access
- 06Resend — branded transactional emails for confirmation and onboarding, with operational reliability and coherence at every communication point in the system
Result and transformation
The result is an operational platform that combines brand, interface, participation logic and modern technological architecture into one coherent system, prepared to operate and scale.
- 01a distinctive visual identity for an environment that requires high trust
- 02a clear and human interface that reduces friction in potentially complex processes
- 03a functional, guided and well-resolved study participation flow
- 04a sociodemographic questionnaire integrated as a strategic part of the journey
- 05a battery of four tests accessible within the same visual ecosystem
- 06a private area that gives real continuity to the assessment process
- 07an architecture with Next.js, Prisma and a modern backend ready to evolve
- 08a scalable foundation for new studies, new tests and new functionalities
The website
Psiquea.com is the entry point to the platform: a digital environment where identity, experience and functional architecture coexist on one coherent surface. Each screen translates the brand’s visual system into an operational interface with all its judgement and character.
The user experience flows from the public landing page to the private study area with a continuous logic. Registration, the sociodemographic questionnaire and the test battery each have their own visual presence within the same system, reinforcing the perception of rigour and care at every step of the journey.
The result is a digital product where form and function support one another, and the identity is part of the technological structure itself.
01Home
02Solutions
03Services
In sensitive digital products, design elevates perception, trust, clarity and the way a person understands and completes a complex experience.
Psiquea™ shows that a well-conceived platform, as well as looking good, organises real processes, reduces friction and turns a diffuse need into a clear, usable system prepared to grow. Technical and visual architecture grew together in Psiquea™ — and it shows.
Branding · Web design UX/UI · Marketing
Mi Caseta Flamenco