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? ;)

And, finally, my book is out!

It’s called Godô dança. Godô is short for Godofredo and dança means dances. It’s a children’s book. The story is about dog considered to be lame and boring until we discover that it… dances! Dança is the first book of at least ten, each about a different action, such as cooking, spying, etc.

The godofredo.org site (portuguese only) has a blog about animals, activities pdfs, a glossary of terms used in the book and a gallery section with photos and/or artwork from readers.

The book is already distributed nationwide (Brazil) and can be found in all the major bookstores.

Its ISBN is 978-85-204-3103-0 and the publisher is Editora Manole.

Both story and illustrations (and design) are mine.

The illustrations are vector over acrylic paint and/or china ink.

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.

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

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-something^th 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.

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.

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;
 }

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.

This is a major redesign.

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

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

This t-shirt stamp was made for a São Paulo’s anniversary (2009) special, for a local mainstream newspaper, Jornal da Tarde. It was a challenge proposed to seven designers and we had three days from briefing to publishing. For personal reasons, I had to finish it in one.

What shows as a representation of blood vessels is actually the road map of São Paulo.

Black, white and red are the city’s official colors.

As published on the newspaper (full 4^th cover page):

Detail (me!):

Front page teaser:

Lagartixa (gecko, in portuguese) is my other portfolio.

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:

January, 2009:

March, 2009:

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

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!).

Well, I guess it’s the third version…

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

Logotype for the public health administrator, Valcler.

Valcler is a natural leader and is quite usual to see him followed (literally and metaphorically speaking) by thousands of people. It was important that the logotype represented that (several human figures).

It was also important that it reflected in someway his political choices (in Brazil, PT, the labor’s party – left wing – is represented by a red star).

Other main characteristic is that Valcler is an aggregator but not – in any way – an authoritary person and truly believes everyone’s equal.

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

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

Psicose & Arte

Wordpress theme

client: Márcia Thereza S. Silva, MD

Printed ad of my online artzine, Aguarrás (portuguese only)

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

v. 4

v. 3

v. 2

v. 1

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.

Autoreport – web & logotype

Mambo template

Logotype

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.