Cooperamos Escuela

Proyecto Artesastore

Project Overview

Cooperamos Escuela is a landing page designed for a leadership school in San Gil. The goal was to clearly communicate the program’s value and generate trust through structure, testimonials, and a professional visual tone.

I designed the UI and prototype, and implemented the final page using Frappe Builder, adapting the layout to platform constraints while maintaining consistency and clarity.

Key Problems

Why is this?

Many educational programs struggle to clearly communicate their value, especially to new users who are not yet familiar with the institution. This lack of clarity and not being straightfoward can create hesitation and make it harder for users to understand what they are committing to.

How can i trust this?

Even when the value is understood, users may hesitate to engage due to a lack of trust. Without early proof or validation, such as testimonials or real outcomes, the program can feel uncertain or risky to commit to.

Exploration & Structure

During the exploration phase, different content arrangements were considered to determine how to present the program in a clear and trustworthy way.

Initial approaches placed detailed information earlier in the page, but this created friction by asking users to process too much before understanding the value of the program. As a result, the structure was adjusted to prioritize clarity and trust-building first.

The direction shifted toward a more guided flow, starting with a strong introduction, followed by social proof, and then expanding into more detailed information. This approach allows users to first understand the purpose of the school, then build confidence, and finally explore the specifics of the program.

Mi foto del diseño

Information Architecture

The information architecture was designed to guide users through a structured and trust-focused journey, ensuring clarity at every stage of the experience.

The page begins with a hero section that introduces the leadership school and communicates its core purpose. This is immediately followed by a testimonials section, strategically placed to establish credibility early and reduce initial hesitation.

After building trust, the flow transitions into sections that explain the program in more detail, including its way to attend and the type of courses they offer.

Finally, the experience leads users toward a clear call to action, once they have enough context and confidence to engage with the program.

Each section is intentionally ordered to move users from awareness, to trust, to understanding, and ultimately to action.

Proyecto Artesastore

Design Decisions

👤

Early placement of testimonials

Testimonials were positioned directly after the hero section to introduce social proof early. This helps build trust quickly and reduces hesitation when engaging with an unfamiliar educational program.

👤

Clear content hierachy for course understanding

Information was organized to move from purpose to proof and then to detail allowing users to understand what the school offers before being asked to commit or explore further.

👤

Visual restraint to support credibility

The design avoids excessive visual complexity, keeping the focus on content and messaging to reinforce professionalism and trustworthiness

Hero Section

Testimonials

Modalities Section

Courses Section

Call To Action Section