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.

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.

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

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.

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

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.

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.

Personal logotype

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:

Graphic design (InDesign)

Children’s book: Sem palmeira ou sabiá, by Bartolomeu Campos de Queirós, editora Peirópolis, 2006.

ISBN 857596069-5
Size: 24 x 17 cm
Pages: 28

Illustrations by Elvira Vigna.

This book received 2 awards/mentions:

Altamente Recomendável, by the Fundação Nacional do Livro Infantil e Juvenil (FNLIJ) – 2006 – Categoria Jovem.

Selected to the 44th Bologna Children’s Book Fair 2007 – Children’s fiction books.

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

Poster for the play (theatre) “As incríveis aventuras de Zé Grande e seu fiel compaheiro Manduca”, by Carlos Augusto Nazareth. Illustration by Elvira Vigna.

The poster at theatre front entrance (Teatro Ziembinski, Tijuca, Rio de Janeiro):