https://www.joecollier.design/pawdals daily 0.75 2018-09-08 https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1532145403749-1O9KO95VXTJDPW9EV00S/image-asset.png Guitar Pawdals https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1532145374482-JNWUK1NDY4O340OSLKM8/image-asset.png Guitar Pawdals This reverb one is probably my favourite. "Spring reverb", geddit? https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1532145272016-1AQX0FJOZ9TAXOW55TFI/image-asset.png Guitar Pawdals EFFECT PEDAL ILLUSTRATIONS • It all started with "Chihuahua Wah Wah". From there, I spent far too long trying to think up other dog breeds and their matching effect pedal. This one is a fuzz! https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1532145332005-3PLHR3TRYFIWMG1FR2PT/image-asset.png Guitar Pawdals An overdrive and compression pedal. https://www.joecollier.design/dino-x-games daily 0.75 2024-08-07 https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1532998929211-85B9ZDNXLA8T5061YMYW/image-asset.jpeg Dino X Games Range SECONDARY REPEAT • This is a two-colour yardage designed for trims. https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1532998896063-OCLHVVD9BA5XJ2G6584U/image-asset.jpeg Dino X Games Range REPEAT YARDAGE DESIGN • The repeat featured a number of secondary elements to fill the gaps, my favourite being the greedy guy with the egg at left! https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1532998858505-EY2YM5431T2OSEYTT0II/image-asset.jpeg Dino X Games Range CHARACTER DESIGNS • Originally started by Smiggle's Design Manager Tim, I took over this design when he fell off his skateboard and busted his leg. You can see my homage to Tim above - a triceratops with a cast and crutches! https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1532998961536-OF75NNCA889GP5CG8B1J/5+PRODUX.jpg Dino X Games Range PRODUCTS • A selection of products pulled from the range. https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1532999008922-CWWN32XTKOA4CSSK4TCF/image-asset.jpeg Dino X Games Range COMPLETE SCENE FROM THE GUIDE • The big picture as it appeared on a handful of products. https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1532998820409-T2F7EKMGDK0WV47XZCBZ/1+DUDES.jpg Dino X Games Range PLACEMENT SCENE • These "sick dudes" were designed for Smiggle's 2016-17 summer range, 'Party'. Developed to be a dense "Where's Wally/Waldo?"-style design, I drew a number of dinosaur types engaging in sporty activities. These three were selected as hero characters for placement prints and badges. https://www.joecollier.design/heavy-traffic daily 0.75 2024-08-07 https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1532229141975-H72V4VFDT6URDIIVNPAZ/image-asset.png Heavy Traffic Prints ICON ILLUSTRATIONS • These simple, colourful graphics were created for a younger boys' range of product. https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1533267787539-L10MJWY2DLKAKEXTRE0W/image-asset.png Heavy Traffic Prints REPEAT YARDAGE DESIGN • I added secondary elements including road signs and traffic cones to fill gaps in the pattern. https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1533267978345-2NA8WX0SQIC69RZISWMH/5-RPT-2.png Heavy Traffic Prints REPEAT YARDAGE DESIGN • I drew a few other types of vehicle including police cars and school busses. https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1533268025032-T9WEF2BVX198NGGFFQJL/image-asset.jpeg Heavy Traffic Prints PRODUCTS • This repeat was also featured on the Junior range. https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1533267928309-L3X5X4RI1HCJJ5S38SN1/image-asset.png Heavy Traffic Prints ICON ILLUSTRATIONS • Based on the success of the above repeat, I was charged with doing the same thing again... but different! Adding an isometric angle to the car graphics gave the theme a new spin. https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1533268479779-0Y5CAOO6KELP5C2ZAKS5/image-asset.jpeg Heavy Traffic Prints PRODUCTS • This repeat was designed for Smiggle's Junior range of products. https://www.joecollier.design/lost-at-sea daily 0.75 2018-09-08 https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1532231665469-6U83EUV1RXTNVJD5S58R/image-asset.png Lost at Sea FRONT COVER •The brief for this book was a pirate theme, with the direction being to not make it "too young". I pitched a sea-creature-meets-monster direction. https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1532231735422-ZHD87WF22J7X7R4UBH6T/image-asset.png Lost at Sea BACK COVER • Consisting of simple black and white illustrations that could be recreated by a child, I drew a number of supporting elements such as treasure chests, anchors and muskets to extend the theme. Also included were two pages of stencil sheets I also designed. https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1533874604928-03J90JNR6JEEJSS3UYNP/image-asset.png Lost at Sea ILLUSTRATIONS • A handful of the characters and icons from the pages of this book. https://www.joecollier.design/robot-arena daily 0.75 2024-08-08 https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1532665496872-ODC6RIK9RFHVD2Y0SXBO/image-asset.jpeg Robot Arena Range ICON DESIGNS • These were designed to act as zip pulls on backpacks and pencil cases. https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1532665671775-JHJ306DOAW30QVLOICD5/image-asset.jpeg Robot Arena Range SECONDARY ELEMENTS • Forcefields, power ups and cannons were added to the repeat to add more interest. https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1532664655264-GPY4OCG03K73RN7V3O59/image-asset.jpeg Robot Arena Range CHARACTER DESIGNS • I drew these mech-style robots for Smiggle's 2017 summer range, 'Universe'. My brief was to combine robots with video gaming; I went for a strategy game vibe, with support icons that included power ups, barrels and force fields. https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1532666089790-AGVEZKXLFA6V4NV7XKII/image-asset.jpeg Robot Arena Range PRODUCTS • A selection of products pulled from the range. https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1532665916773-1QFY36EDTPN83SWT91BS/4+RPT.jpg Robot Arena Range REPEAT YARDAGE DESIGN • These games always have barrels, so the yardage needed to have some barrels! https://www.joecollier.design/heroes daily 0.75 2024-08-07 https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1532493097924-9005GUH5QDY5IQR4HHVP/draw+1.png Heroes Book https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1532491734740-VB3NJQ6LZLCR2W514C5U/image-asset.png Heroes Book https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1532491802551-M0IOHGSPTRKMOWFUG70V/image-asset.png Heroes Book https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1532493021351-89CQ6QQDBSO1V5X8U9IH/image-asset.png Heroes Book ILLUSTRATIONS • These are a few of the characters and other elements featured in the book. https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1532491773247-UQ4Z0LX5FWCF9AAS0HCC/image-asset.png Heroes Book https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1532491613924-H7N08A3B0AWPBHO2O8NE/image-asset.png Heroes Book https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1532491691813-CFRV5BUU5EY1HM38GMLE/image-asset.png Heroes Book https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1532493081398-QG3R5GX57NUHSIKKHMHC/image-asset.png Heroes Book https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1532491408940-L2WYPI48JWA29DCM3C7F/image-asset.png Heroes Book FRONT COVER • This activity book included a small canvas pencil case and a set of markers, which were attached to the binding on the left side. https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1532491529455-A0FXP282BY839KUFEPRI/image-asset.png Heroes Book INSIDE FRONT COVER • I used this page to do a little intro to the characters within. https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1532493118744-0BLZYYIAJWZO5QBLCC7V/draw+3.png Heroes Book https://www.joecollier.design/lol daily 0.75 2024-08-07 https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1532837298281-44GJ52CE9NWJ3R2TZGYF/image-asset.jpeg LOL! Sticker Book ILLUSTRATIONS • Full colour and scented stickers! https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1532837400422-MDNB27A4Z9A6QPUHKJUE/image-asset.jpeg LOL! Sticker Book https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1532837264070-NHLMI3Z36Z2X42YXIZHP/1-COVER.jpg LOL! Sticker Book FRONT COVER • This activity book included a scratch tool and a set of markers, which were attached to the back cover. https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1532837366861-UUMP6384UWSH6DJBOEYY/image-asset.jpeg LOL! Sticker Book https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1532835657019-EVP2QK2C82NWFR5U7SIB/image-asset.jpeg LOL! Sticker Book https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1532837335736-HFIF8B00H4HYS16PCYUD/image-asset.jpeg LOL! Sticker Book https://www.joecollier.design/teenies daily 0.75 2024-08-07 https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1532749605302-7DCMUXW8VLDC53QWWQFR/5+PRT.jpg Teenies Range REPEAT YARDAGE DESIGN • Repeats for Teeny Tinies are generally denser with smaller icons, due to the size of the end products. https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1532748812627-X7532D6KHVJVTNYW1YSH/image-asset.jpeg Teenies Range PRODUCTS • This yardage was printed on canvas backpacks and nylon pencil cases. https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1532749688820-SHPQ3GWBKVH0LESLIA0U/6-PROD.jpg Teenies Range PRODUCTS • This one likewise appeared on Smiggle's smaller backpack and a standalone pencil case. https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1533872582419-17I9GCECSRN3HC76OCWM/image-asset.jpeg Teenies Range REPEAT YARDAGE DESIGN • A sprinkling of carrots, flowers and butterflies added variety to the repeat. https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1533872540433-S7E5TTQVZU0HK442OK9Y/image-asset.jpeg Teenies Range ICON ILLUSTRATION • In the following season, I drew these farm animals for the girls' range. https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1533872623772-3G0GRF47UARHTXEX6115/image-asset.jpeg Teenies Range PRODUCT • The final product! https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1532748739816-QLUDAYBOXCPRK7M9CQEW/image-asset.jpeg Teenies Range REPEAT YARDAGE DESIGN • Mixing up the colours of a few of the animals added some variety to the print. The cow is my favourite! https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1532748705959-6AURLMMWVBW8J47N32ZD/image-asset.jpeg Teenies Range ICON ILLUSTRATION • I drew these bright and quirky farm animals for Smiggle's preschool range, 'Teeny Tinies'. https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1532749467016-D54CHAT91Z0K3ZC72SGD/image-asset.jpeg Teenies Range ICON ILLUSTRATION • A second repeat in this range followed a space theme. I drew these icons in a "sticker" style to "pop" off the black base. https://www.joecollier.design/hex-monsters daily 0.75 2024-08-07 https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1532668117417-K94NQU8ZYQT4VAR70C43/image-asset.jpeg Hex Monsters Print ICON ILLUSTRATION • Designed around a basic hexagonal shape, I drew these monsters in a 'Brady Bunch' eye-balling style. https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1532668310641-UC3AXF4L26KZAWNYOU7I/REPEAT.jpg Hex Monsters Print REPEAT YARDAGE DESIGN • A little mathematic trickery was involved getting this pattern to tile with an even distribution of the characters. https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1532668370788-6TMGLZJXJEJN4JF5DTGU/image-asset.jpeg Hex Monsters Print PRODUCTS • Silicone badges and zip pulls rounded out this graphic on Smiggle's Senior range. https://www.joecollier.design/isomemories daily 0.75 2018-09-08 https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1532838028979-E73X0IS2CC7JJJYDBSYN/image-asset.jpeg Iso Memories ICON ILLUSTRATIONS • I drew a handful of obsolete media storage devices in an isometric style. Here's a stack! https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1532839151750-C8BJVWB8M6IC4PTKZWID/image-asset.jpeg Iso Memories And a bonus NES controller. https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1532838946354-43VS3T0D6XSW9Q7F6BFI/image-asset.jpeg Iso Memories The isolated zip drive. https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1532839032804-NU5C6EL11S7C01XF1X4Z/5+TAPE.jpg Iso Memories A cassette tape. https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1532839071738-2COJO4G1FUUDYLQAYG16/4+FLOPS.jpg Iso Memories https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1532839102053-4LOJ5RWR9XA0TH0UYWJ1/image-asset.jpeg Iso Memories Two floppy diskettes. https://www.joecollier.design/pixel-business daily 0.75 2024-08-07 https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1533013391787-WL63DHGRQBWH645ENDRL/image-asset.jpeg Pixel Business Prints REPEAT YARDAGE DESIGN • As a fan of role playing games, I snuck in a couple of quest-giving characters, such as the ogre here asking for a key. https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1533013886396-RM1S4O5YA2JT2TDD4WOT/image-asset.jpeg Pixel Business Prints REPEAT YARDAGE DESIGN • Repeats like this are a bit like Tetris or jigsaw puzzles. Establishing a basic grid was helpful for this one. https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1534571222875-11ZQ9DAFATCAMC6XGNDD/image-asset.jpeg Pixel Business Prints ICON ILLUSTRATIONS • These things above were created for an "emoji" themed range. https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1534571460604-I3DVBUOX4RGW0X7ZFNPC/image-asset.jpeg Pixel Business Prints PRODUCT • This repeat was well received and sold quite well! It was repeated with a change to the base colour. https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1534571385130-9MJHS7KRI07MMD2T8Q20/image-asset.jpeg Pixel Business Prints REPEAT YARDAGE DESIGN • I added some tonal elements and speech bubbles, along with some other icons. https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1533013742275-J18M9Q784V9W3O301IGV/image-asset.jpeg Pixel Business Prints ICON ILLUSTRATION • Based on the success of an earlier knoll-y repeat I'd created, I developed what I call my 'pixel consumer goods' yardage. https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1534563021371-P7M74FNSYKMIM82F3T7G/image-asset.png Pixel Business Prints PRODUCT • This graphic was created for Smiggle's Senior range, appearing on backpacks, slapbands and pencil cases. https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1533013566487-FJ1OMFEKXVM2FPJ92A6T/image-asset.jpeg Pixel Business Prints ICON ILLUSTRATIONS • I've drawn a fair bit of pixel art over the years! This first repeat drew inspiration from 8-bit RPG games. https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1533013457365-HMZB7VH4GX91YTXAQICX/image-asset.jpeg Pixel Business Prints PRODUCTS • This was a unique yardage destined for a handful of products released in Asia. https://www.joecollier.design/monsters-of-rock daily 0.75 2018-09-12 https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1533006995114-GE9P7G5JPC3JBF8F3IQS/image-asset.jpeg Monsters of Rock SECONDARY REPEAT • A spooky two-colour yardage designed for trims. https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1533006503148-8RHQY6RBU38MNQ5Z0IY0/image-asset.jpeg Monsters of Rock PLACEMENT SCENE • This was the second style guide I designed for Smiggle's 'Party' range, the other being Dino X Games. A "monster bash" was the brief - I drew a number of friendly monsters having a good old knees up. This was the house band! https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1533006752707-WC0MAAA551AHCDGZ6DYS/image-asset.jpeg Monsters of Rock CHARACTER DESIGNS • I wanted to add a few visual puns to this style guide, such as the Invisible Man eating snacks and the old "ghost in the sax" gag. https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1533007039046-N6IT2HZI3NKXXU3DPFUG/image-asset.jpeg Monsters of Rock PRODUCTS • A selection of products pulled from the range. "Jukebox Zombie" was selected as the hero character, as seen on the lunchbox above. https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1533006866158-MN423HO2TDMAVPSKPY75/image-asset.jpeg Monsters of Rock REPEAT YARDAGE DESIGN • Again I added a few touches I thought a ten year old boy would enjoy, such as the bubbles rising from the Swamp Creature's paddling pool. https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1533007072357-DUJGV9LDWDZO79GNGGWH/image-asset.jpeg Monsters of Rock COMPLETE SCENE FROM THE GUIDE • This is the full graphic with the party in full swing. https://www.joecollier.design/pocket-pals daily 0.75 2024-08-07 https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1533101167144-J1KX2W0PIN5R99YMRION/image-asset.jpeg Pocket Pals Books BOXED BOOKS • Each journal came with a small silicone badge of the cover character. A hole was diecut in the box to allow the badge to show through. https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1533101308529-FZ37AP4TJPJKS082BL0S/image-asset.jpeg Pocket Pals Books JOURNAL CONTENTS • Inside each box was a bookmark, sticker page and "make your own die" page for an included game. https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1533101000636-ZSW813Y8XXA2QZEP6B4Y/image-asset.jpeg Pocket Pals Books FRONT COVERS • Pocket Pals were a collectable set of eight journals, each featuring an animal character on the cover. https://www.joecollier.design/3d-space daily 0.75 2024-08-07 https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1533097780739-H227VYCPMYBZQXNOUZR0/image-asset.jpeg 3D Space Book FRONT COVER • This activity book featured a number of 3D activity and drawing pages, and came with the classic red & blue paper shades. https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1533099796634-XM89XE7QOM8SPFB0HWF2/image-asset.jpeg 3D Space Book https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1533099253403-RSPN8ZX05EDP6JLYIFNP/image-asset.png 3D Space Book https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1533099693279-720YEVY6IH06OICHKQA5/image-asset.jpeg 3D Space Book REPEAT PATTERN DESIGN • Elements of this activity book appeared in this comic book-style yardage. https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1533875287968-SBI8TB9VI26ACNN6L38X/image-asset.png 3D Space Book 3D ILLUSTRATIONS • I channelled years of watching Star Trek and reading pulp sci-fi to name and label these ships. https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1533099279549-F2MIGZBNU6PBKKI5FZEE/image-asset.png 3D Space Book 3D ILLUSTRATIONS • The first dozen pages of the book were 3D line drawings of these spaceships. https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1533099447347-PER4FPKT77Z3PXO0VQ2K/image-asset.png 3D Space Book https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1533099186667-5AVO00SVJ8B3YONSSXU5/image-asset.png 3D Space Book https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1533099212456-DEXUQX2RIHU0JOUBMKSW/image-asset.png 3D Space Book https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1533099904893-NJ0O8PQG54C2YV4M98KP/35-WIP.png 3D Space Book INITIAL SKETCHES • These are the quick plans I drew before beginning the book. https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1533099420333-O8ZAAB946YUD36HMBYPS/image-asset.png 3D Space Book https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1533099511005-FHDJ53PEEFHUQ2XYE1UT/image-asset.png 3D Space Book https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1533099476409-75VHOWQPC25OF3CW99P1/image-asset.png 3D Space Book https://www.joecollier.design/robo-pusses daily 0.75 2018-09-08 https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1533182299906-D8R9OCKFHKILTFSCRIF5/image-asset.jpeg Robo Pusses CHARACTER ILLUSTRATIONS • Whilst living in Melbourne, a nearby tom cat frequently terrorised our cat, Rocky. These drawings were my attempt at emotionally dealing with these 3am terrors. https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1533181878362-IKEYSCV4JYJ9IZN0BBGE/image-asset.jpeg Robo Pusses https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1533181996500-OMUL8MYRP5FT6U1O5RES/image-asset.jpeg Robo Pusses https://www.joecollier.design/misc-monsters daily 0.75 2018-09-12 https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1533271376930-R83OBVCBFZYMJ9ZQLPIK/image-asset.jpeg Misc. Monsters An overdrive and compression pedal. https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1536710563374-C2K8IVHH2SPVMFUQM96T/image-asset.jpeg Misc. Monsters ZIPPY PENCIL CASE • I designed a few of these but this guy was my favourite! https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1533271540065-X1AGJYM1A5CEYAW8QEKI/image-asset.png Misc. Monsters REPEAT YARDAGE DESIGN • An attempt at a "kawaii" style with an array of different monsters. https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1533271119864-CFFBJJQD5LNOQDT6KOSD/image-asset.jpeg Misc. Monsters CHARACTER ILLUSTRATIONS • Some simple monsters for the below sketch book cover. https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1533271427587-XYDHBQ3AE60UPZ5M22X6/image-asset.jpeg Misc. Monsters https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1533271578079-RVBSLJSKHTUL24R3B5CY/image-asset.jpeg Misc. Monsters https://www.joecollier.design/rusu-posters daily 0.75 2018-09-08 https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1533724927066-DP50I91F5GJRDBCT2I7S/image-asset.jpeg Posters POSTERS • In 2013 I worked as a graphic designer for RMIT's Union. With a lot of autonomy to produce designs, I had fun creating the following posters! https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1533725055256-URI1DSA9FKMSQFQZ7NSP/image-asset.jpeg Posters https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1533445111448-0RSAAHPSM106TQXXQXVH/OWEEK+3.jpg Posters https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1533445291717-FVUPRFHKH9EKY7PMKZO8/image-asset.gif Posters PHONE KIOSK ANIMATION • Not a poster, but this GIF animation played throughout the Melbourne campus. https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1533724814263-R0PBDKRGR3UT5YOAOT31/image-asset.jpeg Posters https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1533726512893-DXMAHEQFAY9JEPTUD4CQ/image-asset.jpeg Posters https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1533724783715-B9QZZFMX16PDHOB45YOG/image-asset.jpeg Posters https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1533445022232-3H1MO83WKBT1J8JSRHYX/image-asset.jpeg Posters https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1533725113861-2OCCZL7KE9L5FT64NPUK/image-asset.jpeg Posters https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1533726415461-I6PBPAEMGR6XOZAV23WD/image-asset.jpeg Posters RE-ORIENTATION • One of the major yearly events, Re-O called for posters, flyers and web assets. I also created an animation that played during the night party. https://www.joecollier.design/packaging daily 0.75 2018-09-21 https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1536659929958-69U5A4A33E3FLJVJVQX1/image-asset.jpeg Packaging STICKY NOTE MEMO MEOW & MEMO WOOF • Cube-y canine and cutie cat notepad dispensers. https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1536660508680-RR6VZD79C3M86SL8PC1G/image-asset.jpeg Packaging DESKTOP CALENDAR • This ice cream truck featured a dozen cards for each month of the year, which could be displayed under the canopy. https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1533880098815-P3EC1VKPLM241VYR77B1/image-asset.jpeg Packaging GLOWASAURUS REX • I designed this one on the rising crest of the synthwave trend. https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1533879977497-JRIQUV46IWWLGK0WVND5/image-asset.jpeg Packaging PAPER PLANE KIT • I created a number of plane kits for Smiggle - this was one of my favourites. https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1533879828051-8G00DKQIXTILX55UG7PX/image-asset.jpeg Packaging SQUEAKER SPEAKERS • Windowed box for speakers - I designed the speaker art too. https://www.joecollier.design/home daily 1.0 2018-12-02 https://www.joecollier.design/contact daily 0.75 2018-09-08 https://www.joecollier.design/lkoijnmgha daily 0.75 2018-09-08 https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1534485592283-UKUG9VHIQMVTEZU0CMES/cow.png Not Home https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1534485597727-HEWDTLOWQEK1ZU6XGY4D/pusses.png Not Home https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1534485596634-QN6VC20CHXRESYHYIRM6/pixle.png Not Home https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1534485596377-KSUFNBC97JOVN27DDZ0Z/misc.png Not Home https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1534485599583-RLWW8MJQXIYBI75E5X08/space.png Not Home https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1534485599560-OANWHOBUTWA5NMB5JU7I/sharkie.png Not Home https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1534485594226-Y2ESI82Q1AJYZDE3PCSV/hexes.png Not Home https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1534485592669-66ESPM5ZBDQZ86H1PNGR/dino+x.png Not Home https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1534485595377-WU5UM120JXKX3Y8XHUTH/lol.png Not Home https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1534485593577-6TCGV5AEGSMHNEURNTJP/heavy.png Not Home https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1534485595488-YMC980T9RE2SRNWTQX7B/lost.png Not Home https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1534485598097-NA121LRV9LY25YTB95JO/robos.png Not Home https://www.joecollier.design/fantasy-things daily 0.75 2018-09-12 https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1536713970944-LESWRM62HLYV4NRL3G9V/sword.jpg Fantasy Things REPEAT YARDAGE DESIGN • A second colourway on a black base. https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1536714251016-MKA5KEEXHMC6P0EGMOOH/maze.jpg Fantasy Things REPEAT YARDAGE DESIGN • This tile-based pattern featured a pixel-style art, channeling recent mobile games. https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1536713825202-TG5JUX0BJZ1E9UQ45ZBP/ogre.jpg Fantasy Things CHARACTER DESIGNS • These chaps were drawn for Smiggle’s 2015 Fantasy range. https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1536713735855-MEC2L3UGABG0DPR8MY5F/inventory.jpg Fantasy Things INVENTORY • A classic collection of RPG collectables! https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1536713925396-AFKGAP4X55BGF4YBC4AI/greent.jpg Fantasy Things REPEAT YARDAGE DESIGN • The repeat for the above graphic. https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1536714117644-IXWDAJPRB3TA6CC80MRG/dragn+and+wizzy.jpg Fantasy Things CHARACTER ILLUSTRATIONS • A couple of other Fantasy-themed illustrations from Smiggle. https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1536714032755-UJ8JHKCQ56EIH43Q4R5N/image-asset.jpeg Fantasy Things PRODUCTS • A selection of products pulled from the Fantasy range. The Ogre backpack was a favourite of mine! https://www.joecollier.design/typography daily 0.75 2018-09-12 https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1536734522699-MZR7A0MV7OI504V0H365/image-asset.jpeg Typography https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1536734411004-5AXUEGO2MDMWYFEM3XJE/image-asset.jpeg Typography https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1536734370357-ZZJQ2N9BOWXWWWK9OMXJ/image-asset.jpeg Typography https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1536734453374-M7TYM4JALH8335EOQXU8/image-asset.jpeg Typography https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1536734499374-DGBXCKFV316UF722UM4G/image-asset.jpeg Typography https://www.joecollier.design/layout daily 0.75 2018-09-29 https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1538193981884-92OWQN0X8GLPLNBOSZOV/image-asset.jpeg Annual Reports https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1538194740482-C9UT91O7JZJI2MTRCYMV/image-asset.jpeg Annual Reports https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1538197982912-BKNUOOSARND3NLCI1A62/image-asset.jpeg Annual Reports https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1538195959303-Y2YO790H23QT2RRNA1WC/image-asset.jpeg Annual Reports ANNUAL REPORT • YACVic’s 2009–2010 Annual Report coincided with the organisations fiftieth anniversary. Wanting to produce a document that reflected this heritage, I set out to design the report as it may have appeared if printed in the early days of YACVic’s history. https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1538193554274-WJ6XF0TKV2N1GVETO5SL/image-asset.jpeg Annual Reports ANNUAL REPORT • I went for a bold, playful style–with a focus on vibrant typography–for this youth organisation’s Annual Report. https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1538196208370-A1L5ISMGZDC19RFL6UP3/image-asset.jpeg Annual Reports https://www.joecollier.design/about-me daily 0.75 2025-10-07 https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/1540463176420-GIAHWLBIDCXVT4VNQZAW/Teeth+Hurt.jpg About Me https://www.joecollier.design/educationalanimations daily 0.75 2024-08-08 https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/34847b01-422f-4800-a194-8ec8584d4ea7/Sand+to+Glass+Art.png Educational Animation - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://www.joecollier.design/chop-chop daily 0.75 2023-01-19 https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/6e49ae32-1721-4bed-ac9e-c63f7809f72f/Titlecard.png Conan Chop Chop UI/UX Title Screen • Conan Chop Chop is a party rogue-lite developed by Mighty Kingdom. I was the UI/UX Designer on the initial stage of development, responsible for setting the graphic direction, developing UI elements and producing wireframes & high fidelity mock ups (like this title screen). https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/2877d012-1cbb-4760-ad17-f8a768299c14/Level.png Conan Chop Chop UI/UX - Make it stand out Level Artwork • Along with the UI, I also helped out with environmental art, creating tileable dungeon elements, set dressing, overworld shops, weapons and other props. Seen here are a number of props for the “clean” desert-themed dungeon. https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/fc153639-9410-4029-a734-1a3b6507ebc4/Assets+1.png Conan Chop Chop UI/UX UI Designs • A handful of other assets, including the player HUD, health bars for the first Boss encounter and a couple of intro cards for other bosses. https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/8c50f0dd-e890-4f87-ba67-dd95c818a853/Wireframes.png Conan Chop Chop UI/UX Wireframes • A rough example of the early game flow. Note I do weird jelly-bean people when wireframing, just for personal lols. https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/cb5c3e80-3c05-4a99-91ef-6e1b7ab9e87b/Assets+2.png Conan Chop Chop UI/UX UI DESIGNS • Released on PlayStation, Xbox, Switch and PC, one of the main challenges I faced with the project was keeping standards consistent across platforms. These interface elements are examples of some solutions. Note I used German as placeholder text due to word length. https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/673c5ee4-3d95-41c9-8836-c47806ad4dfd/Screens.png Conan Chop Chop UI/UX High Fidelity Screen Flow • Another flow, this one for joining or hosting online games. The UI artwork has been updated to a state where it could be implemented in-engine. I also made use of 9-sliced panels and base art to reduce asset size on this particular project. https://www.joecollier.design/peter-rabbit-run daily 0.75 2023-01-19 https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/abe9c7dd-495f-4662-b697-0b7a4b01fcfd/PR+Assets.png Peter Rabbit Run UI Designs • This is a grab bag of work in progress and final UI assets for Peter Rabbit Run. Taking inspiration both from the films and Peter Rabbit’s long visual history, I explored natural textures like wood and paper, abstracted fruit and vegetable forms, and a warm, sometimes naturalistic palette. https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/2b62aae3-81ba-4bbf-9d36-cc70bd40a5a7/PR+Screens+2.png Peter Rabbit Run Screen Mockups • These screens show the shop interface, where the player could purchase fruit to upgrade their skills. As in other designs, I used localised content to set the longest line length for any UI text. https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/3054db80-3c5b-4d4b-b27d-cb7fe28103c0/PR+Screens+1.png Peter Rabbit Run Screen Mockups • Peter Rabbit Run was a casual endless runner, developed for iOS and Android. I was the UI/UX designer on the project. These are the draft mockups of the character select and reward unlock screens - rabbits get paid in tomatoes apparently. https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/ee929ae1-ab91-4495-8090-e43ef483587f/PR+Wireframes.png Peter Rabbit Run Wireframes • I typically keep my wireframes fast and sketchy as seen here. I frequently use greyscale and one vibrant colour to convey where hierarchy and focus will be pulled in the final design. https://www.joecollier.design/spacetalk daily 0.75 2024-08-09 https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/d8dea77c-266d-4a9e-9da3-e4c02f781866/ST2.png Spacetalk Wireframes • Another feature the company was looking to develop was a an entertainment/sports updates feature, with the big challenge being how to make this a pleasant user experience on a small wearable device. The larger plan was to allow for multiple sports/codes, so I began with a launcher. The user could then dig deeper to see recent results, upcoming fixtures and a leaderboard. https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/6961c7c5-8f44-4431-bb6f-c9ccf88e345b/Watch+Flow.png Spacetalk - Make it stand out Screen Flows: Watch • The other side of the process involved the child receiving the request on their device, or voluntarily sending a notification to the parent app. These flows show the various outcomes of these interactions. https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/911a60d1-70b0-4727-85a7-d9d4e9198e98/ST1.png Spacetalk Screen Mockups • These screens show the Feelings feature on the app’s Map screen and watch’s display. I designed the ‘emojis’ and steps icons. https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/068d30ec-e08d-4842-88d1-c22728570904/Feelings+Flow.png Spacetalk Screen Flows: App • The screens shown here illustrate a feature I worked on called “Feelings”, where a child could share how they’re feeling with parents and caregivers. I produced UX flows, screens/panels and icons, and worked with Spacetalk’s developers to implement. https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/cfa54948-df80-4cdd-ae65-9fd447f34ae3/Sports+UI_1.png Spacetalk - Make it stand out UI Mockups • The work on this feature progressed to developing the above UI. A big focus here was balancing information density with usability - the watches had middling processors, so finding the balance required some testing! https://www.joecollier.design/translucia daily 0.75 2024-08-07 https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/2374a940-60f1-45c7-ac2f-18d819c0ddec/Item+Cards+and+UI Translucia - Make it stand out Inventory UX: Item Card and UI Popups • A slightly more fleshed out version of this card with some placeholder content inserted, and some very work-in-progress UI for picking up Resources (and other collectables) in the game world. https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/0d1255a9-0275-4d6e-87ed-ec381c9b3053/Building+Options Translucia Building UX: Adding Buildings • One key concept within Translucia was a SIMs-style customisation approach to buildings and structures. The plan was to be able to create both stores and homes, out of both prefabricated parts (Libraries and Blueprints) and utilising a ‘free form’ drawing tool. At this stage we were primarily focused on the mobile experience, so it fell to me to explore the challenge of completing 3D modelling tasks on a phone screen - something that many users may find tricky on a full size computer! https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/dcffce07-9a21-4cd8-b526-6539f398386e/Mobile+Inventory Translucia - Make it stand out Inventory UX: Mobile Viewport • A key concept of this… “game”…(?) was the mechanic of collecting Resources in the wilderness and bringing them back to Plots to create and furnish Buildings (see below). Inventory management was clearly an important factor then, so an early priority for me was building an interface to stress test the amount of “stuff” a user might hoard. In the above example, you can see Natural Resources, Building Materials, Furnishings and more, as well as an early idea for a filtered-by-kind view. https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/f5bc9e8f-e7ff-4a09-961c-aa32f96950b9/Screenshot+2024-08-07+at+10.59.02+am.png Translucia - Make it stand out Inventory UX: Desktop Viewport • Designed in parallel to the mobile experience was a fully fledged PC and/or console version of Translucia. This wireframe shows the initial design for the system, and notably includes the ‘Item Card’: an element that would display critical information like a Resources’s category, value and usage. https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/b7096f10-28e8-4c5c-8465-89c10cd9faf3/Corners Translucia - Make it stand out Building UX: Corners • Another feature I “borrowed” from art and design software was a corner widget, allowing the user opportunities to add more organic edges to their buildings. https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/2f47dc31-58da-4038-abe8-a59350bb81e1/Free+Drawing Translucia Building UX: Free Drawing • As mentioned above, one goal with this part of the product was to allow free-form drawing to create structures. I quickly decided the only way this would work sensibly would be to limit the drawing view to ‘top down’ while in this pen-tool inspired editing mode. The notes below the screen frames suggest ideas for richer editing options. https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/70bc60ff-8b36-442e-ab2d-47f0238a0f77/Screenshot+2024-08-07+at+12.40.08+pm.png Translucia - Make it stand out Gameplay UX: Grappling Hook • With the focus on the mobile experience (and a strong push for ‘one handed play’), an area I was heavily involved overlapped into player actions. One early gameplay test involved a ‘grappling hook’ mechanic for ascending to areas too high to jump to. The above flow begins to outline the user selecting the tool from their menu, and either ‘quick grappling’ by tapping an icon, or ‘controlled grappling’ by placing the hook icon themselves. https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/745334e0-11b1-404c-a5c2-b7f74135f617/Selection Translucia Building UX: Selecting Objects • To allow for richer construction options, the users would also need to be able to select and move objects they had created - and also potentially add “materials”: textures the user had either acquired in the game world, purchased or otherwise imported into Translucia. https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/80074359-a949-48f9-938c-f6c148f8055c/Movement Translucia - Make it stand out Building UX: Moving Objects • As structures existed on a 3D plane (on a “Plot” as our game designers named it) the user would require a fairly rich set of controls to position their creations. Looking at 3D modelling tools, I simplified these controls for a touch interface, adding a ‘plane lock’ to prevent unintended movements on other axis. https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/91039687-8959-4962-a06d-25d23a442eb8/Hook+Icons Translucia - Make it stand out Gameplay UX: Grappling Hook • Another page outlined the differences in icons and how these could be used to communicate whether the tool could be used in the play area. https://www.joecollier.design/product-animation daily 0.75 2024-08-09 https://images.squarespace-cdn.com/content/v1/5b5150dd3e2d0949e90c0332/866d8906-1b05-43ce-a56f-fb94e4767f26/SpaceTalk+Process.png Product Animation - Make it stand out STYLE EXPLORATION FRAMES • In the initial stages of this project I spent some time looking at options for creating art, including a more realistic “rendered” art style (see top right) - and ideas for how to visually show things like nested menus (bottom left). https://www.joecollier.design/socials daily 0.75 2024-08-09