my name is bliss lokiev ng. i'm a graphic and interactive designer.

welcome to my portfolio.

  • interactive & graphic designer in singapore.
  • majored in interactive media from nanyang technological university.
  • very easily bribed with chocolates or plushed animals. has dubbed herself a one-time alpaca walker, and watches too much tv.


  • adobe: photoshop, illustrator, indesign, and basic after effects.
  • front-end web development: css3, html5 and basic jQuery.
  • buying: too many games and hoarding them on steam.


  • ui design (web, mobile apps, games, etc.)
  • graphic design (editorial, advertising, photomanipulation, etc.)
  • front-end web development (responsive)
  • videos (user interface interaction animation and simple videos)

if you would like to view a copy of my resume, you can download it here.


examples of some of my graphic design (posters, magazine covers, packaging, etc.) works. most of these are mockups, and were done with photoshop and/or illustrator. i work mainly using either photo-manipulation, typography, or vector illustration.


samples of my ui work includes those for websites, mobile applications, e-direct mailers, etc. some of them have been front-end developed by me (CSS/HTML), while others were done for companies. i am also able to use basic after effects to simulate ui interactions and create videos.


illustrations using vectors and vexels. i sketch out the composition for most of these of paper first, followed by doing the lineart in illustrator. the pieces are generally colored in photoshop. my illustrations range from original works to works based on existing material (movies, shows, etc.)


If you'd like to work with me, ask me questions, or just say hello, you can contact me using the form, or any of the other methods listed below.

*Email Address
Telephone No.

Mobile: +65 97902253
Twitter: Lokiev

Title: Invictus

Tool: Photoshop

Invictus, by William E. Henley was one of my favorite poems. I wanted to do a typographic poster for the poem, and this came to be.

With each section, I picked a particular sentence that stood out to me and structured the look around it. Wanting to make it a rather bold looking piece, I chose brighter colors, and used stronger-looking font face. I used a dark gray as the background in order to contrast with the other brighter colors to enable them to stand out more.

The challenge with this piece was the amount of text in it. I had to find a way to structure the text so that it would be easy to read, but also clearly separated into sections with stand out lines that I wanted to highlight.

View Detailed Image

Title: Horror at Sea

Tool: Photoshop

Horror at Sea was a photomanipulation done to explore creating an entirely new image using only one stock image as its main base.

The dragon itself was composed of one stock image - a wax dragon skull. I selected from and reformed the image using mainly cloning and blending. The creature was then enhanced by using eyes from a stock image of a cat. I then added and blended it into the background, added the ship for size emphasis. In order to make the photomanipulation more realistic, shadows were painted in.

I wanted it to seem more foreboding and grim, and so color corrected and adjusted the lighting to give it a more monochrome look with higher contrast.

The challenge is this was to conceptualize and reconstruct the image into something different, to see the different parts of an image to be something else. Another point was also to figure out how the water would interact with the creature.

View Detailed Image

Title: Soul Rhythm

Tool: Photoshop

Soul Rhythm was a collection of two pieces done for requests through Designn, a design organization that I am a part of.

The request was a minimalistic look, and I was given the text and its byline, with a free reign to interpret it. I decided to give them two options; one with a more bold and loud look, the other more sophisticated and cool.

This led to the different main color choices that I took, a strong yellow versus a cool gray. I linked the main tag of "soul rhythm" to that of a heartbeat, of the core of what gives us our life, and decided to use the image of a heartbeat line through both images to bring across that idea.

View Detailed Image

Title: Triangle Prepaid Card Packaging

Tool: Illustrator

Triangle Prepaid Card Packaging was a mockup packaging done to house prepaid cards for sale.

The idea was to have the packaging be a simple cardboard pack that houses a prepaid card inside. There would be information on the card that needed to be hidden, which was why I decided on a pack instead of simply displaying the card as part of the packaging.

The target audience was for the young, and therefore aimed at being bold, fresh and fun. Horizontal and vertical versions of the packaging were considered, but vertical was ultimately chosen for ease of holding and viewing.

View Detailed Image

Title: Wonder of Music

Tool: Photoshop

A mockup magazine cover done for photomanipulation practice.

When this piece was being made, I thought about it being for music lovers, and how to bring out the inner nuanaces and subtleties about music. I wanted to make something that conveyed a sense of joyfulness, yet mysteriousness, and came up with this.

Combining various elements from different sources, the more difficult part in this piece was making sure the lighting and the colors matched up together well. Because I used photo sources, as well as 3D and vector sources, it was also a challenge making sure that the looks meshed well.

View Detailed Image

Title: a new hevn - Typography

Tool: InDesign

a new hevn - Typography was a school project, collected into a perfect bound book.

The instruction was to take existing text from any source material, and using one font face, utilize typography to emote and present it.

The text I chose was a new hevn, a collaborative poem on hitRECord. I chose a bold, sans-serif font for this project as a base, aiming for more versatility for font manipulation.

Using the words as inspiration, I expressed the poem using a combination of typography and layout. Having the book in a landscape manner allowed me to enhance some of the sentences, especially with words such as "collapse" and "fall", giving the feeling of the words dropping down to the bottom page.

View Detailed Image

Title: Lokiev Name Cards

Tool: Photoshop & Illustrator

These are various versions of my own personal business cards that I've come up with. The idea was to explore different styles and layouts with the them.

To decide on the three styles, I decided to do one that was more elegant, one that was a fun illustration, and another casual card. Having seen many cards that were horizontal, I wanted to do ones that were vertical, and explore other shapes.

View Detailed Image

Title: Lokiev Branding

Tool: Photoshop & Illustrator

This was done for a personal branding project.

I wanted to make the whole look clean and minimalistic, and kept to two colors - black and white. I also liked the idea of using contrasting lines (bold versus thin) against each other, and the idea of black on black, and decided to use those.

The logo was derived from the Norse Jorumungandr, and the Ouroboros. It represents a constant renewal, a constant cycle that surrounds and envelopes the world, much like how I see design to be.

View Detailed Image

Title: Gift Card Online Store Mockup

Tool: Illustrator
Target platform: iOS

This was a mockup of a mobile application design for a generic merchant application, which allows payments through the phone.

The concept of the application is simple - to allow people to be able to pay through two methods, and to be able to view a detailed receipt of the purchase before confirming.

I wanted to keep things clean and clear so that the user would be able to find the information that they needed quickly. The two sections (passcode and NFC) are color coded so that users will be able to clearly differentiate the page they're on through color cues. Important information would be displayed first, with the option to view more details if the user would like to. Users will also be able to save their receipts if they so choose. Users would also always be able to backtrack at any step should they wish to, or wish to review their choices again for ease of use.

View Detailed Image

Title: Beebox Mobile Application

Tool: Photoshop & Illustrator
Target platform: iOS & Android

This was a mockup done for a released application from BeeBox. I was asked to do various pages, including the About, FAQ and other information pages.

In working on this interface, the brief was for it to be modern, fun and engaging for users visually, and for them to use. To fit this, I used more vibrant colors while keeping their main color, yellow in play, and also using more dynamic layouts in order to interest the user.

In using larger images throughout the interface, the idea was to make it more relatable and understandable on first glance to catch the user's attention and encourage them to read on.

View Detailed Image

Title: IMBA Gamer Card Website

Tool: Photoshop & Illustrator
Target platform: Web browser
Link: Live Website

This was a mockup done for a released webpage from MatchMove Pay Pte Ltd. The design was done by me, and the coding was handed off to the developers.

For this website, the purpose was to provide information to users coming to view the product. The brief for this was that it had to be easily responsive/mobile friendly, and its look had to be clean but attention-grabbing.

All of the information was included in one page (using tabs), so that the user would be able to get all the information they needed without having to navigate to many different pages. This would keep the page more concise and clean.

View Detailed Image

Title: Coming Soon - Triangle Website

Tool: Photoshop & Illustrator
Target platform: Web browser

This was a mockup done for a mobile product 'coming soon' page.

This one paged website was meant to be a quick insight and overview to a product coming soon, to get users interested in it and to register their interest. As such, the page needed to be eyecatching, and provide just enough information to get people interested, but not overwhelmed.

The page needed to be done in a short time frame, so the idea was for it to be done in a manner that could be easily developed to be responsive and mobile friendly.

I decided to have bright colors and large images help with conveying the message, and played with the layout using different sections of background colors to give a more layered touch to the look. This would help to break from the strict confines of the blocks.

View Detailed Image

Title: Portfolio: Ravenstag

Tool: Photoshop & Dreamweaver
Target platform: Web browser
Link: Live Website

Ravenstag is a portfolio page design, made to explore page transitions.

I considered that portfolio pages were heavy on loading due to the number of images one might incorporate in it. Therefore, I wanted to separate out the portfolio into different pages. However, in doing so, I would lose the various transitions that I could achieve by clicking around in the same page.

I used this piece as a project in exploring page to page transitions, by having the page fade on on-click, and fade in on load. I wanted the design to look clean and edgy.

View Detailed Image

Title: MatchMove CNY 2015 EDM

Tools: Illustrator & Sublime Text
Target platform: Web browser/Email client

This was a email template designed for MatchMove Pay Pte Ltd, for the Chinese New Year period.

The brief was to create a EDM template that would be used whenever users transferred money. The idea was that it would seem like a user was giving a red packet to another.

Following a more fresh, clean look while still being festive, I designed a red packet to be placed in the middle of the EDM. I had to be careful with the design as coding for the EDM would require a stricter guideline. The structure of the template had to have the ability to be clearly divided into tables.

For this piece, I also developed the static code (non-responsive, CSS/HTML).

View Detailed Image

Title: Portfolio: Jormungand

Tools: Photoshop & Illustrator
Target platform: Browser
Links: Live Website

This was an online portfolio version that I designed and developed.

With the main theme of Jormungandr, I wanted to do something that would be bright and easy to read and navigate. I also wanted it to reflect the idea of a winding snake.

A single page layout was chosen to make viewing the portfolio easy; all the information could be found in one page, with fixed navigation at the top. The page was coded mainly using CSS/HTML and bits of JQuery.

View Detailed Image

Title: The King and His Sorceror - Merlin

Tools: Photoshop & Illustrator

This illustration was done as a tribute to the BBC show, Merlin. This was done after the show's finale.

I wanted to do a piece that would convey the idea of the two as one part to a whole, while incorporating elements that were important to the show, such as the sword Excalibur, as well as Camelot.

I deliberated over the composition quite a bit, as well as how to best show Arthur (the bottom character). My initial composition had Arthur in an entirely different pose, but in the end, I also decided to use both the character's headshots to illustrate the idea of them both being "two sides to a coin", where coins generally use headshots to depict figures in them.

View Detailed Image

Title: Ravenstag - Hannibal

Tools: Photoshop & Illustrator

Ravenstag was inspired by the NBC show, Hannibal.

With the stag and the raven being motifs in the show used to represent Hannibal, I wanted to have a concept whereby it showed that Hannibal was manipulating Will Graham (the character being depicted as the puppet), but with the possible promise that Will was going to break free (with the scissors to cut his strings).

I knew I wanted the color palette to be dark in tone, and I played around with quite a few variations before I settled on this one.

View Detailed Image

Title: The Lost Desert - Neopets

Tools: Photoshop

Done for a Random Contest on Neopets, the brief was to create a vintage looking poster for one of the fictional worlds created by the site.

After visiting all the maps (and having visited Egypt myself), I picked The Lost Desert to work with. Incorporating the silhouette of King Coltzan (their ruler) into it, I wanted to have it looking like he was overseeing his kingdom. I chose brighter and warmer tones to convey across the heat of the desert.

The poster earned a placing in the contest.

View Detailed Image

Title: Frankie

Tools: Photoshop

Frankie was a personal character creation project.

I wanted to create a character that was creepy looking, but still rather adorable at the same time. I decided to give him large eyes, and a blue-gray skin tone to achieve that effect. I also wanted him to have a slightly frightening hobby that he saw no obvious problems with; it was just simply something that he liked.

Created this into a little character poster.

View Detailed Image

Title: Mommacat

Tools: Photoshop

Mommacat was a personal project borne out of my love for cats.

Having seen an actual bunch of cats in real life, I wanted to do a bunch of cats with different emotive faces, all huddled together in a basket.

View Detailed Image

Title: Illustrated Charms

Tools: Illustrator & Photoshop

I wanted to illustrate and have experience in creating various types of products, and so decided to try my hand at creating keychain charms. The first was a of myself as a demon overlord, and the other was inspired by the "star spangled raccoon" from Marvel.

They were initially done in Illustrator, and then moved over to Photoshop for texturing and color correction. I had to consider and decide which sizes worked best; charms that were too large or wide would become very bulky.

Due to the size, I made the lines thick and solid for visibility, and avoided small detailing while still retaining characteristics.

View Detailed Image

Title: Braver - Marvel

Tools: Photoshop

Braver is another piece in the set of Marvel art that I've done, featuring Captain America.

I saw this quote of his, and it really spoke to me, and so I decided to do one of it. I wanted to do a pose that was quintessentially Captain America, and I thought that him throwing his shield would do that well. I wanted the symbol of Captain America, the shield, to be up and forefront and be of a perspective.

This followed the silhouette style that I had most of the Marvel single character pieces in.

View Detailed Image

Title: Sentiment - Marvel

Tools: Photoshop

Sentiment is a Marvel piece featuring Thor and Loki.

I've always been rather interested by the helmets of Thor and Loki in the Marvel universe. Thor's silver helmet with its wings has a sort of strength and nobility to it, whereas Loki's gold helmet, with it's sharp horns curving to the back of the head, tells of a sort of harshness. This is why I decided to depict them using their helmets instead.

To bring out the colors in their helmets, I set it against a darker background, with their representive elements against each other (Thor's lightning and Loki's ice), and the quote in the center.

Dual character pieces were done with more detail, and stepped away from the silhoutte style of the single pieces.

View Detailed Image