Banner Oferta Html + Css

Criação da arte e código html + css para banner de oferta destaque. Este banner terá 980x330 pixels, contendo as seguintes informações por ordem de importância (peso):

1. Foto destaque (420x330) - pode ser um pk menor (não muito) a depender da moldura do banner.



2. DESCONTO (%)

3. PREÇO 12X  / A VISTA (Destaque maior para o preço parcelado)

4. Tempo restante para finalizar a oferta

5.Qtd vendido

6.Valor da economia (r$) / valor “de” (destaque maior para o valor economizado)

7.Trumbnails (três menores, mas na mesma proporção da foto destaque)

8.Nome do produto (titulo da oferta)

Com exceção da foto destaque, trumbnails e molduras, todo restante do banner deve ser feito em html + css.


Por exemplo, o desconto % deve ser html +css e não imagem, pois será preenchido via banco de dados.

O banner também devera poder assumir dois tamanhos (980x330 e 480x160) sem perda da qualidade.

*** IMPORTANTE: Deve ser um banner bonito com design professional, mas que VENDA !!! Destaque nas informações como desconto %, "de/por", etc... (Vide ordem de importância/peso) ***

Seguem alguns exemplos de banner para servir de inspiração:

http://pt.depositphotos.com/22760076/stock-illustration-Origami-style-banners-vector.html?sst=120&sqc=250&sqm=8146&sq=20p641 (gostei dos banners de origami brancos com pequenos destaques coloridos - nao sei o nome certo desse componente colorido. Seria “tag”?

http://pt.depositphotos.com/24261351/stock-illustration-Labels-Badges-Banners-Origami-3D-Vector.html?sst=300&sqc=644&sqm=8146&sq=20p641 (gostei do efeito 3d)

http://pt.depositphotos.com/29227257/stock-illustration-Set-of-vector-clouds-for-speech.html?sst=600&sqc=1249&sqm=8146&sq=20p641 (gostei do efeito da borda banca com sombra)

http://graphicriver.net/item/origami-banners-set-02/4611051 (gostei bastante desse estilo - orignami, cor e 3d, bem bacana)