FEBRUARY 3 COMMENT: Most all of the contest submissions we've received so far have looked much more like NCF's current website, which has multiple rows with little content sections, photos, etc. But we want something entirely different: a grid/tile-based design with borderless edges hat looks much more like an edgy, contemporary, industrial app-like website. Please keep pushing for something more like essentialdesign.com or like this 99designs example which has a left navigation instead of a top bar (https://99designs.com/profiles/razs/designs/378). Both use a combination of photo based tiles and color/white/gray tiles that have text and objects in them. Also see this wireframe concept we just put together to show how the entire home page is made of tiles: https://www.dropbox.com/s/dwa16h1te…0.jpg?dl=0. That’s just a quick wire frame Mark up to get you thinking. We are not asking you to clone that. Just a concept.
ORIGINAL DESIGN BRIEF:
We are going to completely update our brand design (web, marketing sheets, presentation templates, HTML email, videos, etc.), and we want to start by seeing what our new website could look like.
We want a website that's much more modern, upscale, and mobile-responsive with powerful stories/links and more of a journalistic, upscale magazine feel.
Our main source of inspiration is another company's site: http://essentialdesign.com (homepage) and http://essentialdesign.com/case-stu…ot-roomba/ (subpage).
In the Dropbox folder linked just below, you'll also see a quick mockup we did ourselves that looks very much like essentialdesign. (See the "NCF Web Mockup" JPG that uses responsive tiles with a blend of positive- and negative-toned imagery, though we didn't know how to best incorporate non-photo tiles into our design.)
The homepage of essentialdesign uses hover-overs to reveal article titles and clickable links on each tile. (But note that we don't like the four blue boxes below the white area at the top. The previous version of this site had the runner/solos-glasses tiles just below the white area.)
Their subpages include a title, full-width photo, text, and a series of sub-images in a right-to-left sliding carousel ... followed by more text, with related articles in tiles/squares at the bottom of the page.
We happen to stumble upon this web design (https://99designs.com/profiles/razs/designs/378) and thought we would add it to our brief to show how another designer utilized a very similar tile/grid structure In a way that isn’t a clone of essentialdesign. However, we like the symmetrical nature of essentialdesign, which is a four-column overall grid.
The project deliverable would be: 1 or more home page designs (preferably with examples of hover over boxes) and 1 or more sub-pages that look very close to the essentialdesign sub-page linked above. For sub-page content, you could use the text, flowchart, etc. from this marketing sheet of ours: https://www.ncfgiving.com/forms/usi…realestate (but updating the design style based on our preferences below).
CONTENT, PHOTOS, FONTS, ETC ...
We made a Dropbox folder containing photos, videos, fonts, and more: https://www.dropbox.com/sh/yoqvf4p8…V2bea?dl=0. We're open to new fonts, and we definitely want to see a new color palette (likely still utilizing blues and greens, but less childish/primary).
And ignore the Word doc in that folder. That is for a separate booklet 99designs contest, which you can also participate in.
FEEL FREE TO DREAM, and GREEKED TEXT
All we're looking for is a concept to gauge your design style. Nothing is final, and we don't expect final Photoshop/Illustrator files. Thus, you can use fake/greeked words, make up fake stats, use comp photography, etc. We'd love to see something beautiful. We can develop real content for it later.
You don't have to clone our JPG or the essentialdesign site (we aren't 100% tied to a top bar, white area, followed by tiles), but we do like the idea of responsive design tiles that feature a blend of stats, stories, and serious journalistic content that lead to sub-pages on products or blogs/articles.
HOME PAGE CONTENT
We're open to greeked text in the main white area of the home page (the "about us" section). Feel free to design something that looks good, even if it's not real text.
One idea we had: the words "What if" would be stationary and constant, followed by rotating different endings to the question that cycle one after the other, like:
What if you could end hunger?
What if everyone had the bible in their own language?
What if human trafficking was a thing of the past?
Below that big question would be a short greeked paragraph, with a button that says "Get started".
Our website (https://www.ncfgiving.com) and its various PDFs, blogs, videos, etc. show that we have a very bright, colorful, happy/positive, and church-consumer look and feel. It's professional and well done, but it has a "brochure" look to it that we're ready to move away from.
We want to move into a much higher-level of elegant, sophisticated design aimed at high-net-worth (wealthy) audiences, who expect a refined and "up scale" designs. In particular, we've looked at the overall approach from the high-end financial services industry. Here are some examples:
Since we (NCF) are a Christian ministry, we don't want our new look to be completely financial and sterile. It must blend that sophisticated financial feel with a "heart," showing the impact of people whose lives are being changed.
A great example of this is this report: https://theseedcompany.org/sites/de…ft_004.pdf
Another example (though one that is a bit too playful, young, and "everyday consumer") is: https://movement.com/publication/im…index.html
We want to blend that financial style with a contemporary, modern, current, techie, and even edgy feel. The essentialdesign website is what we're thinking about here.
Another big source of overall design inspiration is the industrial, tech feel of this company's data visualizations: https://www.behance.net/Oberhaeuser
And ... https://www.steelcase.com/content/u…ssue71.pdf
Note that we like the lighter tones (lots of whites and light grays, with pops of color or darker imagery) from the above two links. Our JPG mockup is a bit dark because of all the dark photos.
So in summary, for the design tone ... we would love a new look that complements our JPG mockup and the Essential Design website: combo of light/dark "feel", tiled imagery, sad+happy photography, combo of photos+stats+charts, etc. ...
ALSO SEE OUR SEPARATE CONTESTS FOR "SECTOR REPORT" and LOGO DESIGN.