HELLO.

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

welcome to my portfolio.
ABOUT

  • 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.

SKILLS

  • 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.

WORK AREAS

  • 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.

GRAPHIC DESIGN

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.

UI DESIGN

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.

ILLUSTRATION

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.)


CONTACT

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.

*Name
*Email Address
Telephone No.
*Message

Mobile: +65 97902253
Email:
Twitter: Lokiev

Title: Invictus

Tool: Photoshop

Invictus, by William E. Henley is 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.

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 is a photomanipulation done to explore creating an entire new image using only one stock image as its main base.

The dragon itself is 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. It was then color corrected for a more grim atmosphere.

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.

View Detailed Image




Title: Soul Rhythm

Tool: Photoshop

Soul Rhythm is 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, and had to run with me. 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 is 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: Design is As Much Art and Science

Tool: Photoshop

Design is As Much Art and Science was a poster done for a school project.

We were given the instruction to come up with a quote regarding design, and then to create a poster that would reflect that quote. My chosen quote was "design is as much art as science" and I chose to represent art as a burst of color with life, and the science as an android, both reaching for each other to form a union.

With the concept chosen, the interesting part was manipulating the stock picture of a lady into an android. I had to color adjust and smoothen the skin on her body, and give it a sheen. Then I had to draw on various parts of her to illustrate and include cybernetic parts.

This piece was displayed during the end of semester show.

View Detailed Image




Title: Lokiev Business 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: Merchant Mobile Application

Tool: Photoshop & Illustrator
Target platform: iOS

This is 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 is 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: MatchMove MasterCard Website

Tool: Photoshop & Illustrator
Target platform: Web browser
Link: http://matchmove.cards

This is 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, its purpose is 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 is included in one page (using tabs), so that the user will be able to get all the information they need without having to navigate to many different pages. This would keep the page more concise and clean. For the other sub-pages (FAQ, T&C, etc.), they have a more simplified header using the same color to show users that they are still part of the same website.

View Detailed Image




Title: Coming Soon - Triangle Website

Tool: Photoshop & Illustrator
Target platform: Web browser

This is 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: http://lokiev.com/beta/01

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: UI: Afflicted

Tools: Photoshop
Target platform: Web browser

This was a idea for a project that I worked on for my Final Year Project in school. I did the layout and the user interface for the game. The artwork (characters and background illustration) were done by teammates Janice Dermawan and Grace Ho.

The game was to be a supernatural/detective sidescroller, with combat elements. I created the dialog boxes, buttons and other elements (health bar, character icon design, buttons, etc.). I also laid out the screens (where the characters and backgrounds would be in relation to the UI elements, etc.).

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: Suit of Armor - Marvel

Tools: Photoshop

Suit of Armor is one of the pieces in a series of Marvel art that I have done.

This was done in response to Avengers, following the quote "man in a suit of armor, take that away and what are you". I wanted to create a piece that illustrated that it went both ways, that it was the man in the suit of armor, and the suit of armor borne from the man.

Single character posters in the series were done mostly with a silhouette style, and this piece followed that.

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