DalecandELA
A web proposal for every way to help.
The brief
DalecandELA brings together initiatives, awareness work, a charity shop and different ways to support the fight against ALS. The existing web work organised that digital ecosystem so each activity had its own place.
The presentation shown here is a visual proposal in development. It revises the hierarchy and language of the screens without claiming that this new design has been deployed.
What we did
The existing web work established a shared foundation for initiatives, donations, the shop, events and participation. That historical scope remains part of the project.
The current proposal reorganises the entry point. The mission, calls to participate and initiatives share a more direct hierarchy, with Oswald for headlines and Raleway for continuous reading.
Initiatives, shop and donations are studied as connected journeys. The new screens propose a shared grid, a shop integrated into the same visual language and a donation view that brings amount, details and alternative routes together.
These screens document a design direction. They allow content, hierarchy and visual continuity to be evaluated before any possible development and deployment phase.
In development: one hierarchy for learning, taking part, shopping and donating.
The proposal orders four actions: understand, participate, shop and donate. Each journey keeps its own purpose while sharing typography, rhythm and calls to action, so the association reads as one system.
Anatomy of a charity website
Every association website wants the same things and almost none of them have them in order. Donate: a visible button on every page and a payment that does not ask you to register. Buy: a real shop, with stock and shipping, because a charity T-shirt is a donation with a souvenir attached. Sign up: volunteers and participants, with a form that actually reaches someone. Find out: a calendar and initiatives by year, so this year’s do not bury last year’s.
What shows most over time is not the design, it is the structure: the site now holds initiatives from 2021 to 2026, each in its place, and the association publishes them without touching code. A charity website is measured in editions, not in launches.
How it went
Change the action.
The language remains.
Join an initiative, choose a product or make a contribution. Three contexts with one shared structure to orient, explain and invite action.
DalecandELA Fest 5
Getxo, Bizkaia
The initiative needs context.
The activity type places the proposal. The name and place make it specific. The action closes the reading.
- 01 · PlaceThe label explains which context we are in.
- 02 · ExplainThe hierarchy changes with the content.
- 03 · ActivateOne primary action carries the reading forward.
Website proposal in development · A system demonstration using simplified compositions.
Gallery · the project in pictures (click to enlarge)
See what is in motion.
The proposal groups initiatives in a shared grid for comparing areas and entering each story.
The shop, in the same language.
Categories, featured product and catalogue retain the proposal’s hierarchy without turning the shop into a separate site.
Donate with the context in view.
Amount, details and alternative routes share one screen in this still-developing flow.
"Technology can push a good cause along too."The project team
Want a result like this for your project?
