Blast off on an epic jumping journey through Candyland! Collect lollies and jellos, grab crazy powerups, and dodge angry mines to boost yourself to the edge of the jelly world!
2024
Jelly Belly
My role
This project took place while working for Ray Games
I created the user flows and screens’ wireframes and set the hierarchy for the player’s attention. Then I made the art and UI, adding character and style to these guidelines.
![](https://static.wixstatic.com/media/34ce15_f53d37c5163f4397a5ea659fff668c8a~mv2.png/v1/fill/w_220,h_713,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/34ce15_f53d37c5163f4397a5ea659fff668c8a~mv2.png)
![00. App Icon.png](https://static.wixstatic.com/media/34ce15_ffb72a877fda4db280bedbdd08c8b20b~mv2.png/v1/fill/w_135,h_135,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/00_%20App%20Icon.png)
![](https://static.wixstatic.com/media/34ce15_b30c682ef1ea4557a7c86d9c6e79c2d6~mv2.png/v1/fill/w_533,h_600,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/34ce15_b30c682ef1ea4557a7c86d9c6e79c2d6~mv2.png)
Theme Sketches
01
02
Game Assets
Character States
![](https://static.wixstatic.com/media/34ce15_948a7ff47a1b4ddb982ffbf4107e0276~mv2.png/v1/fill/w_170,h_170,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/34ce15_948a7ff47a1b4ddb982ffbf4107e0276~mv2.png)
![](https://static.wixstatic.com/media/34ce15_8c5d43c918b140e9aacb5af9110e05e8~mv2.png/v1/fill/w_170,h_170,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/34ce15_8c5d43c918b140e9aacb5af9110e05e8~mv2.png)
![](https://static.wixstatic.com/media/34ce15_fc7a7361b04a4ea7a06c655a7f03535e~mv2.png/v1/fill/w_170,h_170,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/34ce15_fc7a7361b04a4ea7a06c655a7f03535e~mv2.png)
![2. Falls.png](https://static.wixstatic.com/media/34ce15_90a503caf61e49d2a698197de0689533~mv2.png/v1/fill/w_170,h_170,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/2_%20Falls.png)
Bouncing
Eating
Falling
Turbo Power Up
Candies
![Candy - Static:Disappear.png](https://static.wixstatic.com/media/34ce15_08f324c13cde4f3798dc779af3df88da~mv2.png/v1/fill/w_100,h_100,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/34ce15_08f324c13cde4f3798dc779af3df88da~mv2.png)
![](https://static.wixstatic.com/media/34ce15_9802540f61be4479a37fddf07f44853b~mv2.png/v1/fill/w_100,h_100,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/34ce15_9802540f61be4479a37fddf07f44853b~mv2.png)
![](https://static.wixstatic.com/media/34ce15_3d60c9dd0a2043cf99160e0417dc586d~mv2.png/v1/fill/w_100,h_100,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/34ce15_3d60c9dd0a2043cf99160e0417dc586d~mv2.png)
Static
Sliding
Orbiting
![Candy - Jelly (pink).png](https://static.wixstatic.com/media/34ce15_26988393dd4e4c63a27f2320c703dd16~mv2.png/v1/fill/w_100,h_100,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/34ce15_26988393dd4e4c63a27f2320c703dd16~mv2.png)
![Candy - Jelly (purplr).png](https://static.wixstatic.com/media/34ce15_4e2a56bd287148ea8cabf30e7df01c80~mv2.png/v1/fill/w_100,h_100,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/34ce15_4e2a56bd287148ea8cabf30e7df01c80~mv2.png)
![Candy - Jelly (blue).png](https://static.wixstatic.com/media/34ce15_913e31a69c054c38b3439a71f35afe8b~mv2.png/v1/fill/w_100,h_100,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/34ce15_913e31a69c054c38b3439a71f35afe8b~mv2.png)
![Candy - Jelly (green).png](https://static.wixstatic.com/media/34ce15_3819b57e66b146178721e99e02aea095~mv2.png/v1/fill/w_100,h_100,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/34ce15_3819b57e66b146178721e99e02aea095~mv2.png)
![Candy - Jelly (yellow).png](https://static.wixstatic.com/media/34ce15_8db9e465aa794af7b1d6a430d15588f1~mv2.png/v1/fill/w_100,h_100,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/34ce15_8db9e465aa794af7b1d6a430d15588f1~mv2.png)
![Candy - Jelly (orange).png](https://static.wixstatic.com/media/34ce15_7b0f6477aa3a4d7eab094474607ea96c~mv2.png/v1/fill/w_100,h_100,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/34ce15_7b0f6477aa3a4d7eab094474607ea96c~mv2.png)
![Candy - Jelly (red).png](https://static.wixstatic.com/media/34ce15_bcab01ac9a4d4facb7c0559d003717ea~mv2.png/v1/fill/w_100,h_100,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/34ce15_bcab01ac9a4d4facb7c0559d003717ea~mv2.png)
= 5 Candies
![](https://static.wixstatic.com/media/34ce15_b8c6dce36e174b1eb1f7b6afae3a2f2b~mv2.png/v1/fill/w_115,h_115,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/34ce15_b8c6dce36e174b1eb1f7b6afae3a2f2b~mv2.png)
= 10 Candies
Power Ups and Upgrades
![Power Up - Turbo.png](https://static.wixstatic.com/media/34ce15_c6fd7f197aa348b2b824158cb7437fb9~mv2.png/v1/fill/w_100,h_100,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/34ce15_c6fd7f197aa348b2b824158cb7437fb9~mv2.png)
![Power Up - Enlarge.png](https://static.wixstatic.com/media/34ce15_c350fa6659d84c74b42733798fb03c9e~mv2.png/v1/fill/w_100,h_100,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/34ce15_c350fa6659d84c74b42733798fb03c9e~mv2.png)
![Power Up - Lolly.png](https://static.wixstatic.com/media/34ce15_3867c89a0db944cb96555910dbbb52a2~mv2.png/v1/fill/w_100,h_100,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/34ce15_3867c89a0db944cb96555910dbbb52a2~mv2.png)
![Power Up - Magnet.png](https://static.wixstatic.com/media/34ce15_ad53ef0f783f47a0b920b845574e4481~mv2.png/v1/fill/w_100,h_100,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/34ce15_ad53ef0f783f47a0b920b845574e4481~mv2.png)
![Power Up - Shield.png](https://static.wixstatic.com/media/34ce15_cc917cce3cf14ccfbd265e37d0426561~mv2.png/v1/fill/w_100,h_100,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/34ce15_cc917cce3cf14ccfbd265e37d0426561~mv2.png)
![Power Up - Slow.png](https://static.wixstatic.com/media/34ce15_d249a74bddb94767a840779edc828dfd~mv2.png/v1/fill/w_100,h_100,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/34ce15_d249a74bddb94767a840779edc828dfd~mv2.png)
![Power Up - Shrink.png](https://static.wixstatic.com/media/34ce15_73b0c8bfced34b05921ad723797f0066~mv2.png/v1/fill/w_100,h_100,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/34ce15_73b0c8bfced34b05921ad723797f0066~mv2.png)
Turbo
Enlarge
Lolly Converter
Magnet
Shield
Slow Fall
Shrink
![Power Up - Boost.png](https://static.wixstatic.com/media/34ce15_813f40c949444f7691a311032845ab34~mv2.png/v1/fill/w_100,h_100,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/34ce15_813f40c949444f7691a311032845ab34~mv2.png)
![Upgrades - Launch.png](https://static.wixstatic.com/media/34ce15_59621acf3b26429da2eaf583b422ec24~mv2.png/v1/fill/w_100,h_100,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/34ce15_59621acf3b26429da2eaf583b422ec24~mv2.png)
Boost
Launch Power
Enemies
![Enemy - Chasing 180.png](https://static.wixstatic.com/media/34ce15_31964e48a24648f58b5035ed5750d0ef~mv2.png/v1/fill/w_120,h_120,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/34ce15_31964e48a24648f58b5035ed5750d0ef~mv2.png)
![Enemy - Moving 180.png](https://static.wixstatic.com/media/34ce15_355ee29abf9c49b69980bc98572d54da~mv2.png/v1/fill/w_120,h_120,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/34ce15_355ee29abf9c49b69980bc98572d54da~mv2.png)
![Enemy - Moving 360.png](https://static.wixstatic.com/media/34ce15_d701d9b91d6b469d9e8a1a65c3547cac~mv2.png/v1/fill/w_120,h_120,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/34ce15_d701d9b91d6b469d9e8a1a65c3547cac~mv2.png)
![Enemy - Static 180.png](https://static.wixstatic.com/media/34ce15_4e2fae2659d74460ae25804c057b5b95~mv2.png/v1/fill/w_120,h_120,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/34ce15_4e2fae2659d74460ae25804c057b5b95~mv2.png)
![Enemy - Static 360.png](https://static.wixstatic.com/media/34ce15_17795b2efb774e0e8594592adb40e5ba~mv2.png/v1/fill/w_120,h_120,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/34ce15_17795b2efb774e0e8594592adb40e5ba~mv2.png)
Static- 180°
Static- 360°
Sliding- 180°
Sliding- 360°
Chasing - 180°
Backgrounds
![Background - Blue.png](https://static.wixstatic.com/media/34ce15_3b338e62ecfc4433ac2ffa10c9923723~mv2.png/v1/fill/w_99,h_533,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/34ce15_3b338e62ecfc4433ac2ffa10c9923723~mv2.png)
![Background - Green.png](https://static.wixstatic.com/media/34ce15_9128ed1dd19e4f9192749894fc7b04e1~mv2.png/v1/fill/w_99,h_533,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/34ce15_9128ed1dd19e4f9192749894fc7b04e1~mv2.png)
![Background - Purple.png](https://static.wixstatic.com/media/34ce15_2af1eb043632454db594e2eac5fc04a3~mv2.png/v1/fill/w_99,h_533,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/34ce15_2af1eb043632454db594e2eac5fc04a3~mv2.png)
I have used mostly warm colours for the candies and power-ups, so for them to pop, I have used cold colours for the different backgrounds
03
User Interface
Counters and Timers
![](https://static.wixstatic.com/media/34ce15_829d816d28ca4aaca7d1cd4a0c197660~mv2.png/v1/fill/w_320,h_40,al_c,lg_1,q_85,enc_auto/34ce15_829d816d28ca4aaca7d1cd4a0c197660~mv2.png)
![](https://static.wixstatic.com/media/34ce15_123262791294411c94cb01a7f0610ca2~mv2.png/v1/fill/w_207,h_104,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/34ce15_123262791294411c94cb01a7f0610ca2~mv2.png)
![](https://static.wixstatic.com/media/34ce15_1fcaa58846f94fb4ba057546ce48f5e6~mv2.png/v1/fill/w_341,h_171,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/34ce15_1fcaa58846f94fb4ba057546ce48f5e6~mv2.png)
Buttons
![](https://static.wixstatic.com/media/34ce15_374971ab01ce4f1e815250b73f20653b~mv2.png/v1/fill/w_207,h_104,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/34ce15_374971ab01ce4f1e815250b73f20653b~mv2.png)
![](https://static.wixstatic.com/media/34ce15_5511439df69a45579332d572b5553b36~mv2.png/v1/fill/w_50,h_50,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/34ce15_5511439df69a45579332d572b5553b36~mv2.png)
![](https://static.wixstatic.com/media/34ce15_d603d88aa9754deab87ab1606d135eb7~mv2.png/v1/fill/w_225,h_225,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/34ce15_d603d88aa9754deab87ab1606d135eb7~mv2.png)
Panels
![](https://static.wixstatic.com/media/34ce15_0bdeea4ffb044cb9944dd9236c2d4083~mv2.png/v1/fill/w_225,h_225,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/34ce15_0bdeea4ffb044cb9944dd9236c2d4083~mv2.png)
![](https://static.wixstatic.com/media/34ce15_cc2582f781034b57959230b77ad07215~mv2.png/v1/fill/w_210,h_1572,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/34ce15_cc2582f781034b57959230b77ad07215~mv2.png)
![](https://static.wixstatic.com/media/34ce15_a89efd383e47490d9351fae51341f1df~mv2.png/v1/fill/w_210,h_1572,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/34ce15_a89efd383e47490d9351fae51341f1df~mv2.png)
![](https://static.wixstatic.com/media/34ce15_44fe2bad807b45dabfba4f3772d15b1c~mv2.png/v1/fill/w_210,h_1575,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/34ce15_44fe2bad807b45dabfba4f3772d15b1c~mv2.png)
![](https://static.wixstatic.com/media/34ce15_7a6df78e485d4085ada23b36e9592bd7~mv2.png/v1/fill/w_210,h_584,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/34ce15_7a6df78e485d4085ada23b36e9592bd7~mv2.png)
04
Structure
Layer 04
UI, and the most important asset: the Candy Monster.
This layer is "fixed" and not moving up and down like the rest as we want the Candy Monster and the UI always visual while creating the moving illusion
![](https://static.wixstatic.com/media/34ce15_d6cad9cae7a54ae2b2fafc59ce2360eb~mv2.png/v1/fill/w_209,h_453,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/34ce15_d6cad9cae7a54ae2b2fafc59ce2360eb~mv2.png)
Layer 03
Candies, enemies and power-ups.Everything the player interacts with.
These assets are sharp and contain a stroke and othereffects to make them pop so the player will know they need to collect or avoid them
Layer 02
"Closer", clearer candies appear randomly to create a progression illusion
Layer 01
Blurred candy-like objects on top of a vague space environment appear "far" from the player
05
Screens
![](https://static.wixstatic.com/media/34ce15_a2a272f82ce5441a877d7903af403f39~mv2.png/v1/fill/w_133,h_72,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/34ce15_a2a272f82ce5441a877d7903af403f39~mv2.png)
All rights belong to Ray Games LTD 2024
©