Website Citruz - Bastidores \o/

Frutos, Inovações, Tecnologia

Bom galera já que o Dotto deixou a bola “quicando”, “bora da um bicudo nela”…

Bom, como viram, o site da Citruz está bem “diferente”.

Antes de começarmos a criar o layout do site, estávamos planejando como seria o site e quais recursos iríamos utilizar. A nossa idéia sempre foi a de fazer algo diferente e inovador.

Navegando na Web encontramos um plug-in (ScrollTo) da framework Jquery que achamos muito interessante e, após a aprovação de todos, começamos a estudá-lo.

Já tendo em mente como seria o site e já com um “preview” em mãos (layout), começamos a pensar na melhor maneira de equilibrar elementos gráficos e interativos com usabilidade e leveza de navegação. Então decidimos utilizar o Flash apenas onde achamos necessário e, como o site possui apenas quatro telas de navegação, tivemos que utilizar muito AJAX para fazer nossas requisições de conteúdo sem que seja carregado todo o site a cada clique do usuário.

Na tela “Sobre” utilizamos API do Yahoo (YUI) para desenvolvermos a galeria de imagens da agência e incluímos o Highslide a mesma (efeito de abrir as imagens).

Na tela “Portfólio” utilizamos AJAX para toda navegação, integramos também dois recursos bem interessantes para mostragem dos nossos trabalhos: o GreyBox e o SmoothGallery2.0.

Na tela “Contato” aproveitamos o Highslide e o utilizamos para fazer a mostragem do mapa com a localização da Citruz.

Obviamente e teoricamente, teria sido muito mais fácil desenvolver toda a página em Flash, mas como nosso lema é a inovação e experimentação, buscamos alternativas que produzissem o mesmo efeito final e com muito menos uso de processamento e banda.

um Feliz Natal e um Próspero Ano Novo à todos!!!

1 resposta

  1. Lucas Dotto  •  dezembro 23, 2008 @5:34 pm

    Confesso que no início pensei o site sendo desenvolvido todo em flash, pela interatividade, efeitos de transição e tudo mais. Mas conforme fomos trabalhando com todas as outras “alternativas” ao flash fui sendo convencido de que era possível obter o mesmo resultado e com uma melhor performance.

    O principal problema era adequar todos os recursos a todos os navegadores, já que o risco de uma coisa funcionar perfeitamente em um e completamente torta em outro é grande, e esse problema praticamente não existe com o flash. Como aparentemente todo esse risco foi reduzido a 0, então acho que não há muito o que discutir ou argumentar em relação a desenvolver o site full em flash =]

    Parabéns pro André que conseguiu resolver todos os “pepinos” que foram aparecendo (principalmente conflito FireFox x I.E.) de forma rápida e definitiva.

    E pra não ficar feio, Feliz Natal e próspero Ano Novo.

deixe seu comentário

tag's permitidas: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>