• £530

• 45 designs

• 13 designers

---

Web Design Brief

We are working on re-designing an animal adoption page for one of our clients, and are failing to come up with a modern, cutting edge design that not only looks great, but converts well also. We would like to reach out to the designcrowd community to see some innovative design work that will help us to reach our goal. Unfortunately we can't release details of our client, so the design will need to be based on some generalisations and assumptions.

Firstly, here are some competitor pages to give you an idea of the typical animal adoption process:

- https://support.wwf.org.uk/
- http://www.guidedogs.org.uk/microsites/sponsor-a-puppy
- http://www.durrell.org/adopt
- http://www.internationalanimalrescue.org/adopt-an-animal
- http://www.aspinallfoundation.org/adopt
- http://www.marwell.org.uk/adopt/default.asp
- https://give.bornfree.org.uk/adopt
- http://www.zsl.org/shop/animal-adoptions/category.html
- http://www.chesterzoo.org/support-us/adoptions

Secondly, here are some details that you should assume about the client:
1. Our client is heavily involved in animal conservation and have a number of animal parks/zoos in the UK
2. They have about 30 animals available for adoption, spread across 6 or 7 species (such as big cats, gorillas, elephants, etc.)
3. Each animal that you can adopt has a name, a biography, facts and personal info (date of birth, keeper, etc.)
4. There are several adoption packages to choose from:
"junior" which is aimed at children and comes with a free cuddly toy
"standard" which is aimed at everyone and has 4 different pricing levels. Each level has slightly different benefits, but usually contain an annual pass to one of the organisations animal parks/zoos. For the purposes of the design, you can choose the names of each pricing level (or if you'd prefer call them level 1, level 2, level 3 and level 4)
"virtual" is aimed at people who do not want the physical goods that come with the other adoptions packages, and just want the good feeling of helping an animal

The typical purchaser of an adoption has the following properties:
1. Most people who purchase adoptions are aged 20-45
2. Adoptions are mostly purchased BY females
3. Most adoptions are purchased FOR women
4. The majority of adoptions are purchased as gifts for other people (about 75%)
5. Gifters (people who purchase gifts for others) are the primary market we're trying to reach with the page, but other types of adopters do exist (animal lovers, people who enjoy conservation, people who want more than just a ticket to one of the parks/zoos) and these should be catered for also

What MUST the design incorporate?
- The design must show a complete design for the adoption purchase process. This includes the first page they see when they click on the "adopt" navigation link, the animal selection process, the adoption package selection process, how animal details are displayed during the process and the checkout process.
- The process must be clear and concise and very user friendly
- The design must use high quality imagery throughout. Only real photos of animals are allowed (no drawings or cartoons) but animal silhouettes are acceptable. A selection of high quality images have been provided to help guide you but you are in no way limited to using these

What SHOULD the design incorporate
- We'd like the final deign to be based on a single page website concept. You can get lots of inspiration from here - http://www.awwwards.com/websites/parallax/. The closest design from the current competitors is the one for durrell.org
- The process must take into consideration conversion rates and try to be optimised
- You can design the page to use any sort of fancy javascript or jquery effects and animation. there is no need to code these, just describe how the effects will work in a document (with images where applicable)
- The design will ideally be image led, with nice large background images

What DOES NOT need to be included
- A logo design - just use a placeholder
- Any HTML or Javascript - we just need a high quality layered photoshop file from the winner
- Copy - Feel free to use lorem ipsum text where copy should go, but please describe what the copy is intended to be about either in the design or in a separate document (e.g. box 1 should contain a description of the animal species)

Colours/Brand
The new website that is being designed for the client uses two fonts throughout. For headings they use Helvetica Neue 97 Black Condensed, and for body text they use Futura PT. If you do not have these fonts, you can use equivalents but try to keep them as close to the originals as possible.

Throughout the site pages, the fonts tend to be white, and are against dark earthy coloured backgrounds. The primary palette of the site is earthy colours such as browns, greens, oranges and greys. Black is also featured heavily as a background colour.

The site comprises of lots of large background images which take up most of the users browser viewport. By default we'd like you to continue this on the adoption pages, but we're open to suggestions.

When large background images are used, and text needs to be placed over the top, the site uses semi-opaque rectangles (either 28%, 64% or 84%) as a background to the text.

Overall the site uses largely flat design principles, and when there are buttons for the user to click on, they are placed on flat rectangles (not rounded) with solid background colours.



Last comments
Overall, we are looking for something unique and cutting edge. Over the years, our client has tried using most of the approaches currently followed by our competitors with varying levels of success, but ultimately we feel there is a lot that can be done to improve the process, and are looking for a forward thinking design, that use as many cutting edge technology and design concepts as needed. We are not afraid to push the boundaries of technology and design - so feel free to think a little radically.

The winning design will be the one that provides us with the most inspiration for our final design. There are secondary prizes for any other designs that provide us with significant inspiration for our final design.


UPDATE 1: A number of designers have asked us whether the designs need to include a mobile interface. We can confirm that the smallest screensize we expect to view this page is a portrait tablet, with a screen resolution of 720px x 1024px. Anything smaller than this will be served by a separate mobile site that we will design.

UPDATE 2: From the designs we have received so far they have all had a key element missing, and we have realised this wasn't explained well enough in the original brief. We would like to see a thank you page or panel that will be displayed to the user after they have made an adoption. The elements that should be visible on this page are: 1) a thank you message, 2) the ability to share the adoption on their social networks, 3) an encouragement to share their adoption certificate on their facebook account (probably by installing a custom facebook app) and 4) to download a mobile app that they get free as part of their adoption

Industry/Entity Type

Shop

---

Font styles to use

Other font styles liked:

• Helvetica Neue 97 black Condensed (for headers), Futura PT Body (for body)

---

Colors

Designer to choose colors to be used in the design.

---

Look and feel

Each slider illustrates characteristics of the customer's brand and the style your logo design should communicate.

---

Files

Download all files - 55.1 MB