G1 has one section dedicated to all sort of Brazilian education information. As time passed new things happened to this category and they needed to adapt the product to a new scenario. With short time to bring new features they had to juggle between creating something better but still consistent with other sections of the portal. The result is really good and very aligned with G1 user experience, one of the best new sites in Brazil, and without any doubt the best designed one. Goal Reinforce this section considering brazilian audience interests, focusing on the most relevant keywords and increasing searches until that time. Techniques and artifacts Personas, Scenarios, Wireframes, Web analytics research, Ontology definition, SEO best practices Of course we didn't implement all of the classes and subclasses of this image. But at that time, for being the first web semantic implementation on this product, I should make a forecast, anticipating possible future needs and assuring that the modeling we were adopting at that time wouldn't be an issue on future reformulations. Google trends research We had a significant raise of search terms related to Enem and we needed to help users to find what they need about it. Final result Ontology defined and partially implemented; A calendar page, bringing the next relevant dates to students; A list of brazilian universities; Specific pages to the most relevant universities; SEO best practices definition; A new area designated to trending topics that may keep students updated with the most relevant news Credits Project published by Marcos Fernandes (http://www.behance.net/marcosfernandes) and Raquel Santos (http://www.behance.net/raqueladsantos).
Following our week of crazy cool case studies, we bring to you this incredible artwork created by Tomasz Nowak, also known as STRZYG. The illustration mixes character design and digital art, but to be honest, the first time I saw it I thought it was a photography. So in this post we will show you a little bit the behind the scenes of this project titled HCL 10th Anniversary: The End. Tomasz Nowak is a graphic and motion designer from Legnica. He's currently living in Poznan/Poland and we highly recommend that you check out his portfolio at http://www.strzyg.com/
October is Halloween's month and for this week's case study we will feature not one but three inspiring digital artworks by Wojciech Magierski that will definitely give you some inspiration and references for your Halloween design. Wojciech Magierski an illustrator and digital artist with a degree from Cracow Academy in Applied Graphics. Born in 1983, Magierski lives and works in Cracow (Poland). His main focus is on digital illustrations, photo manipulation and broadly defined “design”. With 7 years experience in the industry, Magierski brings a unique style and exceptional techniques and has been appreciated by various international graphic magazines. His designs and illustrations were published on front pages of UK Advanced Photoshop Magazine, Computer Arts Magazine and Practical Photoshop Magazine in Poland. AWAKE This image was created for slashthree NEW ERA BOOK, presented at OFFF Festival in Barcelona. Freed to kill This is the first illustration made for Goverdose Collective from Poland. The theme of the artpack was "I kill you". Gateway to hell This is the second illustration made for Goverdose Collective from Poland. The theme of the artpack was "I kill you". For more information visit http://www.magierski.pl/
In this case study, Russian designer Roman Korolev shares the steps it took him to design this awesome logo for Sletat, a travel search engine website. Check it out and enjoy! For more from Roman Korolev visit behance.net/kaer. One day Vladimir from the company Sletat.ru contacted me and asked me to design a logo for their travel search engine. Everyone can find a suitable travel tour on Sletat.ru. Sletat is 'to fly' in English. The logo design task supposed using associations with figures 1 and 0, but I thought it wasn't suitable for a traveling company, it would rather do for a soft company. Here are some first ideas for the logo: a magnifying glass as a metaphor of search, stylized S, a jet flying around the Earth. Instead of 1 and 0, I suggested using the @ symbol which is also indicating the IT sphere. It was decided to realize this idea. But then I decided that the realization of the idea came out to be too plain. On the second try. I drew some sketches once again. I designed a type. I select the corporate color palette. The approved logo.
Ars Thanea is a creative agency currently based in Warsaw, Poland and they are the best at believing into their skillful heritage working alongside with a team of hardworking directors, designers, illustrators and more. Their tagline is "This is the Art of Imagination. This is Ars Thanea." and believe me, they are cutting edge! Hope you will enjoy this beautiful digital case study for Media Markt made with Ogilvy Frankfurt. Executive Creative Director: Peter Jaworowski Senior Digital Painter: Michal Lisowski Production Director: Marcin Molski Producer: Joanna Bak Find out more about the mighty folks at Ars Thanea at ArsThanea.com All Rights to Ars Thanea All Rights to Ars Thanea All Rights to Ars Thanea Case Study All Rights to Ars Thanea All Rights to Ars Thanea All Rights to Ars Thanea All Rights to Ars Thanea All Rights to Ars Thanea All Rights to Ars Thanea All Rights to Ars Thanea Links More info about Ars Thanea: http://www.arsthanea.com Follow Ars Thanea on Behance: http://www.behance.net/arsthanea Follow Ars Thanea on Twitter: https://twitter.com/arsthanea
We have been posting about paper craft artworks quite ofter here on Abduzeedo. Perhaps, these kind of work might bring us back childhood memories, who never created paper objects? The work that Cris Wiegandt does goes beyond that. The animations, the details and the cuteness on some of her work is simply awesome. Today we want to share some examples of that and also a little case study of the Nickelodeon Kindernet work she did. The Brazilian-born artist Cris Wiegandt who has lived in Hamburg and Barcelona and now lives in Berlin calls herself a craft queen. She creates worlds out of colored paper, in which a space shuttle arise, catamarans glide through the see or Lady Darth Vader fights against a platform shoe - and sometimes this crafts are in motion. Nickelodeon Kindernet - Case Study Kindernet is a Dutch television channel owned by MTV Networks, a subsidiary of Viacom International. Direction and Production: dyrdee Media GmbH & Co.KG - http://www.dyrdee.com Creative Director: Ole Keune, Ljubisa Djukic Art Direction: Jochen Weidner Stopmotion Artists: Cris Wiegandt, Robert Loebel Compositing: Johann Volkmer Producer: Sven Henrichs Technical Director: Mesut Can Internship: Alvaro Caminero Sound design: Sebastian Müller Flower & butterfly - paper craft IN LOVE WITH EVERY FRAME PITCH / Commerzbank Others For more information visit http://www.criswiegandt.net/
Yesterday thanks to a tweet from @brunoberger I saw this fantastic branding work done for Colorado state by Berger & Föhr. They were selected to participate in Making Colorado and to contribute to the creation of a new Colorado state identity and ultimately, a new visual Colorado brand, with the goal of “bringing to life an engaging and resilient Colorado brand that will inspire our residents, unite our state programs and attract businesses, talent and tourists from around the globe.” The case study they share on their web site is a mandatory read for those trying to learn or improve their branding skills. For enthusiasts, it's an amazing source of inspiration. The Challenge "Colorado is our home. It’s a beautiful place, simultaneously wild and technologically forward – diverse, and boasting a rich history. Shaped in equal measures by Mother Nature and its residents our great state embodies exploration, expansion, and opportunity while commanding a respect for the environment and highlighting a need for responsible resource management and conservation... the challenge of “bringing to life an engaging, resilient and distinctive Colorado brand,” capable of inspiring our residents, uniting our state programs, attracting businesses, talent and tourists from around the globe, is not a simple one. We chose to focus on achieving an approachable simplicity while creating a cohesive and aspirational visual state brand evoking all that Colorado has to offer." - Berger & Föhr Case Study There are many more images and information about each step of the process. It's again a fantastic example of branding and visual identity work from the Berger & Föhr team. For more information visit http://coloradoidentity.tumblr.com/
On this case study we will go over an app idea by Bulgarian designer Spovv. His idea was to create an app that tells the weather by the hour, and also allows you to access email. The design is very slick so let's take a close look at it. For more from Spovv visit behance.net/s-pov. Here is the idea for the app "Weather and Time2" Actions of Screens Weather and Time Download .PSD File
We have posted about Erik Johansson quite a few times, he was even interviewed and featured on the Abduzeedo book. If you don't know him, he's a photographer and retouch artist from Sweden. He uses photography as a way of collecting material to realize the ideas in his mind. Some of his compositions are simply incredible, and today I want to share some videos with the behind of scenes of some of his projects. Drifting Away - Behind the scenes Self-actualization - behind the scenes Cut & Fold - behind the scenes
I love to see the creative process behind inspiring work, it helps me to remember that every work, no matter how complex, starts from basic sketches and forms. When we see the final result we tend to forget the process and that's why I love this post from Dado Queiroz for the Type Directors Club. The image is titled ABC poster and it's a super intricate composition. I had the absolute honor to be invited to give a talk at the Type Directors Club in New York earlier in April and this is the poster I came up with for it, now with a minor revision. The process was a bit of a nightmare, but I'm really glad I went all the way through. Process /> About Dado Queiroz Dado Queiroz is from Curitiba, Brazil. He attended to Architecture school but to drop out just one year later and started at a Graphic Design program. Before moving to Amsterdam in 2011, where he worked as Senior Visual Designer at IceMobile, He lived for four years in São Paulo and he is mostly interested in work that has personality. Strong personality, whenever possible. For more information visit http://dadoqueiroz.com/
This is an amazing case study that features an advertising work done by Ars Thanea for the Brazilian soccer team São Paulo. The concept for the ads was to show a são-paulino tearing away his skin to reveal a São-Paulo Football Club jersey. Check out how it was done step by step. For more from Ars Thanea visit arsthanea.com. Challenge Soccer is arguably the biggest sport in the world and team loyalties run thicker than blood, a concept that comes into play in São-Paulo Football Club's latest ads. Ars Thanea was approached by Young & Rubicam Sao Paulo to produce two key visuals for their "Before Anything Else, São-Paulino" campaign. In case you're not familiar, são-paulino is the term used for fans of the team and for them, soccer is life. The concept for the ads was to show a são-paulino tearing away his skin to reveal a São-Paulo Football Club jersey. Solution To achieve the unusual effect of very realistic skin tearing away we combined photography, creative retouch and CGI techniques. Concepts Process Process For more from Ars Thanea visit arsthanea.com.
Today we're going to show a interesting case study from our buddy Vigan Tafili aka. Nagivity. It's a really beautiful digital art concept that I hope you guys like it. Here's more about Vigan in his own words: Hi! I am Vigan Tafili aka nagiViTy, A 18 years old boy, born and raised in Peja, a small city in the newest country in Europe - Kosovo. Kosovo, is quite a small country, but with a huge trunk of ancient tradition in the culture of art expression; and if I might say, with a high number of artistic talents. My first contact with computer arts was on a young age. I started like a photographer continued as photo editor, then finally I became a digital artist, what I am today. You can see more from Vigan on the following links: Behance Facebook Twitter Dribbble Process The concept of this artwork is based on the very intriguing concept of humans, the birds freedom. Freedom, a big desire of people, especially on a man ruled society, women, being opressed, they always try to reach for freedom and equality. This have pushed me to create a good art piece and at the same time give a message to support this cause more than we do. Some inspiring verses that guided me to this concept: "I wanna clap a little louder than before, I wanna sing a little louder higher than before, I wanna jump higher than before, I wanna shout a little louder than before." I was thinking to share some of my tips and tricks with others. I wanted to show a little piece of my work by making an artwork without croping the body model by using only the 'Patch Tool' , 'Brush Tool' and some effects. Stock Images: Step 1: Upload the stock image that you will use, then duplicate and use the'Patch Tool' to remove the laces and hairs. Step 2: After using the 'Patch Tool' let's repair that erased parts by creating a new layer and painting them like i did. Step 3: In order to make a appealing background, I'm using a Mountains stock image. You need to put the image layer under the image that you want in front and so you should change the layer blending mode from Normal to Color Burn. Create a vector mask and remove some parts to make the blending smoother. Step 4: Put the same image on the project, change the blending mode from Normal to Color Burn and low the layer opacity to 31%. Them create a new vector mask and blend the image using the brush tool on the mask. Step 5: I have found a great peacock image and I used it as a female hair. Step 6: After positioning it, create a vector mask and with a basic brush, mask it by removing parts that we don't need. Afterwards, duplicate the layer and change the blending mode to Overlay and on the mask layer keep only the corner part of the peacock blend. Step 7: Create a new layer and rename it Blue, with the color #003e82 paint the girl's t-shirt, the tape, some skin parts and some parts of the mountains. Then change the blending mode from Normal to Color and create a new layer to paint the face by removing the eye of the peacock and draw some hair. Step 8: On this project I wanted to experiment with some new tricks, I'm using the Morning Mist a popular image on the internet. Place the image, and change the blending mode from Normal to Exclusion, then create vector mask and mask it with a brush, remove only the part that we won't use. Step 9: Get the snowflake image and place it, change the blending mode from Normal to Screen and change the Opacity to 40%. Then create a vector mask, invert it and paint with white color by using the basic brush only in the parts we want to keep. Step 10: Create a new layer and add some clouds with brushes using white color and soft opacity of the brush on the snowflake. Paint the left backgound with #cbd3d6 color by using the brush with soft opacity. Step 11: Create new layer and get some nice brushes and play with them make a flow effect on the girl and the snowflakes, then make a new layer fill with black color go to Filter/ Render. Step 12: Create new layer and do the shortcuts Shift + F5, at content use 50% Gray, change the blending mode to Overlay. Then by using the Dodge tool make the piece more brighter and made the details more shinning. Add a gradient map with white and blue colors and change the blending mode from Normal to Color Burn and make opacity 34%. Create another gradient map with #d8cbb3 color on the left and on the right use #423319 color and change the blending mode from Normal to Soft Light and make opacity 88%, add some color balance and play with lights. Step 13: Make some contrast on the image and create a new layer. Get a brush and make some parts more illuminated by painting with white color and changing the opacity on Overlay. Step 14: Create some effects on the project, then add some abstract wings by using the watercolor brush and blend it on the girl's back. Conclusion: Video: Making of ' LIKE A BIRD ' Artwork from Vigan Tafili on Vimeo.
Here on Abduzeedo we also like to share some of our projects, events and ideas. The commissioned project I'm going to show you today was done early on this year and it's a candidate for my best project of 2013. I gave a lot of myself into it so I hope you guys like it, thanks a lot for the support. On the following I describe all the process behind the execution of this two commissioned murals for Casa de Portugal, I hardly see this kind of Case Study on this media (wall painting) so I thought this would be a good oportunity, hope you learn a lot from it. If you're interested in seeing more, you can see this and other projects on my Behance profile. Luís Vaz de Camões Luís Vaz de Camões is considered Portugal's and the Portuguese language's greatest poet. His mastery of verse has been compared to that ofShakespeare, Vondel, Homer, Virgil and Dante. He wrote a considerable amount of lyrical poetry and drama but is best remembered for his epic work Os Lusíadas (The Lusiads). His recollection of poetry The Parnasum of Luís de Camões was lost in his lifetime. The influence of his masterpiece "Os Lusíadas" in Portuguese is so profound that it is called the "language of Camões". (Wikipedia) Project The briefing that I had for this job was to make this artwork with a theme that could be at same time a tribute to the portuguese culture and also could convey a image. I decided to use the image of Luiz Vaz de Camões because he's a strong symbol (if not the most) of the portuguese literature. I also decided to use his most famous poem "Amor é fogo que arde sem se ver". As photographic reference for the illustration I took this picture of the Camões chest statue that we can found on Casa de Portugal. The angle I took the photo was choosen to give it a feeling of power and strength. I decided to make this on black and white to enhance the details and make reference to classic art using many hachures. I rather divide the poem in two blocks to make a better layout, I used the Dirty Sanchez (http://www.legacyofdefeat.com/). I added some arabesques on the base to make reference to classic emboss used on portuguese art. Process Bellow you can see the grid I used to organize the elements in order to translate them correctly to the wall. After I took all the measures of the wall I decided to convert the original project on Photoshop proportionally. This way it was way more easier to find out the measures of each element on the wall. Of course, I decided to do a few minor changes some of them just happened naturally on this step, anyway it did not compromised the final result. Making the type work, letter by letter using a kerning next to perfect was probably the hardest part of this project. I draw the letters using a triograph pencil because it has a bigger graphite and it won't broke on friction with the wall. After, using a acrylic light brush I did all the strokes and later the fill of each letter using red acrylic paint. When drawing the Camões head I first did a sketch using pencil and eraser to correct the mistakes, it was necessary to use a beveled brush that would not drip during the inking. I began by making frill that is the most abstract part of th drawing and later went into the beard and the rest of the head. Final Result Casa de Portugal - Mural 2013 from Marcos Torres on Vimeo. Mural realizado por Marcos Torres em 2013 na Casa de Portugal, Porto Alegre, Brasil. D. Vasco da Gama D. Vasco da Gama (c. 1460 or 1469 – 23 December 1524), 1st Count of Vidigueira, was a Portuguese explorer, one of the most successful in the Age of Discovery and the commander of the first ships to sail directly from Europe to India. He is one of the most famous and celebrated explorers from the Discovery Ages, being the first European to reach India by sea. This discovery was very significant and paved the way for the Portuguese to establish a long lastingcolonial empire in Asia. The route meant that the Portuguese wouldn't need to cross the highly disputed Mediterranean nor the dangerous Arabia, and that the whole voyage would be made by sea. (Wikipedia) Project This is another project I did for Casa de Portugal as they invited me to do, the idea was to create another panel that could be more thematic than the previous, but at the same time could maintain a unique style. I decided to embrace more the portuguese culture e to use her symbols. First I used the Portugal coat of arms, symbol that you can even see on their flag. I also added the picture of Vasco da Gama for his historic importance for the portuguese people as for the world history, so the choice of using a background with caravels and a sea was consistet with the theme. Here's a previous sketch of waht would become: I decided to use a grid to translate the sketch to the wall as I believe this is a technique that works really well for this purpose of expanding the image without leaving big distortions on the final product. I did this division on many columns and after just numbered to facilitate to identify each part that would produced. So, besides the decisions I had to made during the execution of this project, the grid obviously contributed for the final product be not exactly like the sketch, what actually did not compromise the final result. Process First thing first, I took the measures of the wall so I could scale properly and make the correct translation to the wall. I used masking tapes to mark the X and Y axis of the image, after I did the quadrants using a pencil and a ruler. Over this I drawed with pencil on the grid and little by little just added each shape on it's place then I just inked the whole thing using a few brushes and acrylic. I choose to make a few details in red in order to skip a little bit from the old BW color scheme. Final Result Casa de Portugal - Mural 2013 from Marcos Torres on Vimeo. Mural realizado por Marcos Torres em 2013 na Casa de Portugal, Porto Alegre, Brasil.
It's always incredible to see what designers and digital artists can do with the tools available nowadays. Photoshop has become such a powerful tool that it's possible to make some simple and clever ideas come true with precision and style. A good example is the official poster made for a jazz festival in Trondheim, Norway by Christoffer Meyer. It's a simple idea executed to perfection and that's why we were inclined to share the creative process behind it. Christoffer Meyer is a photographer based in Bergen, Norway specialized in Advertising, Retouching, Digital Photography. For more information visit http://www.meyerpictures.com/ The process: Final Details Applications
Celebrating the released of the new Adobe Creative Cloud suite of applications, we today will share an awesome motion design work created for the launch of the previous CS6 suite. I didn't know about this work and that's why I had to share it here with you all. I am really willing to learn motion design and this is a great example and way for me to get motivated to experiment and play with motion design. The following work was created by onformative, a studio specialized in generative design solutions covering various types of media and topics founded by Julia Laub and Cedric Kiefer in Berlin. Out of thousands of floating fragments an ampersand evolves in 3D space. Its different colors and materials merge to create a shiny and reflecting fragmented surface. Construction For the release campaign of the Adobe Creative Suite 6 onformative was invited to create an abstract artwork and interpretation of the Adobe Ampersand. The original ampersand 3D-model was loaded into a custom written application where it was de- and reconstructed. Out of the numerous results a few where exported as 3D-models and imported into Cinema4D to do the lighting and shading as well as the short animation. Final Render Making of Adobe CS6 Ampersand - making of from onformative on Vimeo. Final motion Adobe CS6 Ampersand from onformative on Vimeo. Credits: Christopher Warnow (Code) Andreas Fischer (Rendering/Anim) Jens C. Fischer (Sound)
Today I selected a case study by Sean McCabe, one of the best hand lettering artists out there, Sean specialty is creating custom type logos and on this post we will take an inside look of his process and how everything gets done. Enjoy For more from Sean McCabe visit seanwes.com and follow him on twitter @seanwes. Introduction Fabule is startup focused on providing open-source home accessories to curious and creative individuals. While the customizable nature of their products caters to the DIY community, they especially wanted to gear their branding efforts towards reaching the average person wanting to get started with tinkering and making things. They were looking to have a friendly image developed that would give a human face to otherwise geeky concepts. In terms of stylistic direction, the logo was to strike a balance amongst three concepts: Playful, Sophisticated, and Organic. To meet this requirement, the Fabule logo I designed embodies a warm, brush script style. This presents a humanistic image that is friendly and approachable. The goal being to put the viewer in a playful state of mind and keep from turning off the more novice members of the target audience with any literal concepts. The style seeks to balance an aesthetic of elegance with an element of fun. To match the organic style of their design approach, the letterforms were inspired by hand crafted script renderings made with a brush pen, and based on the very best parts of the many iterations created. Iterations Through a gradual process, the letters were drawn, redrawn, scaled up large, and drawn yet again for detailed refinement. The inked version was then vectored to match the drawing. While the initial vector is a good conveyance of style, it is just the beginning of conceptualizing the digital form. Many more dozens of revised versions of the vector were explored and tested for effectiveness in application and scale. Early Versions In early versions, the logo was entirely straight with subtle rounded corners. However, this execution did not line up with the playful DIY nature of the brand. This is where I began to introduce the pointed corners to invoke the more organic brush look. With these stylistic additions, I was also inspired to give the logo a slight obliqueness to bring out the elegance of the curves. As soon as I did, I knew I made the right choice—the angle gave it such a life that previously wasn’t there. While I experimented with giving points to all the stems, I ended up treating just a few of them with pointed ends, and juxtaposing them with the flatter stems and their rounded corners. This contrast resulted in a very unique typographic mark that is simultaneously clean and beautiful. Colors There were four colors provided that the client liked. I tested out some various combinations and slight alternations to these provided colors but ultimately settled on using the purple alone. I recommended the primary application to be the purple version on very light backgrounds, or alternatively the light version on purple background. Note that the light on dark version does not use a full white, but instead a slight off-white. I found the pure white to be a bit harsh, and by bringing the white down slightly to a very light gray, the logo is given a smoother appearance. Application Something that surprised and delighted me was that my client said that actually wanted to use version with the guidelines on their business card. They felt that showing the guidelines reflected their organization’s transparency in terms of openness about process. I though it was a fantastic idea that was very fitting. For more from Sean McCabe visit seanwes.com and follow him on twitter @seanwes.
One of the most important things I learned back in my college times during my industrial design course was to love the process. If you love the process you will be more motivated and willing to iterate, to go back to the beginning. The end result will be a consequence of the iterations and as we know, good design is all about iterations. That's the main reason we post a lot of case studies, tutorials and brand identity constructions. Today we feature the visual identity of Innosoft designed by Fernando Diaz, a Graphic Designer based in Montevideo, Uruguay specialized in: Identity Design, Typographic Design, Editorial Design, Web Design & Development. Innosoft (Innovative Software) is a new organization that provides integral services for Start-Ups (Research, Innovative Develompment & Incubation). It was a pleasure working with the client for this job, they were very demanding pushing me to create the best identity we could, working as a team. Brief / Ideas Building Process Final Corporate Identity