Spark
VOLUNTEER WORK • DIGITAL DESIGN & BRAND EXPERIENCE
— is a community of young, passionate and purpose-driven aspiring leaders dedicated to create positive social impact.
![](https://freight.cargo.site/t/original/i/76921df0dfc1203ac2014842195ee95c198d961a0a80a77adcff8a6c1bf98f4a/Facebook-cover---3.jpg)
Role
Digital Designer
Animator
Illustrator
AR Experience Designer
Digital Designer
Animator
Illustrator
AR Experience Designer
Team
Valerie E. Lianggara (myself)
Valerie E. Lianggara (myself)
Skills
Illustration
Visual Design
Motion Graphics
Augmented Reality
Packaging & Merchandise
Digital DesignEmail Marketing Design
Illustration
Visual Design
Motion Graphics
Augmented Reality
Packaging & Merchandise
Digital DesignEmail Marketing Design
Tools
Adobe Illustrator
Adobe Photoshop
Adobe AfterEffects
Spark AR
Procreate on iPad
Adobe Illustrator
Adobe Photoshop
Adobe AfterEffects
Spark AR
Procreate on iPad
Timeline
September 2020 - January 2021
September 2020 - January 2021
The Challenge
One
Spark Impact is a community of young, passionate, & purpose-driven individuals dedicated to create positive social impact. In November 2020, it had plans on relaunching its operations and brand. As their Senior Graphic Designer, the challenge was to create a brand identity and establish a design system that embodies their vision and mission and is appropriate for users.
Two
In February 2021, Spark launched Spark Academy, a flagship program that aims to empower young people to lead differently and with purpose through a series of classes on building the know-how leadership in the impact landscape in Indonesia. To represent this, the challenge was to create new graphic elements to stand for the educational aspect of Spark Academy, while still maintaining Spark’s original identity.Three
In April 2021, Spark launched our own podcast: SparkPods: The Big Flop. The Big Flop is about the tenacity and drive of young leaders in facing the challenges and hurdles ("flop experiences") they have had to overcome or failed to overcome in their journey, specifically how those experiences allow them to become better leaders and bring bigger impact in what they do in their respective fields. The challenge was to create an identity to rightfully represent the effort to provide content and perspective in hopes of shifting the idea of what success really means and the value of "flops", and strategise to create a brand identity that embodied the idea of failures and turnarounds.
The Solution
One
I was inspired by the idea of the north star, as it symbolizes direction as it glows brightly to guide and lead our audience toward a purposeful destination. Through this, I started out by designing a logo that embodies that vision, and proceeded to design brand collaterals and establish a design system for Spark to increase design workflow for other designers.
Two
For Spark Academy, I wanted to communicate the leadership spirit of learners, which was done primarily by designing characters as supportive ‘mascots’ for the program.
SPARK’S INSTAGRAM ︎
Three
For SparkPods: The Big Flop, I wanted to utilise the imagery of failure. The initial options were either a splash, a banana peel or an upside down arrow. After going through multiple iterations, the team and I decided on the splash and having an arrow on the letter G in The Bi(G) Flop.
LISTEN ON ︎
ONE: SPARK RELAUNCH
CONTEXT
Main Goal
Spark’s key activities are to inspire, empower & equip young individuals with the knowledge, role models, & social capital needed to make a positive difference in society. With the relaunch of Spark, we want to be “top of mind” when people think of a community of young, passionate, and ambitious leaders wanting to create positive social change in Indonesia.
RESEARCH
User Statistics & Target Audience
Describing our ideal user/customer, these are the data analytics on our target market:
Target Age: 15-29
︎︎︎ Customer 1: high school student in national+ and international school
︎︎︎ Customer 2: university student abroad
︎︎︎ Customer 3: higher tiered local university student
︎︎︎ Customer 4: young professional, any industry, 1-5 years of work experience
Personality: open-minded, curious, life-long learners
Attitude: hustles, ambitious Interests: volunteering, avid social media user, stays up to date with news, involved in organizations Lifestyles: hangs out with friends, watches documentaries, book readers
Values: community, social change
Languages spoken: English & Bahasa Indonesia
EXPLORE
Logo Design
Understanding the vision, mission and target audience of Spark, I played around with different icons that encapsulated their brand and what message they wanted to communicate. Such icons included a lightbulb, fire, speech bubbles, stars, lightning bolts, and much more. I visualized these elements through rough sketches, as seen below.
![](https://freight.cargo.site/t/original/i/fb88df6b3ea4830f922cc94b705e0f1bf8e254728b64d3749ab6517a15fa069c/IMG_5973-2-edit.jpg)
From hand-drawn sketches, I proceeded to digitize them on Illustrator. I created several options and explored colour options to present to the team.
Post presentation pitch, I acted on the feedback to solidify the logo concept and narrowed it down to three options.
![](https://freight.cargo.site/t/original/i/0af95833dfe18a448da4e28d1283b3f5a7e2d7b2806c0041483e2811ac8b3448/Screen-Shot-2020-09-28-at-9.44.27-PM.png)
Final logo and icon:
![](https://freight.cargo.site/t/original/i/0bce478500d237afd5dc27528c4b5df68816d9c1ebd9f126af56f972e564d06a/spark-icon-blue.png)
![](https://freight.cargo.site/t/original/i/5309cd30e53fc3185c4e19e6862bb9b9011d134e40dfa405cc02312b5a05a113/spark-logo-blue.png)
DESIGN
Visual Identity
![](https://freight.cargo.site/t/original/i/0662f8fc3b18b3cd8a4b829c8ba2866b8e796cd7ce824f26636120335631bd4f/Artboard-10-copy22.jpg)
DESIGN
Motion Graphics
![New logo reveal animation](https://freight.cargo.site/t/original/i/97126a199203aa047e9302f81cd55f89efd3f823cecc0b967f375910c6198ce1/ezgif.com-gif-maker-14.gif)
New logo reveal animation
![](https://freight.cargo.site/t/original/i/7437e6ec7a8e45977a6050175c4cf06e345583bbb13d7c70be28f2340336d5d1/ezgif.com-gif-maker-9.gif)
![](https://freight.cargo.site/t/original/i/2e8af71acc9851eb12e8bd3fa52ecb3de31098b88401df846216c9fb62696597/ezgif.com-gif-maker-11.gif)
![](https://freight.cargo.site/t/original/i/79acb3872e38d23790db1d63af770b6fa89425e57b7f7675f8332bb51dc5a782/ezgif.com-gif-maker-12.gif)
Motion graphics to tease the relaunch for social media accounts
DESIGN
AR Filter
For the relaunch event of Spark, I wanted to include an interactive element for users. As we plan on sending out PR packages filled with merchandise and a postcard as a message from the team, I thought of taking advantage of the postcard by creating a design that can be scanned as an Instagram filter. I did not limit myself to a two-dimensional realm of design and decided to push myself in creating a 3D augmented reality Instagram filter. This is activated using the filter available on Spark’s Instagram page, where users can scan the design on the postcard to activate.
![Designing the filter on SparkAR](https://freight.cargo.site/t/original/i/2e163d1c976ccdd4f1d4d3c693ab51328b663db4514d3e10f5b6e812a9977784/Screen-Shot-2020-10-26-at-9.52.09-PM.png)
Designing the filter on SparkAR
![Testing out the filter on the printed postcard](https://freight.cargo.site/t/original/i/40dcdbff1a3818bd74a051c2a1a20ef2862c106735a10bea0a2293d6a801da94/ezgif.com-gif-maker-15.gif)
Testing out the filter on the printed postcard
![](https://freight.cargo.site/t/original/i/390762117689962209922d778fcdb0b92a7d350dd1dbeb3a65e026a741c7f65d/ezgif.com-gif-maker-28.gif)
![](https://freight.cargo.site/t/original/i/51f3b7bff7796f84117f680624abee1ff413c26f20d1aa3d6e287f616c9e9ec1/ezgif.com-gif-maker-29.gif)
![](https://freight.cargo.site/t/original/i/390762117689962209922d778fcdb0b92a7d350dd1dbeb3a65e026a741c7f65d/ezgif.com-gif-maker-28.gif)
Users using the filter during the relaunch event
DESIGN
PR Merchandise
![](https://freight.cargo.site/t/original/i/9c469c974bc9988b36fb5b0467db940108ec6145ba1e22a0da0d6a2fa34fb328/spark-pr-package-1.jpg)
![](https://freight.cargo.site/t/original/i/1633424e0d756240e6e9dcc8c04d5e85dd4d6617ba245275de3bc3cd29b0951d/spark-shirt-6.jpg)
![](https://freight.cargo.site/t/original/i/e18c81346b6f9ee7d213369b7171acf8cc596eb88e5f66d287f5d2a44d20dff5/spark-pr-package-2.jpg)
![](https://freight.cargo.site/t/original/i/83f2cd845b348b5a81dd4606af54db03211e29868c8bc923ff2ac2dd6db5e410/sparktote1.2.jpg)
TWO: SPARK ACADEMY
EXPLORE
Logo Design
Taken from Spark’s existing logo, I created a subsidiary logo for Spark Academy:
DESIGN
Visual Identity
![](https://freight.cargo.site/t/original/i/d56df76e92ce8f273c1041b140dcda16ae432d63b4535c9b87d80e9a16f3ecc7/Artboard-10-copy-222.jpg)
Character Design
Part of my thought process was to always think of a way to increase the quality of user engagement by designing characters to act as a mascot. By introducing an element that has humanistic traits, it automatically creates a recognizable personality. From this, I started out by sketching and visualizing some character ideas, using the speech bubble in Spark’s logo as the body.
![](https://freight.cargo.site/t/original/i/5061b99101aa1c22d2b5f93b70fbbd428e73d43a51b9f719231ab83a30ac44d9/Untitled_Artwork-57.jpg)
![](https://freight.cargo.site/t/original/i/82c0333c0921864d65cafeaad8c64fb898a61b75c0d87f6e9de0fcdd23b23a60/Untitled_Artwork-56.jpg)
Initial sketches
![](https://freight.cargo.site/t/original/i/66e5815fca7f7223517f3badd8c2db65ad3c80aaaa54f05b68fb01cc5a3a7304/ezgif.com-gif-maker-20.gif)
![](https://freight.cargo.site/t/original/i/0294ded18f4c828338b910ddec822488d77c818f5256dcdd28b0ec7143caa17c/ezgif.com-gif-maker-17.gif)
![](https://freight.cargo.site/t/original/i/abf9db53c95480d9c112a882350a977f169de76f178987f82ca932925be252c9/ezgif.com-gif-maker-18.gif)
![](https://freight.cargo.site/t/original/i/6349df464516b9b5198a66dcee3846194b9bc9f35cff72291eda811cbb748773/ezgif.com-gif-maker-19.gif)
![](https://freight.cargo.site/t/original/i/87947a11ef6193e83841f0c0ca668dc06106cee1765f5c8d853314c50d4e731c/sparkacademy_characters_1-copy-2.png)
Final characters
DESIGN
PR Packaging
![](https://freight.cargo.site/t/original/i/cf4b9bd38028b36194cb760fbd00b81cde91504c49ff9fc3aadc0ef06bdb81e7/Screen-Shot-2021-03-05-at-11.25.38-PM.png)
MARKETING
Social Media Assets
![](https://freight.cargo.site/t/original/i/e11e5b20099fe1c1b856d4a07ca8b500a2000200cfa4684dafe74123523a16e9/Artboard-14-copy-922.png)
![](https://freight.cargo.site/t/original/i/57719605b301ae2e1d1b2b00ee72b786ae33bf3d171a61bf2438c4f410be1d92/Untitled_Artwork-72.jpg)
![](https://freight.cargo.site/t/original/i/aa9a5a50a178d2d989f2e1a9a5517db5e9cf7121d5b18af41dd29c6d34cc784b/Untitled_Artwork-73.jpg)
![](https://freight.cargo.site/t/original/i/3f090861434f0b6416973f7f04a1c717d0564df8604bb9580902ceb12e34b15d/Untitled_Artwork-74.jpg)
![](https://freight.cargo.site/t/original/i/ce3f1ef397569afcc4ed872b38e30651c5991b411ea91a57066e257ec5b0557d/Untitled_Artwork-75.jpg)
![](https://freight.cargo.site/t/original/i/929bdbfda5f3d009cf741e46a22f11b2afa9590b6be01501d86fa879edea9a84/Untitled_Artwork-76.jpg)
MARKETING
Stickers & GIPHYs
![](https://freight.cargo.site/t/original/i/4359013784f0fadad878c805ee958737f9b6be13e253380a84a13ae069d603ac/Artboard-14-copy-1022.png)
![](https://freight.cargo.site/t/original/i/0b51aa1d67888d983c78a5db9551e8f4277e07c4cdb54029d16254f36efbce0f/IMG_5254_iphone12black_portrait.png)
![](https://freight.cargo.site/t/original/i/5ea8903433d010aac0addeaffe1f7bcb1b0d9bbff87980090409588a3e353441/Artboard-3322.jpg)
*search ‘leaddifferently’, ‘sparkimpact’, ‘sparkacademy’ or ‘leaddifferentlysa’ to use these GIFs across GIPHY supported social media platforms!
THREE: SPARK PODS - THE BIG FLOP!
EXPLORE
Logo Design
In the initial stages, I played around with different fonts to create the logo for The Big Flop. Since it was an entirely new program that did not involve the word ‘Spark’, I had to think of something new that was different from Spark’s original logo. As seen below, I played a lot with the letter ‘G’ in the word ‘BIG’ as it resembled the shape of an arrow.
![](https://freight.cargo.site/t/original/i/00dca2a45b5ee0ccc226b2d00fc2c1423c9b607d4059fd650b5beabeb33fe6c7/Screen-Shot-2021-06-23-at-7.00.11-PM.png)
I initially decided to go with a typeface called Syne and its Extra Bold style. As seen below, I used that option and explored different social media post styles and implemented the colour palette into it. I created Instagram post options, Youtube thumbnails and podcast covers.
![](https://freight.cargo.site/t/original/i/f2e890f93c8f69c493f722fba1623206ad1535bf38175ce5e01420fb95e4dd1e/Screen-Shot-2021-06-23-at-6.12.11-PM.png)
![](https://freight.cargo.site/t/original/i/2359f2598b5bad481eac636671d8b3be478e73c2e0b312f327c4d9cee7c5a995/Screen-Shot-2021-06-23-at-6.11.59-PM.png)
However, after discussing with the production team, they wanted something more playful and illustrative. Hence, I showed them variations of the logo created using the typeface Milky Nice, where the letter ‘G’ in the word ‘BIG’ is turned into an arrow. I also implemented a paper-textured background that outlined the logo as an option, which the team liked. The red circles were placed on options the team preferred.
![](https://freight.cargo.site/t/original/i/406e22929d4798709f556a229e70ba04cc9948810ec1c57b591afbdb097a8709/Screen-Shot-2021-06-23-at-6.11.35-PM.png)
Final Logo:
![](https://freight.cargo.site/t/original/i/58d92f9c6af374fd2895b4c18e25e892ed5bf59f94de104febd0ca89d72fe55e/logo-1.jpg)
![](https://freight.cargo.site/t/original/i/b278ce606e3d1c2ac358c3ae65ec0eaa456b2fdd6fb818cecc48f63fc41d5deb/logo-2.jpg)
![](https://freight.cargo.site/t/original/i/4db543a6445dc0d330ca4fbcb618ebc829760981f0150fb610bf31f1537e76a8/logo-3.jpg)
![](https://freight.cargo.site/t/original/i/0bbc838718624a085a5eba260a8fd31d3a64c36ebf9b90bb5dc2e9c897475172/logo.jpg)
MARKETING
Social Media Assets
![Ep. 1 Cover](https://freight.cargo.site/t/original/i/0ae72a6945f6b35d7bc6cf402ce78189f9c6ad93309f42edc5dbeab0a62a0b30/episode-1-felicia.jpg)
![Ep. 1 Animation](https://freight.cargo.site/t/original/i/c7c24dd9e43d858b518776559b3b0cf9ee3852e2dab5c1b924969423280bd83d/episode-1.jpg)
![Quotes post v1](https://freight.cargo.site/t/original/i/1caf85c096a76ed6e40537a325b1082a2ddf93c41c02bfe9bbdacdf181ee8952/sample-quotes-2.jpg)
![Ep. 2 Cover](https://freight.cargo.site/t/original/i/8da39a4528a1af1c985fe2f4339c7da82e594709f5481bf49c4d9eb702d47a03/episode-2-melati.jpg)
![Ep. 2 Animation](https://freight.cargo.site/t/original/i/0cc05f2a57f635e765bd9eb71bf8d02a4b0495ccfc26293bf3a4cf61e8029ffa/episode-2.jpg)
![Quote post v2](https://freight.cargo.site/t/original/i/3ae2cd2211451a125810dda227f9a299aa771f2694e6db30bfcdc1975aca5466/sample-quotes.jpg)
![Ep. 2 YouTube trailer to post on Instagram](https://freight.cargo.site/t/original/i/7c246678182fcd35de2d583459a4a627f075f9bcaca2afab3664e019a288a4be/episode-2-youtube-ig-trailer.jpg)
![Ep. 2 YouTube thumbnail](https://freight.cargo.site/t/original/i/af6ee4bf89a5cdca2295878ba1adf0b1e37b3157c5a54f833d02d5f7ac5fb16d/episode-2-melati-youtube.jpg)
Final Experience
Podcast available on Spotify!
Video available on YouTube!
REFLECTION
Key Takeaways
Being able to bring Spark’s vision to life visually has been one of the most rewarding experiences. This ongoing personal project reminded me of how much really goes into making and highlighting an experience, especially through digital design and brand experiences. I feel very lucky to have been given a platform to promote such a meaningful and impact message through design.
A challenge that I’ve faced and am still continuing to face today is time management - as this is a side project that involves a lot of commitment, I tend to lose track of time due to school work and not have the ability to fulfill deadlines for Spark. However, I learned that collaboration is key and that my team is always there to support me. With the recent recruitment of designers reporting to me, I feel humbled and honored to have a team behind me to help what once was a one person job.
Throughout the design process, I realize that design is a circular process and there really is no end. With Spark, I hope to create more positive social impact within my field of work, and perhaps one day implement my knowledge in product thinking into the work we will produce.