Making complex information
easier to use.
Institutional communication rarely exists in a single format. Presentations need to support meetings and decisions. Manuals need to guide people through processes. Digital campaigns need to communicate quickly. Documents need to remain readable after dozens of pages.
My work for CAINTRA extended across presentations, documentation, training material and digital communication, translating different types of information into a consistent visual language.
Una aplicación. Dos expresiones universitarias.
GROW extiende la experiencia de Practicantes CAINTRA hacia estudiantes y universidades. La aplicación conecta perfiles, desafíos, evaluaciones y recursos para acompañar el desarrollo profesional. El mismo producto se adaptó en dos variantes institucionales: Tecnológico de Monterrey y Universidad Tecmilenio.
PROFILE
CHALLENGES
EVALUATION
RESOURCES
× 02 
IDENTITY
Institution logo, color and campaign language
NAVIGATION
Consistent access to the core experience
CONTENT
Institution-specific programs and resources
WORKFLOW
Profile, challenges, evaluation and support
TEC DE
MONTERREY
Una variante azul organiza el recorrido alrededor de datos de cuenta, lista de desafíos y evaluación. La estructura permanece compacta y operativa mientras adopta los códigos visuales de la institución.
TEC
MILENIO
La variante verde amplía el sistema con una bienvenida editorial, beneficios, evaluación, manuales y preguntas frecuentes. La identidad cambia; la lógica de producto sigue siendo reconocible.
UNA APP.
DOS VARIANTES.
UN MISMO RECORRIDO.
SYSTEM
Clear documents
make work move.
NOW →
Different information.
Different audiences.
One institution.
An industrial organization produces communication for many situations. Some information needs to be understood in seconds; some needs to support a presentation; some needs to remain useful across dozens of pages; some needs to guide a user through a process.
PRESENTATION
Explain / persuade / support conversation
MANUAL
Guide / instruct / reference
DOCUMENT
Record / organize / communicate
MAILING
Announce / direct attention / generate action
The difficult part is rarely the decoration.
Corporate information arrives in imperfect forms: long paragraphs, tables, screenshots, processes, statistics, instructions and technical language. The designer's role is to establish hierarchy before style: what needs to be understood first, what belongs together, and what can become a diagram.
Multiple activities must be completed according to the conditions described in the document. Users should complete the information and submit it after the corresponding review has taken place...
| Process | Pending | Observation |
| Registration | Yes | Review |
Complete the process in four steps.
01Confirm the required information02Select the relevant profile03Review before submission04Submit and retain recordPresentations are working tools, not decoration for meetings.
A presentation must establish pace, allow scanning from a distance and give the presenter structure without competing with the conversation.
A presentation needs pace, not one repeated layout.
Large statements, evidence, comparison, process and closing slides each carry a different kind of attention. A varied sequence keeps the room oriented and makes information easier to retain.
OPEN
Frame the issue
CONTEXT
Establish the conditions
DATA
Make evidence visible
COMPARISON
Clarify difference
PROCESS
Show sequence
DECISION
Focus attention
CLOSE
Leave direction
Show the relationship, not just the number.
Data becomes useful when the visual structure answers a question. Charts, comparisons and tables need a stated purpose: direction, difference, distribution, sequence or priority.
Participation by period
A document becomes useful when readers can find their way through it.
Long documents need navigation, content hierarchy, repeatable page structures and enough restraint for the material to remain readable after the first page.
Information
that moves.
Institutional communication / selected workRead, review, act.
Clear hierarchy lets the document carry instruction without requiring every page to start from zero.
Software documentation is part of the product experience.
When users encounter a process through documentation, the manual becomes part of the product. It needs to explain the task, not simply archive screenshots.
Complete your information.
Use the following steps to review and update the corresponding fields.
- 01Access the module
- 02Select the profile
- 03Complete the information
- 04Review
- 05Submit
Documentation needs a reliable page system.
A strong manual lets a reader recognize where they are, what the page is for and what action follows next.
ACCESS THE MODULE
One clear action, supported by image, annotation and exception.
SELECT THE PROFILE
One clear action, supported by image, annotation and exception.
COMPLETE INFORMATION
One clear action, supported by image, annotation and exception.
REVIEW
One clear action, supported by image, annotation and exception.
SUBMIT
One clear action, supported by image, annotation and exception.
Consistency is not repetition.
Recurring presentation and document elements can share a visual grammar while allowing each communication to retain the structure its content needs.
Frame the subject
Change pace
Make evidence visible
Show sequence
Support reference
Leave direction
Turn actions into a visible sequence.
Step numbers establish sequence. Screenshots establish location. Annotations establish attention. The visual hierarchy mirrors the order of the task and reduces interpretation.
Complete the information
Confirm each required field before moving forward.
Help new people understand the organization faster.
Training and onboarding documents establish terminology, expectations, structure, resources and where to find information later.
Welcome.
Here is how
the work connects.
ORIENTATION / PROCESS / RESOURCESOrientation
Clear, retrievable information for a new participant.
Structure
Clear, retrievable information for a new participant.
Schedule
Clear, retrievable information for a new participant.
Resources
Clear, retrievable information for a new participant.
From long-form information to a five-second decision.
Email communication creates the opposite design problem from manuals. Hierarchy has to become immediate: what happened, why it matters and what the recipient should do next.
UPDATE
A new resource is available.
OPEN →EVENT
Registration is now open.
OPEN →REPORT
The latest information, in one place.
OPEN →The same visual language has to survive different densities.
A presentation slide may contain twenty words. A manual page may contain five hundred. An email banner may contain seven. The system succeeds when all remain recognizable without forcing them into the same composition.
ANNOUNCE
New resource available.
EXPLAIN
Presentation / chart / comparison.
GUIDE
Manual / sequence / reference.
Hierarchy before ornament.
Charcoal establishes structure. Orange highlights priority and movement. Warm neutral backgrounds reduce visual fatigue in dense documents. Typography and spacing handle different volumes of information.
Information
with direction.
A PDF can behave like a small information product.
Clear contents, section markers, cross references and predictable destinations let documents benefit from interface thinking without becoming an application.
Review before submission.
Use this page to confirm required elements, then return to the appropriate section when more detail is needed.
Professional communication has to survive imperfect conditions.
Documents and presentations are viewed on different screens, projectors, printers and devices. Strong contrast, restrained color dependency and clear hierarchy make information more durable.
PROJECTOR
Hierarchy remains visible.
LAPTOP
Hierarchy remains visible.
Hierarchy remains visible.
MOBILE PDF
Hierarchy remains visible.
Many deliverables.
One communication language.
Presentations support live communication. Manuals preserve knowledge. Documents organize institutional information. Mailing creates short-form entry points.
CAINTRA
PRESENTATIONS
├ Executive├ Informational├ DataDOCUMENTATION
├ Manuals├ GROW├ OnboardingDOCUMENTS
├ Reports├ Guides├ Institutional materialDIGITAL COMMUNICATION
├ Mailing├ Announcements├ Campaign assetsThe work as it was used.
The presentations, manuals, documentation and digital communication shown here were created as professional work for CAINTRA. Together they represent an extended body of information design across different formats and communication needs.
Turning years of communication into a reusable system.
Looking retrospectively reveals recurring patterns: titles, data, processes, instructions, warnings, navigation and calls to action. This exploration extracts them into a more explicit communication system.
PRESENTATION
DOCUMENTATION
INSTRUCTION
DIGITAL
Information design is infrastructure for communication.
Organizations run on documents. Presentations carry decisions. Manuals preserve processes. Instructions help people act. When those materials are clear, consistent and usable, design becomes part of how information moves through an organization.