Archive For The “UI Design” Category
By Little Chicken Game Company
Client KLM
Role 2D / UI Art / Art Direction
Platform Mobile / Tablet
Launched 2015
Jets is a mobile game in which you lead your paper plane safely through an obstacle-ridden cardboard world. You can do this in a fun-packed single player mode, or use your social media account to challenge friends.
Jets’ first levels are set in Amsterdam and New York City. Fly your plane through the old city center of Amsterdam and over its famous canals. Or enjoy the view from the Statue of Liberty and find your way through New York City’s crowded Times Square.
Trailer
App Icon concepts
Various UI Assets
These are just a hand full of the UI texture elements I created. Most elements had to be created in
powers of two and nice-sliced. Some worked out better in an atlas.
Interface design
prefabs work very well with all kinds of canvas resolutions, from iOS and Android phones
and various tablets.
Character design
For Jets, the main character is a paper airplane. KLM wanted an airplane that could actually fly
in real life and that didn’t exist already. In the sheet below you will see the paper prototype
and different designs of the actual plane I created.
Wire frames
Below you are able to see one of the many wire frames I created. This is flow was created with all the features wises of the client and stakeholder.
Promotional & Store Art
Using Unity 3D and levels from the game I created these scenes, rendering them 8 times bigger
that the actual game. I took the raw renders to Photoshop to brush everything smooth and pixel
perfect, re-drawing the airplane and adding wind, light new background skyline effects
Download the app
By Little Chicken Game Company
Client KLM
Role 2D & UI Art Art Direction
Platform Mobile – Tablet
Launched 2013
Aviation Empire is a 3D strategy game in which you run your own airline. The main challenge: make money and conquer the globe! Invest in a well-maintained and up to date fleet, create a profitable network with international destinations and build your airports with all kinds of facilities that make your passengers happy.
Trailer
Logo design
For Aviation Empire’s logo I first started out by creating some logo’s with the ‘work in progress name’ Airlinemanager. After a brainstorm the name ‘Aviation Empire’ came up. With this new name I’ve started digging through all of KLM’s branding. Because the game gives you insight of the whole history of the company, I felt it was the right choice to use the first logo from KLM from 1920 as reference. It had this amazing design and feel which I wanted to incorporate into our game logo.
I started sketching up modern and more styled versions and came up with these concepts. KLM’s own blue logo also had to be integrated and thus, the final logo was born.
Interface design
Wireframe example
Promotional products
Social marketing
Week illustrations I created for the fan base groups on social media.
By Little Chicken Game Company
Client KLM
Role 2D & UI Art lead
Platform Mobile – Tablet
Launched 2015
A KLM Aviation Empire HTML 5 game where I created the UI and 2D visuals for. User can play this game on social platform Wechat. Fly as far as you can by extending your time with pickups and boosters and beat your friends.
Interface assets
Screenshots & art
By Little Chicken Game Company
Client Internet of Elephants
Role Concept / Prototype design & art
Platform Mobile – PC
Launched 2016
Internet of Elephants is a social enterprise based in Kenya and the United States. They are a collaboration of technologists, conservationists, educators, game designers, and strategists working together towards a stronger connection between people and wild animals.
For this purpose I was able to create a number of concepts and prototypes.
A promotional piece I created for the testing audience
Concepts
Various concept and designs ideas, from a elephant roulette, to a wildlife safari in your own town or taking care of a baby elephant.
A concept where you can creating a dream team of animals that would cover the greatest distance and play against friends.
Augmented Reality Application
Below are the Interface and visual I created using photoshop, illustrator, wacom intuos 3 and Unity 3D.
Game prototype 01
The very first prototype was created to test if playing with real animal data (gps data of the behavior of an elephant) would be fun and make players more connected to wildlife thousands of miles away.
Each day Amelie would walk a distance and players had to quess were she would go, determined on the behavior of the elephant.
Game prototype 2
Created a second prototype where you are able to get more information about Amelie and follow her. I wanted to give the players a better feeling of where they are, so instead of a very styles map like in the first prototype I wanted to have a map that would show the environment.
Related posts
- www.internetofelephants.com
- AR demo
- what we learned from our first game prototype
- gamers for good event in frankfurt – Prototype 02
By Little Chicken Game Company
Client OOI
Role UI design
Platform PC
Launched 2016
Craft is a simulation that teaches students the protocols of isolating tubes, keeping heat in or out. I was able to create and improve the interfaces. This simulation would be used by a target audience who is not very skilled at playing computer games or navigating with two hands.
Craft is made with Unity 3D and uses a Coherent UI – HTML5-based User Interface. This gave me a very nice introduction into HTML 5, bootstrap and the use of SCSS.
By Little Chicken Game Company
Client Henkel
Role Lead Artist / UI Designer
Platform PC / Web
Launched 2009
Pritt Knutselwereld is an online world with unique look and feel, in which kids can start making fun paper craft art with a virtual scissors and glue. Created with Adobe Animate and Adobe photoshop I was responsible for the overall 2D visual look and feel, interface, animation, promotion material and annual newsletters with new crafting material.
Logo design
Also the logo had to fit into this world full of paper and cardboard. So the logo also got a slight crafted touch for this project.
Interface & visual design
The whole background and many of the art assets are crafted with traditional mediums, for example the background is a mix of ecoline, ink and white paint on paper. Scanned, cleaned and layered in photoshop on top of cardboard texture. The globe and character were created by the teams 3D artist.
Art assets
A hand full of the traditional crafted game assets for the avatar builder.
Storyboard
One of the storyboard created for the tv commercial
Newsletter
Annually there would be a fun newsletter with a little crafting project that kids were able to download and print.
Also see
FWA of the day – Award
Controle Case
By Little Chicken Game Company
Client Akzo Nobel
Role Concept / UI Designer
Platform iOS / Android
Launched 2014
Visual designs for a goal and vision improving tool. Employee of Akzo Nobel were in need of a digital version of their goal improving form.
Different visual designs
By Little Chicken Game Company
Client Efteling
Role UI / Web designer
Platform PC / Web
Launched 2012
Raveleijn is a Diablo-esque dungeon crawler adventure game created for Efteling, a Dutch theme park. The core engine is built around Flash 10 Away3D (3.x), extended to support features such as animation blending and a LUA interpreter. There are over 30 missions to be played in a huge world containing hundreds of models and animations.
For this game I was able to be part of the UI design, flow of the UI and created the website with magical animations.
Webdesign
Interface art
Collection book
By Little Chicken Game Company
Client Efteling
Role UI design / Animation
Platform PC / Web
Launched 2009
‘Sprookjesboom’ or in English Fairy tale tree is an adventure game for children. In the world of the fairy-tale tree you are part of an adventure. Within adventures you can help characters and collect items and earn different presents. These can all be collected in your own magic book.
For this project I as responsible for the interface, 2D animations of each character (2D rag doll animations) and creating enough 2D assets for the environment. These assets are placed in parallax layers to make a 3D world in Adobe Animate.
Interface design
By Little Chicken Game Company – Media Samhoud
Client Albert Heijn
Role Senior Artist / Promotional art
Platform Mobile – Tablet
Launched 2016
The AH Dino app will bring you right into the world of dinosaurs with virtual reality (VR) and augmented reality (AR). For this project I created the promotional artwork, the app icon and additional UI elements.
App Icon
UI assets
Store art
Download the app
By Little Chicken Game Company
Role UI / Visual designer
Platform PC
Launched 2015
Small project of 3 days where I was able to create the a simple interface that would expect from a party game. You are able to play with 4 small tyrannosauruses and charge each other with a pillow.
By Little Chicken Game Company
Client Keesing
Role UI / visual designer
Platform PC / Web
Launched 2011
Trivialis is a real-time multiplayer trivia game that you could play on social media with your friends. You were able to create or join game rooms with 6 players. Each of the questions has four possible answers and guides that you can buy in times of need.
I wanted the design to be very mysterious and have a similar feeling like a Infinite galaxy full of knowledge. The logo idea (also the diamond flower on the ground) was a merge of all categories option of trivia.
Earlier concept design
By Little Chicken Game Company
Client Postbank
Role UI Design / Concept
Platform PC / Web
Launched 2008
A holiday jobs pinball game made in Flash for a dutch bank. I worked on the creation of the concept and designed the flow, interfaces, animations of the interface and some small 3D elements in 3D Max (like the cookies, key chain with your money, the billboards etc)
Concept sketch
By Little Chicken Game Company
Client BP
Role UI / Webdesign
Platform PC / Web
Launched 2009
In the BP caravan game you need to reach the end destination without hitting obstacles and gain extra fuel by driving over fuel canisters.
After each refueling stop at the BP service station you will get a voucher with a special game code inside. With this game code you can play the game. Every day the best driver who reached the end destination without hitting to much obstacles and his fuel tank as full as possible, will win a year free gasoline.
For this project I was responsible for the webdesign and interface.
Project trailer
Concept
First concept version of the landing page
By Little Chicken Game Company – David Perry
Role UI / Promotional
Platform iOS / Android
Launched 2012
SXPD is an action packed shooter, where the player is part of an elite pursuit force. The complete version of this Comic/Game Hybrid allows you to enjoy a full 42 page comic by renowned comic book artist Duke Mighten and then jump right into the action when the story demands it, with its game sections directed by game industry legend David Perry. For this project I was able to work on concept, UI and promotional art
Interface concept
App Icon
Promotional event clothes
Also see
By Little Chicken Game Company
Client 3DVIA Virtools
Role UI design
Platform PC
Launched 2009
Subsurface a deep-sea submersible game developed for promotion of the Virtools 5.0 game development environment. I wanted to create a very clean and simple UI, because the underworld is beautiful and you don’t want too much obstacles on your screen. Looking back I think an even more transparent UI would have nailed it.
By Little Chicken Game Company – Roorda
Client Voedingscentrum Nederland
Role UI / Animation
Platform PC / Web
Launched 2012
A game created for Voedingscentrum Nederland (Nutrition Center) that shows children that vegetables are good for you and that moving is healthy. The Nutrition Center wanted to use the ‘monkey see, monkey do’ behavior, to make them more interested in fruit and vegetables through this game.
Monkey is outside in his world and cheers happily from branch to branch. By using his tail as a spring, he maneuvers and bounces his way up. On the branches are different fruits and vegetables and the goal is to collect as many pieces as possible. For each piece, Monkey gets points and he can jump higher. Some vegetables or fruits even provide extra life or rocket power.
For this project I created the user interface and animations.
By Little Chicken Game Company
Client Seat
Role UI Design / Animation / Webdesign
Platform PC / Web
Launched 2012
A game created for the new Seat Leon Copa promotion. Shoot as many ball inside of the car and win one of the first Seat Leon Copa’s! For this project I created the website with animations (Adobe flash/Animate) and the interface design for the game.
Earlier concepts
By Little Chicken Game Company
Client Pepsi
Role UI Design
Platform PC / Web / Social
Launched 2010
Pepsi wanted to increase brand preference among young people and was looking for new fun ways within their new global advertising theme: Refresh Your World. By throwing a virtual arrow on a rotating globe. The new address could be an idyllic coastal town in Belize or a mountain village in Vietnam and participants were challenged to make friends with the person that was living there. If they succeeded, they could win the Grand Prize: a trip to their new address worth 15,000 euros.
For this project I was able to created the Facebook website (with animations) and Interface of the game with Adobe Flash/Animate.
