Concours terminé

Homepage design for an italian non-profit foundation

andypanix avait besoin d'un nouveau design de page web et a lancé un concours sur 99designs.

Un gagnant a été sélectionné de 86 designs proposés par 10 designers freelance.

designer graphistes

Voici comment andypanix a commencé son expérience web page design

Nom de la marque

Opera della Provvidenza S.Antonio, a non-profit foundation of religion which provides assistance to persons with disabilities


The Opera della Provvidenza S.Antonio di Padova (that we can translate as Work of Providence of St. Anthony of Padua, thereafter OPSA) is a non-profit foundation of Catholic religion in the diocese of Padua (in Italy) which provides assistance to persons with disabilities.

I am working as a freelancer for OPSA and I am helping them to build their new website.

What we need is template for our site, particularly the design of the homepage of our new site, which can be found online at (username / password = opsa / opsa). The online version of the site has been built from our own drafts, is fully functional, and corresponds to the final structure of the site.

You can read more information about OPSA on our development website (, username / password = opsa / opsa, in Italian) or in the attached PDF: "MoreAboutOPSA.pdf" translated in english.

Caritas cum fide - Christo in fratribus
(The charity combined with the faith: to serve Christ in others)

To give these children of God for various reasons, far from home, a home and a family again. To enable all those who come into contact with this reality to be present with their hearts, their generosity, their willingness, their prayers; as a concrete invitation of Christ the Lord to practice works of mercy that one day we will open the gates of heaven.

Parlez-nous de vous et des personnes que vous souhaitez cibler

• People seeking information about services offered from the OPSA for their loved ones with disabilities.
• All volunteers who are serving or who wish to serve in the OPSA.
• People who want to come to visit the OPSA and then seek further information.
• People wishing to give their contribution to the work of Providence St. Anthony with their donations.
• Doctors and professionals seeking information on training courses.

Considering our main target audience, the message that the website has to transmit must be oriented toward the individual, the person. The visitor should perceive the OPSA firstly as a big family, a community, where guests (as they are called the people who find hospitality in the OPSA, we never use the word patient) should have the impression of being at home.

It is the human relationship, the affection, the liveliness and the vitality of the community that the visitor should be able to perceive.

Therefore we don't want a corporal or institutional website, unfriendly or cold-hearted, but a website full of life that delivers firstly human warmth and affection.


We mainly need a template for our site. Particularly we only need the design of the homepage, but you must design the navigation menu based on full site navigation (so an example of the expanded/opened navigation menu would be appreciated). Please consider the fact that our website should be fully accessible.

All buttons and links should have a rollover effects, so in your design you should include a hovered version of the icon or link, and a visited version of links.
Linked titles should have different color or graphics from non linked one's.

We would like a website of soft warm pastel colors . Font colors must be dark text on light background (so please no designs with dark backgrounds).

The logo to be used is the one currently on the site, and available as logo.pdf attached to this brief. The logo preferred color is red as you can see in "color_mosaic.jpg", but you are free to experiment.

We would like to use a photo or a stylized sketch of OPSA church positioned on top of our site, above top menu, to the right (see "homepage_mokup.pdf" for a sketch of this idea, and our_church_01 and our_church_02 for two photos of our church). Please note: this is only a possible idea, it's not mandatory, and if you think that there is no good way to put a church in that position, forget about it, we will not penalize your design for not using the church. Thanks

Preferably a photoshop PSD file with open layers (but we can accept other formats as PNGs if you don't use Photoshop)

If you need an extra image for your design (ie for background), you can search, since we have an account with them.

Nombre de pages


Description de la page

You can build your design using the actual homepage as your mockup (or using homepage_mockup.pdf).

Browse using opsa / opsa as username and password to get an idea of how the navigation menu works.

The top menu is built on 4 levels. Since the second level of the navigation menu is not always visible (eg it is not shown on the homepage, but instead is present in most of the inside pages), you should try to design the graphics for the menu to be "compatible" with this feature.
In the attached document (top_menu_overview.pdf) you can find some menu designs that we like.

The site's structure has been build using the 960s grid system (more info at We have used a 16 columns grid system, with 40 px wide columns and 20px gutters. See 960s_grid.png (attached here) for a grid overview.

IMPORTANT: you should try to use the graphic design to hide the grid on which layout is based, not to highlight it. We should be aware of the existence of the grid only if we observe carefully the structure of the site, as we can see in many of the sites shown on Try to avoid the use of sharp rectangles to define areas of the page or contents of the page, since rectangles seem to strengthen the grid not to loose it. And I want to loose it.

To further clarify what I mean when I say "try to loose the grid", I think that this article of Smashing Magazine could help:…echniques/

If you think you have a particularly good or original idea, and you feel the actual grid too limiting for your creativity, we might consider the idea of making some changes to the grid or to the structure of the page itself, but try to maintain the relative importance of the different sections and/or contents.

Good works!

Site Web existant using opsa / opsa as username and password

This is the full working development version of the final site, build on our mokups.

The OPSA website should not be an institutional website. Try to build something with a style more similar to (informal) than (institutional and formal).

Exemples de sites web

In this page you can find a website template with colors that we like:…tml?tab=40
What we like: soft relaxing colors
What we don’t like: flash animations

Another interesting template:
What we like: the conceptual idea of the background (the tree and the sky); we would like to see something like that, but using the OPSA church instead of the tree (it's only a possible idea, but it's not mandatory and if you think that there is no good way to put a church in that position, forget about it).
What we don’t like: colors (too cold), typography and animations (we don't care)., a site we like for style, the attention to details and the typography, but we will tend to prefer something more colorful.

Pack personnalisé

729 $US

Options payées

  • Mise en avant

Mises en avant gratuites

  • Concours invisible
  • Garanti
  • Concours rapide

Produits livrables


Nous avons trouvé des concours similaires qui pourraient vous intéresser

2 199 $US
a nonprofit serving refugees in Houston. Targeting 40 years old and younger crowd for volunteering and donations...
design réalisé par Amal Xavier design réalisé par Design Tec design réalisé par Gendesign
designer graphistes
886 £GB
Hi, is a personal loan provider. I want the site to have a big brand feel and a really p...
design réalisé par Cristian_ design réalisé par Creation Fever design réalisé par Creation Fever
designer graphistes
1 349 $US
Datomia has developed a software storage and streaming Platform as a Service (PaaS) that solves the major pain points...
design réalisé par OMGuys™ design réalisé par OMGuys™ design réalisé par OMGuys™
designer graphistes
999 $US
We offer free file hosting....
design réalisé par Creative H design réalisé par NetxSolution design réalisé par Creative H
designer graphistes
1 599 $US
We provide a storage delivery service. Our customers request empty boxes be delivered to their home or office, we pi...
design réalisé par Sepatu Merah design réalisé par Panjie design réalisé par Diday Design
designer graphistes
15 198 NOK
Senior IT Consultants with long professional experience We focus on - High quality software development - Advisory...
design réalisé par Dreamwebcraft design réalisé par saboradu94 design réalisé par saboradu94
designer graphistes

Nous avons gardé une place pour votre concours deweb page design.

C'est parti!
7 118 DKK
The purpose of the Arctic Institute is to expedite the knowledge and access to historical materials about the Arctic
design réalisé par mvazhina design réalisé par Dmitrij design réalisé par mvazhina
designer graphistes
1 049 $US
Our website for our coaching certification is HOWEVER, this website project is NOT...
design réalisé par slf1986 design réalisé par slf1986 design réalisé par slf1986
designer graphistes
549 €
We are an air conditioning and ventilation company , our main customers are professionals in the audiovisual sector (...
design réalisé par Jasmin_VA design réalisé par Jasmin_VA design réalisé par Shubh_cr8ve
designer graphistes
599 $US
Healthy Ready offers select, freshly prepared healthy gourmet food delivered right to our customers doors each week.
design réalisé par massoftware design réalisé par massoftware design réalisé par massoftware
designer graphistes
599 $US
Predictive analytics models for the stock markets - stocks, investing, research...
design réalisé par Edita.K design réalisé par Edita.K design réalisé par Edita.K
designer graphistes