Inter Face
& collect
Stages in the user interface design development for penccil.com, 2012-2014. Through a period of two years, the functions and user interfaces of the design sharing and collaboration platform penccil have been iteratively tested and improved with online user groups. To see the final UI/UX, visit http://www.penccil.com
share Inter Face
penccil.com/gallery.php?show=11119
  Inspirations.  
One Hundred Thousand Games
One Hundred Thousand Games is an online game with unlimited levels. It takes the genre of first-per...
Thames & Hudson
As conventional book sales decrease, book publishers have to come up with innovative strategies for ...
Emoji Superhighway
With AR technology, virtual information will soon be projected on car windshields. What would happen...
Art Driver
A obstacle driving computer game with visual art. Use the arrow keys on your keyboard to push obsta...
Unfolding sound spaces
Conventional audio speakers require the listener to sit in a certain spot to get the best audio expe...
Shape-shifting robotic structures
Simulations for a research on shape-shifting robotic structures. Shape memory alloy sticks are linke...
Emotibots
Emotibots are shape-shifting social home robots interacting with humans. Robots will in the future i...
Semantic Space Invaders
Semantic Space Invaders is a computer game in which the gameplay is happening entirely in your perce...
Cellular Letters
An algorithm applies regular growth patterns to a basic font, thereby creating a great range of diff...
Cellular Automata: A design language for industrial silk
Handmade Mudmee silk is part of the cultural heritage of Thailand and Laos with a tradition reaching...
NuSA
Flags are symbols of identification. Designed at the time of the formation of a country, they transp...
The pattern of You
Each name results in a unique pattern. The pattern and colors created are unique to each name, and t...
Archeology
Philip Henry Gosse was a British 20th century naturalist and illustrator. Attempting to fit Charles ...
Mugs
Intentionally on the very edge of usability, this project takes ubiquitous objects - in this case co...
Functional Pasta
Pasta based on the geometry of a Möbius strip, a geometric surface with the distinction of having o...
An evolutionary algorithm for bike design
A learning algorithm randomly creates simplified body designs for bikes. As they race along the test...
Attraction - Repulsion
An experiment in typographic assemblage. An algorithm creates individual entities (shown as black do...
Streetwear Catwalk
In street fashion, ways of walking, gestures and postures are as much part of fashion as the outfit....
Neverending Graphics
Graphics and animations are generated on the fly, resulting in perpetual variations. Move your mouse...
Living Ink
Living Ink is a creative tool for the users of penccil. With Living Ink, users can create graphics i...
Identity
Corporate Identity development for Qatar Foundation, 2007. Public facing spaces: interiors, exterior...
Intuitive Feedback for Human-Machine Interfaces
Tangible human-machine interfaces such as remote controls are based on a linear logic with designate...
Structured Reflection
These 3D-printed vases feature finely faceted surface structures which create intriguing light refle...
Intelligent Personal Assistants
If artificial intelligence would be personalized, what face could these personal assistants have? Th...
Mapping movement to music
This concept for a portable digital sound control device predicted a wrap-around display and intuiti...
The algorithm of fashion
Each of these scarf patterns is unique. The production workflow involves an algorithm which creates ...
Glyph
Glyph: from Greek γλυφή, "carving," and γλύφειν, "to hollow out, engrave, carve". It is ...
Create Your World
An interactive creation app featuring 3D sculpture generation, object painting, camera mapping, 3D a...
Strip
Give following instructions: Cut a strip off a piece of paper and give it one twist. Glue the ends t...
Intuitive Phone
Design futures concepts for a smartphone and a portable music player (2004) by Mario Gagliardi. This...
Computer Vision
Four design concepts by Mario Gagliardi on the possibilities of personal computers, designed and pub...
F zero zero d
Plates decorated with stylized prints of stereotypical food items: a hot dog, a steak, a slice of pi...
Futures
Animated GIFs illustrating speculative future scenarios. Mario Gagliardi 2004.
Contingency, Complexity, Symmetry
Patterns are all around us in architecture, graphics, or art. The Arabesque is a type of ornament wh...
Resonance
Graphics generated on the basis of selected passages in Mozart´s Piano Sonatas, 2012.
Colors and emotions
If the news would be the colors and emotions of the day: https://penccil.com/unformation/news.html
Gravity Typography
Simulated gravity and physical movement are applied to typed letters. Type some letters, hit enter,...
Type
Fonts by Mario Gagliardi Design, 2009-2010
Luxury redefined
The history of Whoo 后, a luxury cosmetics line designed by Mario Gagliardi for LG Household and He...
Geometric Pentimento
A pentimento is a trace of a previous work in a painting, showing where an artist corrected parts of...
Modular Audio
Design studies for audio devices. Different audio modules - receiver, amplifier etc - are conceived ...
Display
Study for a large scale interior projection. Mario Gagliardi 2002.
Intuitive IOT
Design studies for domestic IoT (Internet of Things) Hubs for an electronics manufacturer. Full IoT ...
Atmospheric airplane interior
Airplane interior studies. The sourrounding skyscape is projected onto the airplane ceiling to bring...
Parametric speaker
A parametric design inspired by organic forms. The speakers are spatially distributed in all directi...
Three Chairs
Early Designs: Three Chairs, and a lamp. Mario Gagliardi 1992.
Typographic construction generator
This typographic generator creates letters by connecting points within the constraints of letter out...
also:
New Designs
Mario Gagliardi New Designs 2024
Fairy Clouds
Always wanted to escape and fly through a fairy cloudscape? Now you can! This experiment uses WebG...
Digital Vases
A generator for digital vase forms. Move the cursor around the screen to choose colors, then click r...
Printed textures
3D printing has become a viable production method enabling the rapid production of small and medium-...
Candy Morandi
Giorgio Morandi's ceramic vessels have been the inspiration for this project. Morandi´s objects are...
Synthetic Paradise
Generative music combined with abstract graphics. Click the screen to generate new graphics: https:/...
Generative Alphabet
Numbers and Letterforms created by an algorithm. © Mario Gagliardi Design 2019.
Chromaglass
Chromaglass is a cocktail glass displaying its ingredients through colors. An inner insulating conta...
Omnidirectional microphone
Design for an omnidirectional microphone, recording sound from all spatial directions. Recorded soun...
Speaker
A sculptural speaker rendered with GLSL signed distance functions. (C) Mario Gagliardi 2018
Streampal
Streampal is a lifestream robot for Youtubers, Instagrammers and others who want to record passages ...
penccil
Concept, branding, design and coding of penccil, the site for creative people, studios and gallerie...
Pattern generator
A generator for tile and fabric patterns. Drag and drop images and see kaleidoscopic patterns emerge...
4 second universe
Watch fractal spaces being created every 4 seconds: https://www.mariogagliardi.com/universe.html
Gravity Sketch
Create sketches with gravity: https://www.mariogagliardi.com/gravity.html
Abstract Form
Click 4 times on the canvas and watch how an abstract form is generated: https://www.mariogagliardi....
Essential Water
In many regions of the planet, water is increasingly becoming rare. Our understanding of water, refl...
Generative Botany
An early app for generative graphics, realized in 2000 in the (now deprecated) Adobe Flash. To use t...
Cognition
This experiment looks at the process of human cognition. Letters get progressively filled with color...
Creative Changemakers & Future City
Promotional sites for the initiative Creative Changemakers and the event Future City. (C) 2018 MGD M...
Blacker Box
Blacker Box is a design expression for an Intelligent Speaker. (C) Mario Gagliardi Design 2017
MG Font
An extravagant yet versatile and surprisingly readable font for headlines and quotes. (C) Mario Gagl...
Stories of the Future
A generator for news headlines of the future. Every 9 seconds, a new story is generated: http://mar...
The flower of a word
Type a word, hit enter, click "make GIF", then download your animated word flower at https://marioga...
Oilspill, Carpet, Camouflage
Pattern generators for interesting surface patterns and backgrounds. Click "Start" to start, "Change...
VAW
In late 2018, we proposed a strategic repositioning of Vienna Art Week. We suggested a fundamental...
MAJI
MAJI Website design
Podchain
Podchain is an integrated design concept for on-demand autonomous transport. To optimize kinetic ene...
Time
How do you express time without numbers or watch hands? Clocks abstract time into a measurable, un...
Low cost urban transport
Combining contemporary technology with a focus on low cost and reliability, this neighborhood transp...
AI assistant
With the advance of digitalisation, items which once had a central position in households have disap...
Hybrid urban scooter
A low-cost hybrid urban scooter for developing countries running either on electric battery or on bi...
Omnidirectional Speaker
Sculptural ominidirectional speakers, projecting sound recorded from an omnidirectional microphone i...
An organic structure for bikes
A sports bike for urban and mountain environments. The aluminium frame provides for increased stabil...
Stories of You
REVOIR is an interactive mirror, activated by emotion detection to create stories through visual lan...
Cooking with myth
IOTAO is a series of IoT - enabled domestic cooking devices for the Chinese market which reinterpret...
Emotional drones
タマ tama : ball, sphere; also jewel, spirit, soul タマタマ tamatama : by chance Balloon drone...
Aura: Clouds of Knowledge
Aura is an augmented reality concept for historical sites, galleries and museums. Once a user is aro...
Emotional Personal Assistant
Intelligent Personal Assistants such as Siri or Cortana are the link between AI-powered systems and ...
Holodeck
A vitual holodeck where experimental objects are constantly being built and unbuilt. Move your mouse...
Mechanical Suprematist
Experience interesting architectural compositions being created as you look around. This generator w...
Immersive sketch
Travel through an animated architectural sketch (move mouse to look around): http://mariogagliardi.c...