search

IATI / D-Portal

http://d-portal.org/
Other
30 stars 23 forks source link

d-portal "look-and-feel" alignment with IATI branding #660

Open robredpath opened 4 months ago

robredpath commented 4 months ago

d-portal is the most-used tool provided by the IATI Secretariat, but it has a completely different look-and-feel from the rest of the IATI web estate.

There is work that has been ongoing for the past couple of years to establish a consistent approach to branding our web tools, resulting in the IATI Pattern Library. ODSC are currently reviewing this, and looking to build on it either in-place or through a new iteration of approaches to design management.

So, I'd like to understand what would be involved in making d-portal take on the look-and-feel of the current IATI branding and what opportunities there are for this work to support development elsewhere in the IATI estate. In particular, I think SAVi is the only place where IATI data is displayed in dense tables, and is already re-used in CDFD, for example.

Alongside this, it would be useful to know what resources don't exist but would be useful, in terms of reusable components; we can look at adding such things to the Pattern Library or its successor.

It may also be that this is an opportunity to rework d-portal's implementation in various ways given all that we've learned over the years - that would be welcome!

stevieflow commented 4 months ago

and is already re-used in CDFD

The link here is to d-portal. Should it be to something CDFD specific ?

notshi commented 4 months ago

Thanks, @robredpath for raising this.

The IATI pattern library is designed for a specific purpose - the IATI Standard website so the layout and templates will not be applicable to d-portal pages.

There are parts of it, like colour schemes, header and footer elements which can be applied but there looks to be several different typefaces used in the page templates. We only use the default typeface of the browser so this probably won't be an issue.

We'd probably spend some time looking at the current IATI websites and see how they've done it; ie. CDFD and Datastore. For instance:

Here are the headers of the different sites. iatilibrary cdfd datastore

Here are the footers of the different sites. iatilibrary_footer cdfd_footer datastore_footer

A good first step is probably to re-theme SAVi with the expected header and footer. Then we can start looking at the different kinds of pages found in d-portal and seeing how the themes can be applied.

stevieflow commented 4 months ago

Great

A good first step is probably to re-theme SAVi with the expected header and footer

Shall we create a specific issue for that?