Concurso completado

Homepage design for an italian non-profit foundation

andypanix necesitaba un nuevo diseño de página web y lanzó un concurso de diseño en 99designs.

Un ganador ha sido elegido entre 86 diseños de 10 diseñadores freelance.


Cómo andypanix comenzó su viaje en diseño de página web

Nombre de la marca

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

Descripción general

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.

Cuéntanos a qué tipo de público quieres llegar

• 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.

Número de páginas


Descripciones de páginas

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!

Sitio web existente 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).

Páginas web de ejemplo

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.

Paquete personalizado

729 $

Destacados pagados

  • Destacado en la lista de concursos lanzados

Destacados gratis

  • Concurso ciego
  • Garantizado
  • Ronda rápida

Archivos finales


Hemos encontrado algunos concursos similares que podrían interesarte

599 $
We are a managed IT provider. We deal mainly with CEOs and decision makers.
diseño de Catalina.C. diseño de Catalina.C. diseño de Catalina.C.
599 $ has been giving creative professionals free information, education, inspiration, and peer…
diseño de satyam creations diseño de psalm29 diseño de Herie.suhaeri
599 $
The zippers with sealant layer are profiles which are welded to the plastic film during the bag making process.…
diseño de bigzero diseño de Didien_geonk diseño de Yesica Flores
599 $
Travel related website and articles.
diseño de Prismonline diseño de Vallentin diseño de simplest™
1.199 $
3D Technology, LLC Provides complete 3D Modeling and detail-drafting services.
diseño de Olumoria
399 GBP
We provide point of sale finance solutions to used car dealers in order to help them find finance for the customers…
diseño de Crowd diseño de Crowd diseño de AUMkara

Te hemos guardado un lugar en tu concurso de diseño de página web.

Comienza ahora
1.133 $
The intention of our website is to promote and inspire people to Share Loving actions, words, social media, thoughts,…
diseño de little fish diseño de little fish diseño de choosenwon
599 $
This website will be a sales page for my real estate flipping bootcamp
diseño de Aiden © diseño de Aiden © diseño de GamTrak
650 $
This purpose of this site is to offer the services of a wedding officiant for unconventional weddings. I want to…
diseño de Hitron diseño de BULLS EYE !! diseño de BULLS EYE !!
599 $
Our main service is residential remodeling/home improvements. We also build new construction and have done some…
diseño de pooja_pm diseño de choosenwon diseño de choosenwon
899 $
We have a number of Medical information website for physicians and patients. specializes in…
diseño de PRUPA diseño de PRUPA diseño de Amal Xavier
899 $
We are a meta search for hotel prices worldwide (similar to Kayak)
diseño de KR Designs diseño de KR Designs diseño de KR Designs