• US$410

• 83 diseños

• 4 diseñadores

---

Resumen de Diseño Web

Air Support is a start-up online firearm parts store, aimed at offering a great shopping experience. We want to differentiate ourselves from other online stores firstly through a clean design that doesn't try to compete with itself for user attention.

This project is for the home page specifically, but further work may include the individual product page, category page, and checkout flow pages.

The design must:
* Be clean and clutter-free, with judicious use of white space.
* Be responsive, in that elements must be able to reflow without problems, such that mobile users retain full functionality.
* Be content-focussed, with header and footer styling taking a backseat to content styling.
* Avoid column-based side bars (Navigation, etc.) as far as possible.
* Avoid carousels, or any other sort of rotating content. We want to avoid animations of any kind, again, to avoid competing with ourselves for user attention.
* Scroll cleanly. Scrolling is fine - we don't care about cramming everything in above The Fold, so long as scrolling cues are available.
* Feature a clean typographical hierarchy to properly direct user attention.
* A clean grid, such that blocks line up nicely, within reason. We understand that text does not always work out in perfect rectangles.

The current placeholder design is viewable at http://www.airsupport.co.za/ (Also check it out on a mobile device to see responsive behaviour)

Sites in the same type of industry that have the type of clean look we want:
* http://www.safariland.com/ (Not ideal, but in the right general direction)
* http://kershaw.kaiusaltd.com/ (Great-looking content areas and fantastic responsive design)
The content areas are the main focus here, especially on the latter site. We don't want the same type of header or footer styling as these sites, as exemplified by the very Bootstrappy placeholder site we currently have.

Elements we would like to see in the design:
* The slogan with an AC-130 gunship (The current one is a public domain image), which gives context behind the brand name and ties into the silhouette placeholder logo.
* A product spotlight, to highlight a particular product we would like to bring attention to. It need not be as verbose as the "Introducing the Shell Sorter" spotlight currently on the placeholder site, but should still be a headline spotlight.
* "Mini" spotlights for specific brands, categories, or specific products. This is sort-of implemented as the "Brands In Stock" section on the placeholder site, but the final design would probably have more squarish blocks, so that a specific product consisting of image and headline could be featured. Feel free to use random product images as needed.

Other notes:
* The use of Courier New for headings is to try convey a "military/air force" feel, but we don't want to go overboard with that, which is why there are no other "military" aspects to the site. Exploration of other options are welcome.
* Please let us know if there's any other information or guidance we can provide to help with the design process.

Edit 2015/01/07 07:40 UTC:
* This contest is for PSD designs, but if you prefer to implement it using HTML & CSS, you are welcome to do so, with Bootstrap being preferred. The requirement to keep in mind is that whatever is in the design must be able to reflow cleanly for lower-resolution devices (Down to 320px wide). In other words, the design must be able to be implemented in a responsive manner.
* We don't strictly require the design to include the AC-130 gunship, but it does help tie the brand name to the slogan and thus anchor the brand name in users' minds. If the same message can be conveyed differently, we're happy to consider it.
* We would prefer to avoid stereotypical "military" elements, such as camouflage, etc.

Edit 2015/01/07 08:08 UTC:
* The design must avoid pop-up menus, or anything that would require pop-up menus.
* Going forward, the plan is to include breadcrumbs just below the header on sub-pages of the site. This breadcrumb section will be full-width, and will be able to expand down to show a category navigation panel. This will push any other body content down. If necessary, we can create mockups of how we envision this to look, so that the design can account for it.

Tipo de industria / entidad

E-Commerce

---

Archivos

Descargar todos los archivos - 0,3 MB