Tuesday, December 22, 2009

Fantastik 2.0

Fantastik redesign

   

The slideshow solution uses NextGen Gallery running on WordPress, but it’s not inside a post or page as it was designed to work. It’s inserted into the template. I found the first clue that this was possible on code.google and adapted from there. The code line that I’ve ended up using is echo nggShowSlideshow(id,width,height); inside php brackets, obviously.

This solution is great because — unlike other slideshow plugins — the publisher isn’t stuck with the first slideshow’s width and height parameters and can use the same plugin all over the site with different sizes.

Other aspect of this redesign that I’m particularly fond of is the positioning of the article/post title. It doesn’t use any clever solution, I just like it. Hope you do too.

You can check out the first version of Fantastik here on my portfolio.

Way radical changes, ahn dude? ;)

Saturday, October 31, 2009

Aguarrás fine tuning

I´ve made some fine tuning on the Aguarrás template. It now shows an edition-specific cover on top, both in list and article views.

Aguarrás fine tuning

Aguarrás fine tuning

It´s a mixed solution, using CSS, the excelent Category Icons plugin, cottage cheese, a goat, duct tape and pepper. ;)

Sunday, October 25, 2009

vignamaru.com.br

vignamaru.com.br - october 2009 version

October 2009 version of vignamaru.com.br, my personal site in portuguese.

This site had so many different versions that I’ve just stopped counting. I think this is its 40-somethingth layout, but I´m not sure.

You can check printscreens of older versions on my portfolio or, if you’re really curious, browse the internet archive.

Tuesday, October 20, 2009

Nutre

Design and template for Joomla 1.5 = Carolina Vigna-Marú
Development and content = Marcelo Chiarella

Design & Joomla template for Nutre

Redundant navigation: footer icons + sidebar and top menu.

Nutre - design for Joomla 

The footer icons work on pure CSS. The key is to use 2 different CSS classes and change from one to the other on mouseover. 

php:

img class=”‘mouseout’” onmouseout=”className=’mouseout’”; onmouseover=”className=’mouseover’”

css:

.mouseout {
 width: 40px;
 height: 32px;
 }
 
.mouseover {
 width: 80px;
 height: 64px;
 }

Tuesday, July 14, 2009

Aguarrás redesign

Aguarrás is an arts magazine (portuguese only). It was born as a personal project but is now much, much greater and better. I’m particularly proud of this project.

Aguarrás redesign

Aguarrás - redesign

This is a major redesign.

Monday, March 16, 2009

Estúdio Next

WordPress theme for Estúdio Next*, leading soundtrack and jingle studio in São Paulo.

Estúdio Next

*Not related to Next Brasil magazine + logotype not mine.


Thursday, September 25, 2008

Lagartixa.org

I’ve always thought that this practice of publishing one’s portfolio in one’s portfolio site was very strange and awkward. However, I’ve decided to register the different designs it will most certainly have (I treat my personal sites as a kind of design playground).

September, 2008:

Lagartixa.org


January, 2009:

Lagartixa.org versão 2

March, 2009:

Lagartixa.org

This last (march, 2009) version was designed as to have a visual identity with my other sites.

Friday, September 12, 2008

Fantastik

Wordpress theme and logotype for the main science fiction and fantasy site in Brazil, Fantastik.com.br

For this site I’ve used a few hacks:

Some categories only show post titles first, others show the full post. I’ve used only WordPress codex for that.

For each category there is a different illustration. This one is even simpler: a secondary css was applied to each category template (category-#.php and so on).

Left menu has a hover effect, made with pure css, no javascript nor flash. It uses layer positioning and z-index and nothing else.

Other unusual (for me) choice was the fixed layout (fluid rules!). The adsense and links disappear when seen on resolutions lower than 1024 wide.

No flash, no javascript, pure css.

Left menu:

The alphanumeric list that shows in some categories uses wp-snap (awesome plugin, by the way!).

Tuesday, August 12, 2008

Aguarrás v.3

Well, I guess it’s the third version…

I’ve played around with it so much I’m not sure which version is this.

Monday, May 12, 2008

Vigna-Maru

My personal site in portuguese, Vigna-Marú, is online since december 27th, 2001 (CMS only from 2002 on).

It had so many different designs that I’ve just stoped counting, to be honest.

vignamaru.com.br - october 2009 version

janeiro 2009

Vigna-Maru

julho 2009

Saturday, April 12, 2008

Psicose & Arte

Psicose & Arte

Wordpress theme

client: Márcia Thereza S. Silva, MD

Sunday, December 31, 2006

Next Brasil – site

NEXT Brasil, a magazine published until 2007, had 4 different sites, all designed by me.


v. 4


v. 3


v. 2


v. 1

Tuesday, December 12, 2006

Cinabre

Cinabre

Cinabre was the name of the publishing house I owned until 2007. All graphic stuff, including this logotype, was developed by me.

Just about now (march, 2009), I’ve decided to start a new personal project and Cinabre will be resuscitated.

Tuesday, August 22, 2006

Autoreport

Autoreport – web & logotype

Mambo template

Logotype

Tuesday, August 1, 2006

Marcelo de Alvarenga

Logotype for classical pianist Marcelo de Alvarenga.

I’ve also made all of his site’s versions until now.

The first one, june 1999 (below), was made in html, using tables and no css:


v. 1

The second was still without a CMS but already used css:


v. 2

The third used Mambo, tableless (php+css):


v 3

The fourth is under construction and will be on WordPress, tableless, fluid layout.

Para esta versão, usei algumas soluções combinadas para o tocador de mp3 e para o glossário.

A versão 3 do site ganhou também uma identidade visual nova, substituindo a antiga (também minha).

Gosto imensamente de trabalhar com músicos.

Wednesday, July 12, 2006

Lá Fora

Lá Fora (“out there”) was a site about external media, such as outdoors. I’ve designed the logotype and the mambo template.


Here in São Paulo, short after that, all outdoors were prohibited and the site was made into a blog about the subject. The blog, in Wordpress, was not made by me and uses a different theme.

Sunday, April 2, 2006

Eric Novello

I’ve designed all of writer Eric Novello’s site versions until now and his logotype.

Version 3 is under construction and uses WordPress.

Version 2 used Mambo:




The first version didn’t use a CMS:





Logotype:

eric novello - logo

Friday, January 13, 2006

Nivaldo Tavares

Mambo template, logotype and cd cover for the classical pianist Nivaldo Tavares










Tuesday, January 13, 2004

Domenico De Masi

Domenico De Masi’s brazilian site (offline)

html+css

Friday, December 13, 2002

Atlantide

Atlantide’s site, offline.

This site was discontinued due to a commercial merge between Atlantide and Periscópio, that resulted in a new company named Ares, for whom I’ve never worked.