Brand Goodness T-Shirt Design Process

Hello everyone! 

I just finished a design for a goodness advocacy group. Here are some sketches and process drawings. I started with an initial sketch on paper with pencil. Scanned it in digitally and refined it in Photoshop CS6. Great fun!






The original sketch was without leaves. After a second glance it definitely needed some life!

Permaculture Education Illustrations





Hello!

I'm working on a small illustrated pamphlet for Gardening Education. This is an effort to teach people simple things you can do to live more sustainably like growing your own food and composting. 

I'll be posting more images as the pamphlet progresses.

Love and Light!

-Attila

XYO.net Web and Mobile App Design Pitches

Potential App Search start screen

Recently I have been involved in mobile and web interface design. XYO is a potential client in the app search industry. They have just recently reached an agreement with Nokia to replace other search engines. Also, XYO has a very neat system figured out for recommending apps to users. With over 150,000 apps in their library it is sure to be a great success!

Here are some website and mobile design pitches I offered to them. Hopefully something comes of it! It would be great to refine these further to their needs and visions for the future. Nevertheless, I hope you like it! 


Colorful wireframe sample

Colorful wireframe sample

XYO's current Logo

Darker themed UI experimentation

Black and Blue wireframe sample

If you would like to try out their search engine you can visit http://xyo.net/

Oh and I almost forgot, here is a sample business card design I made for the company.

Business card design pitch


-Attila

Bringing a veggie blog to life with Motion Graphics!



Here is a short animatic for a vegetarian/vegan blog called Food Himmel by a couple in Berlin, Germany. The blog really wants to capture the fun and excitement of being a child in the kitchen while cleverly integrating health and spiritual well-being in food! 

This is an animated banner for the introduction to their blog. Plenty more fun and colorful animations coming soon! Illustrated in Photoshop CS6 and animated in After Effects.

For more illustration and motion graphic work please visit my recent portfolio page here!

Enjoy Life!

Love and Light,

Attila

Green Living Matrix: Web design and Emotion

GLM web layout design
 Green Living Matrix is a non-profit organization that is dedicated to connecting the ecological communities, transition towns, and organic farms in many regions of the world. The idea began in Hungary in 2011 and has plans to expand outwards across Europe. This site will offer opportunities for those involved to educate and share their knowledge and resources.  Project themes include Bio-intensive/permaculture, renewable energy solutions, and sustainable building design. In these three main themes are a chance to dive deeper into sustainability on a technical and social level; with instructables, tutorials, forums, discussions, and wikis. There is also a live projects update according to region and a gallery showing the many affiliates to the Green Living Matrix. 

This is a test layout done in photoshop and illustrator.  Also, there are many animatable elements that will be done in flash. There will also be a global map depicting the communities, towns, and farms that function according to the sustainability principles of GLM. 

In this post I discuss the basic process of planning and design for a website of this nature. There are many aspects to this and it can be overwhelming and complicated so this blog will mainly focus on effective design and communication of website intent/purpose. 

Inspiration images are important for inspirational design
This was the only image that GLM gave me for the site. They said that this is the "emotion" they want with the website and that all the colors and shapes accurately display the GLM image. So I went with it...and this is what came out! 




First, before sketching anything out in paper we made a brainstorming session about the content and direction of the site. We discussed user interface possibilities, user experience functionality, and overall navigation of the site. Here is a table to help show us the how and why.

Quick draft layout sketches and coloring
Second, I did a couple sketches for the layout design of the website. The goal in these sketches was to create a simple, clean, and organic website that is able to adapt to future expansions of GLM projects. We agreed that the most successful of the designs is the third sketch at the bottom of this image. It incorporates all the main elements and connects them together easily and legibly. 



Communication sketching - more detailed UI/UX element sketches
And then, it was time to refine the layout sketch and design the specific functions. Button and icon animations, UI, UX, and easy content access  was the most important at this stage. This sketch lead to the final drawing in photoshop and illustrator that you see at the beginning of this post. 


Update: This was a great start to the project but unfortunately was canceled due to financial reasons. Unfortunately, ideas like this, which include freeing humanity from tedious and monotonous labor, constant money acquisition, and the wasteful/destructive consuming culture we live in today, are not adequately encouraged or supported in todays society. One day this project will take form in a completely different way without established guidelines, restrictions, or company logos. Take care to all direct and indirect participants of this project. 

Love and Light!

-Attila

Background Story/Character Designs






Here are some background scene designs, storyboard, and character designs done for an animation film.

Make sure to read my about me section in the side bar! Also take a look at some more illustration, graphic design, and layout designs below!

Creativity is life! Love and Light!

-Attila

Flowsee.com : Layout and Logo Designs for Berlin Start-ups (with progress)


Hello All!

Been hard at work doing logos for layouts and playing with color, brand id, and animation. Decided to post some work of my progress throughout this project.

The goal of this project was to utilize the company name in a creative and appealing way. Also, to prepare the brand id for expansion and growth! There were many ideas on how to use the letters of the logo but the best path we saw was to utilize the two "ee"s in the word flows-'ee'. The two letters look similar to half-open eyes and could be animated or show expression for commercial advertisements or animated banners in the future.

Presentation is key!
 
I found that one way to help sell your concept is by presenting it in multiple ways. For example, I took this photo of my computer screen with the logos being displayed. The picture above helps show a different perspective; in this case, the perspective of the user behind the screen. Definitely appealing and sexy, don't you think? I wish I had a macro lens so that I can get a close up of the pixels! That would be really great I think!

Color and branding id

Here is some more color and brand id work. This is to offer a feeling to the client going through an identity crisis haha. It helps to see color to activate certain emotions with graphics. Purple is very enlivening and energetic! The dark maroon is more aggressive and stern. The green is more lively and fun! Can you feel it?!
Formating and utilization

 Nearing the end of the project here and it is time to finalize and materialize! Depending on what the graphic or logo will be used for. in this case web layout, it is important to consider different formats. These three logos will be used for main page, advertisement, and browser tab labeling respectively.

Layout preview
Cohesiveness in design is very important. This means that all the elements; color, contrast, mood, and layout, must work harmoniously together. So if you have wavey-ness in your logo it is best to have wavey-ness in your layout design. If you have lots of purples on your website then it is best to have purples on advertisements too...and to not deviate from the identity's theme. Here is an example of how what I mean. This layout has a lot of black and white in it...very smooth and clean feeling. The straightness and curves of the logo are combined with straightness and curves on the profile page which really help with cohesiveness in this design.

Flowsee.com ad pitch - simple and quick storyboarding
This is the final product in an imaginary environment. The eyes are originally animated to blink, look at the slogans, "Share. See. Live." as they appear on screen, and, finally, show happiness of the successfully constructed advertisement.

I hope you all enjoyed this entry! Good luck! Like and share!

And don't forget to check out Flowsee's site! They have a really great idea for social networking and sharing of ideas! 

http://flowsee.com/


Love and Light

-Attila

Long forgotten Illustrations Revised















This is a 3m x 2m print on a translucency that has been adhered to the back of a vegan food truck








 I decided to look through some old incomplete illustrations and play with them, experiment with mood and tone a bit, and finalize some details. These are a collection of the illustrations done this week. 

Hope you all enjoy! Really getting back into digital painting again!

-Attila

Cardboardia Concept Art in Photoshop



Some conceptual sketches. Home of The Grand Chef of Cardboard Town. 

There will be many meals prepared here for children and mature adults of Cardboardia. This space is also intended as an empty canvas for children to paint; preferably fruit and vegetable creatures, free and happy dancing animals, hearts, and smiles.

More coming soon!
 
Please like, share, tweet, thumbs up, and everything!!! 

-Attila

Finished Strawbale Dome Model with Instructable to come!

 The red indicates the straw clay plaster filler between the straw bales. This is for structural support and insulation purposes.

 Hello!

The model for the building has been completed. There will be a separate model for the roofing later on when we have worked out the materials and such. 

What you are seeing is the straw bale construction with the straw clay plaster filler (indicated as red). 

I would also like to do an Instrucable for this complete with pictures of the actual construction, drawings, and animations. This project could end up on Kickstarter so that we can build multiple versions of these structures in the future. So far the costs to build such a house have remained under the 500EU budget. So we will see how things go as time goes on.

Take care! Thanks for following!