EPIC/DERMIS™ | A 3D Pixel Painter/Editor | UI/UX Design & Software Design

EPIC-DERMIS by Zoe Love

EPIC-DERMIS by Zoe Love

EPIC-DERMIS by Zoe Love

EPIC-DERMIS by Zoe Love 00

EPIC-DERMIS by Zoe Love 02

EPIC-DERMIS by Zoe Love 03

EPIC-DERMIS by Zoe Love 05

EPIC-DERMIS by Zoe Love 04

Software by Zoe Love

Above: EPIC/DERMIS™ UI/UX and software design. This software is currently in production and can be used to create and edit 2D/3D sprite sheets (like Minecraft for example) by painting directly onto 3D models (poly painting).

EPIC/DERMIS™ is the most easy to use yet powerful software available for 2D/3D pixel painting.

The software features a super simple organic painting experience. (because we are sick of mathematical non-creative approaches to design, that are completely divorced from designers and the design process). This software will be available on both iOS and Windows PC platforms.

The design: The design features a minimal Swiss/metro style UI, with simple to navigate menus and an expertly design, intuitive user friendly UX that is both easy and fun to use.

Stringent planning went into the layout and tool set to ensure the best design experience available, our core focus is fluid organic usability.

Release date: TBA
Platforms: iOS (initial release) Android, and eventually Windows.

Beast | Freehand Sketch/Art & Trading Card Design by Zoe Love

Freehand Art by Zoe Love

Freehand Art by Zoe Love

Freehand Art by Zoe Love

Freehand Art by Zoe Love

 Trading Card by Zoe Love Rare

Above: Concept sketches I did for a trading card game. The trading card seen above is still in its infancy.

Guidelines

•      Page size no larger than A4
•      Using only pen/pencil or ink
•      Scan sketch in at minimum 900DPI

After calibrating our new Samsung C1860FW printer we decided to test the prints on 900DPI  on200 g/m2 glossy cardboard which, we will increase to 380 g/mwhen the final set is complete.

Youtube | Branding Intro & Cover Art Specials

Youtube Branding Intro 2014

UPDATE: Don’t sweat, even though Youtube has discontinued this feature, branding videos can still be embedded into your production the standard way.

Youtube has recently launched a new feature called InVideo Programming, within this section you are provided with an option to add a 3 second Introduction video to your new or existing Youtube videos.

This is great news for anyone who wants to brand their content without having to re-upload the video, thereby causing you to lose the in-place statistics (views/likes/comments/shares) associated with the content in question.

Simply add your intro video to your Branding Intro collection. (Youtube wont allow any video longer than 3 seconds, so keep it short and be creative).

Another reason why this is such a great feature for content creators is, the ability build and grow your channel without having any specific branding embedded within the videos themselves . This will allow you to sell off your channel/property to potential media buyers who can then re-brand the newly purchased content/media/property with their existing branding/CID.

UPDATE: Sadly due to complaints by the Youtube community (what else is new) branding videos will be discontinued on Youtube as of the 31 March 2015, so unfortunately there goes another brilliant feature.

A Branding Intro can be used to:

•      (Obviously) Brand/Market your channel or product
•      Prompt views to subscribe
•      Prompt subscribers for a call to action
•      Market another user’s channel or product
•      Generate revenue

Youtube Channel Art diminsions:

•      Youtube recommends a minimum image size of 2560 X 1440
•      File size no larger than 2MB
•      Bare in mind the area in which the image will be cropped for each specific platform

Youtube Cover Art

Youtube Cover Art Size

You Tube Cover Art Dimensions by Zoe Love

View live example

The potential is limitless, so if you are a business or content producer and are in need of custom Youtube Cover Art or Branding Videos for your channel, contact us!

Netflix for Apple iphone/iOS

Netflix App - Zoe Love

Netflix App - Zoe Love

Netflix Wireframe - Zoe Love

Netflix App - Zoe Love Full

Netflix App - Zoe Love Full

Netflix App - Zoe Love Full

Netflix App - Zoe Love Full

Above: I was assigned and challenged by 4i Mobile Applications to create a practical application for use with the Apple iphone. The criteria was an app that by design needed to “solve a problem” or improve the users life (to a certain degree).

As a result I decided to address one of my favorite products of all time, Netflix. This example was an exercise to demonstrate, the understanding of UX and practical, functional design theory.

In this example I utilized a theoretical Netflix API to create a integrated app and browser remote, making it far easier to navigate browser based Netflix as well as offer a ton of additional features, predominantly “defined search criteria” as well as special category options, on the fly rating and browse by film star rating.

Mockups: The design required a few basic wire-frames (seen above) to ensure a smooth UX, which I created in Inkscape as part of my rapid wire-frame kit.

Polish: Aesthetically I decided to run with a modern flat UI, featuring a few subtle skeuomorphic elements, the design includes elegant long drop 5 o’ clock shadows to add some depth to the overall look and feel. The base of the control surface features a subtle matte “rubberized texture” look, to further enhance the overall skeuomorphic appearance.

I decided to stick with a flatter variation of the previously see red that was featured as part of Netflix’s previous corporate ID (before Netflix updated their CID mid 2014).

BitX – UI and Web Design

BitX

BitX

Above: The original BitX website.

I was contracted by the team from BitX to supply them a visual design, UI and web design upgrade for their upcoming product, BitX (A crypto-currency distribution platform)

Shown below: is the new BitX website and UI design, staying true to the original concept but given a much needed visual upgrade. The client requested the site be formal, slightly conservative yet, still remain fun and fresh.

After fleshing out the clients needs and requirements we settled on a rendition of a modern flat look/feel. The main focus was to keep the site clean, sleek and as minimal as possible.

BitX New Website Design

BitX Login

BitX New Website Design

BitX New Website Design

BitX New Website Design

Above: Flat visual design elements to bring life and colour to the site.

View website

 

Welcome

Welcome to the work of Visual Design Director Zoe Love. Why not browse her exceedingly popular collection of UI Designs, or visit our Online Store to purchase custom colour palettes, vectors and more!

Additionally, if you are in search of a highly experience designer to elevate your next creative project, then Zoe will be delighted to assist you!

Get a quote

ZOE LOVE - UI DESIGN

 

Everlytic – Online Application/CMS Dashboard Metro/Flat UI Design

Everlytic CMS Standard Login by Zoe Love

Everlytic CMS Metro Login by Zoe Love

Everlytic CMS Dashboard by Zoe Love

Everlytic CMS Dashboard 2 by Zoe Love

Everlytic CMS Profile Edit by Zoe Love

Everlytic CMS New Imports by Zoe Love

Above: Metro/flat UI design for Everlytic (here comes a mouthful) a mass email campaign and online marketing, CMS style, web based application. The design is influenced by fundamental layouts featured in CMS systems like WordPress and Squarespace

View website

XBOX Marketplace Concept – Metro Style UI Design

Xbox Marketplace concept - Metro UI Design by Zoe Love

Xbox Marketplace concept - Metro UI Design by Zoe Love

Xbox Marketplace concept - Metro UI Design by Zoe Love

Above: XBOX Marketplace Concept – Metro Style UI Design for Apple iphone/iOS

Xbox Marketplace concept Windows 8 - Metro UI Design by Zoe Love

Xbox Marketplace concept close up 2 - Metro UI Design by Zoe Love

Above: XBOX Marketplace Concept – Metro Style UI Design for Nokia Lumia 520. I spent some time creating the skeuomorphic Nokia Lumia 520 vectors (both black and white) as I felt it was the most suitable device to display the UI’s on due to its streamlined simplistic architecture. I might release the vectors for download at some point this year, or early next year.  

Xbox Marketplace concept - Metro UI Design by Zoe Love 0

Xbox Marketplace concept - Metro UI Design by Zoe Love 1

Xbox Marketplace concept - Metro UI Design by Zoe Love 2

Xbox Marketplace concept - Metro UI Design by Zoe Love 3

Above: Unofficial XBOX Marketplace concept – Metro Style UI Design for both Windows 8 Phone and  iphone/iOS

NB: Not actual prices, price tags are merely placeholders for proof of concept. Not available on app store.

Event Planner – Metro Style UI Design for Apple iphone/iOS

Event Planner - Flat UI Design by Zoe Love 2

Event Planner - Flat UI Design by Zoe Love 1

Event Planner - Flat UI Design by Zoe Love 2 dark

Event Planner - Flat UI Design by Zoe Love 1 dark

Event Planner - Flat UI Design by Zoe Love 2

Event Planner - Flat UI Design by Zoe Love 1

Above: A basic (light) metro style UI for an Event planner app for iphone iOS.

Event Planner - Flat UI Design by Zoe Love 2 dark

Event Planner - Flat UI Design by Zoe Love 1 dark

Above: A basic (dark) metro style UI for an Event planner app for iphone iOS.

Flat Icon Design – Apple iphone iOS 7

Flat Icon Design for iOS7 by Zoe Love

Above: Flat icon design for for iphone iOS 7.

I think most designers interpret “flat design” as devoid of gradient/depth/texture and colour, basically everything that brings life to a design. I couldn’t disagree more. The above design contains all the “apparent” no-no’s of flat design.

I believe that flat design offers a unique challenge as it requires even more attention to detail than standard (depth/3D) design. As a designer you need to maintain the essence of art while still keeping the integrity of clean, minimal design intact. There is a fine line between flat beautiful art and lifeless, cheap looking design.

To me the new look iOS 7 is disappointingly below average.

FM Radio App for Apple iphone/iOS – Skeuomorphic UI Design

FM Radio  - UI Design by Zoe Love

FM Radio  - UI Design by Zoe Love

FM Radio App Photo - UI Design C by Zoe Love

FM Radio - UI Design D by Zoe Love

FM Radio - UI Design by Zoe Love

Above: Skeuomorphic concept design for an FM Radio app for iphone iOS. This design was influenced by NAD and ONKYO hifi systems seen HERE and below.

ONKYO Hifi

Sound Booster App for Apple iphone/iOS – Flat/Swiss/Minimal UI Design

Sound Booster - Flat UI Design by Zoe Love

Sound Booster - Flat UI Design by Zoe Love

Sound Blaster - UI Design C by Zoe Love

Above: Concept design for a Sound Booster app for iphone iOS. The design is heavily influenced by Swiss/Metro and Minimal design principles, however the design has been infused with skeuomorphic elements.

Password Safe App for Apple iphone/iOS – Skeuomorphic UI Design

Password Safe - UI Design by Zoe Love

Password Safe Spread - UI Design by Zoe Love

Password Safe full UI Logo - UI Design by Zoe Love

Password Safe full UI- UI Design C by Zoe Love

Above: skeuomorphic concept design for PasslockerPassword Safe and management app for iphone iOS.

Steam Download Manager App for Apple iphone/iOS – Flat UI Design

Zoe Love Design on Kotaku

Above: Flat UI concept design for a Steam Download Manager featured on Kotaku.

Steam Login - UI Design by Zoe Love

Steam - UI Design by Zoe Love

Steam full UI- UI Design C by Zoe Love Photo

Steam full UI- UI Design C by Zoe Love

Above: Flat UI concept design for a Steam Download Manager.

VLC Remote App for Apple iphone/iOS – skeuomorphic UI Design

VLC Remote - UI Design by Zoe Love

VLC Remote full UI- UI Design by Zoe Love

Above: Concept design for a VLC Remote App – UI Design for Apple iphone/iOS. There are many VLC remote apps available on the app store seen HERE

XBMC Remote App for Apple iphone/iOS – skeuomorphic UI Design

XBMC Remote - UI Design by Zoe Love 5

XBMC Remote - UI Design by Zoe Love 3

XBMC Remote full UI- UI Design F by Zoe Love

Above: Concept design for a XBMC Remote App – UI Design for Apple iphone/iOS. There are many XBMC remote apps available on the app store seen HERE and HERE

This UI was designed to be blatantly exaggerated, appearing visually busy like that of a TV, DVD or game console remote as opposed to the more common flat UI designs available.

Remote example

Above: Comparison image of an Xbox 360 remote.

ZBrush/Sculptris – Custom Materials

ZBrush - Sculptris - Custom Materials

Above: So I spent some time creating a few epic 500 x 500 pixel materials that can be used in either ZBrush or Sculptris. I created the materials based on my need for more than just the stock standard materials supplied with both software’s.

For example you will find a lot of creature skin and organic materials, like human flesh, hulk skin, lizard and amphibian skin sets.

Among the more synthetic materials you will find, batman style matte amour, steel, metal, bronze, aluminium, foil and various plastics.

For interest sake I had tested Sculptris on, Windows XP, Windows 7, and the new Windows 8, and I have found no major problems other that the random spontaneous crashing, however when I tested Sculptris on the 27″ imac (using Mountain Lion), the performance was shockingly poor, with an Unbearably low frame rate which makes the application unusable.

It is clear that the creators of Sculptris have left it in is crude and unfinished alpha state intentionally, in order to try promote the sale of its bigger brother ZBrush,

Sculprtis - ZBrush - Custom materials

3D Model Design - by Zoe Love

I have supplied a FREE sample of one of the most popular materials I’ve been asked for lately, the Hulk skin! seen below, or See an example of the skins in use HERE

If you would like to purchase the complete set of 46 Materials, just drop me a mail.

Zoe - True Hulk 2 - Sculptris Material

Highlights of 2012-2013

Sculptris/Zbrush – 3D Alien Design

3D Alien Design - Sculptris - ZBrush - Zoe Love

Above: A quick mock-up for a four eyed alien, designed in Sculptris/Zbrush. I have no idea what I am going to do with my collection of monsters, but the hope is to one day have them feature in a video game or even a film.

Arachnid parasite – ZBrush & Sculptris

Arachnid parasite - ZBrush & Sculptris

Above: I’m not sure why, but I have an obsession with insects and bug like creatures. Seen here is a quick 3D mock-up of an arachnid like parasite created in Sculptris.

National Health Channel™ – Web design

National Health Channel™

Above: A snapshot of the new look National Health Channel™ website. (Subsequently moved, become/or sold) as the previous National Health Channel™ domain automatically redirects to www.metriplexpharmacymedia.com.

Also see National Health Channel™ Logo design and cap embroidery.

National Health Channel™

Pacman – (パックマン/Pakkuman) – Vector collection

Pacman Animation

If you are in search of a high quality Pacman vector collection, then checkout our store. Restore your old arcade machine with our printable vector collection by creating ultra-high quality decals.

View store

3D design – Sculptris/Zbrush – Day 5

creature-modelling-zbrush-base

Sculptris/Zbrush art

creature-modelling-zbrush

Above: 3D Alien design

Still familiarizing myself with the ZBrush interface. We (a friend and I) started off with polypainting basic material onto the mask, eyes, skin and body armour in order to achieve the textural effect we were after. This was followed by a few layers of basic RGB paint to blend all the components seamlessly and to create depth.

Yes keeping the components (tools) separate from each other would of been the more professional approach but again we are still exploring the vast amount of options and capabilities that ZBrush has to offer.

We had started off creating the basic model in Sculptris, on a Windows 8 based Mac Book Pro, then moved to the higher powered 27″ IMac using a Mac version of Sculptris needless to say Sculptris’s performance on any form of Mac is absouloutly shocking and is, quite frankly unusable. The program lags terribly and hangs causing the system to lock up, I’m not sure if the developers of Pixologic are aware of this issue but its something that needs to be addressed.

3D design – Sculptris/Zbrush – Day 3

Sculptris - ZBrush - Worm 3D model

Sculptris - ZBrush worm 1

Sculptris - ZBrush worm 2

Sculptris - ZBrush worm 3

Sculptris - ZBrush worm 4

Above: Okay, its day 3 and Iv’e clocked in about +- 9 hours of Sculptris in total. Today I decided to create a worm/grub like creature, to see if I could really.

Thoughts on day one:

This is my first day using Sculptris/Zbrush, and my first time using any form of advanced 3D design software (with the exception of SketchUp) I have in the past experimented with Blender but could never get the overall look/finish I was looking for.

I though Id share my initial attempt at creating something of substance. I must say it is a heck of a lot of fun, This software shows an incredible amount of potential, the possibilities are seemingly endless!

Character Design – Dimension Diver

Character design, Animation

Above: I found this little guy trying to escape the monitor this morning! I think he was feeling a little claustrophobic, or he was just being a bit rowdy.

Character design, Animation

Above: The Dimension DiverHanna-Barbera style character design, closely resembling characters featured on the very popular Cartoon Network

Ingran – Logo development

Ingran logo development

Above: Figure A: Original Ingran logo redesigned to the clients exact specifications. After losing the original vectors, the client requested a redesign of the original artwork, figure B: is my proposed developed artwork, subtle additions to add 3d depth as well as aesthetic improvements to add a gloss like finish the orb.

View the official Ingran website here: www.ingran.co.za

Ingran – Long term effective ICT Solutions.

XINX – Logo design and development

Proposed xinx logo

Above: Original artwork provided by the client, the proposed idea was then worked on and developed, to improve the aesthetic of the existing XINX concept.

XINX LOGO concept

Above: Developmental steps of the XINX logo design.

XINX LOGO HD - by ZOE LOVE

Above: Final product after development. The XINX brand now has an updated look and feel that is in keeping with its product, the logo has been updated to retain the original aesthetic, as not to alienate the fans.

View the official XINX website here: www.xinxmusic.com (No longer active)

xinx website

Facebook timeline – Custom cover art

Facebook cover art size, Facebook photo, Facebook cover photo size

Above: The old Facebook cover art dimensions.

NB* Although the exact size of the profile photo is 160 X 160 pixels facebook (for whatever reason) wont accept any size less than 180 X 180 pixels so be sure to add a margin of at least 10 extra pixels on each side of the image when designing the smaller profile photo.

Facebook cover photo art

Ice climber (アイスクライマー) (NES) Facebook cover art

Above: Ice Climber (アイスクライマー) Facebook Timeline cover art design.

Yes, I simply love old school retro games, I grew up playing the NES (Famicom) so its very much a large and happy component of my childhood.

Facebook Singles Banner

Facebook timeline - Cover art

Facebook timeline - Cover art

Flash animation

Donkey kong character design

Above: Donky kong character vectors (designed in Inkscape) shown in different stages of design.

Donky Kong pre-design in Flash

Above: Donky kong character vector in final stage of design.

Donkey kong character design

Above: Character redesign of Nintendo’s original 1981 game, Donky kong.

 

Logo and CID design

Vitacare logo

Above: Vitacare Pharmacies  logo design.

WISION® Media Groop logo

WISION Media Group - business card set

 Above: WISION® Media Group logo design.

NIPMAN™ logo

Above: NIPMAN™ logo design.

NIPMAN™ branding

Above: NIPMAN™ Product branding.

NHC logo form 2

Above: Monochromatic style NHC logo.

NHC logo (National Health Channel©)

Above: NHC colour logo (National Health Channel©)

Cap embroidery design NHC

Above: NHC Cap embroidery design.

Sell web logo

Above: Sell web logo: The client requested a logo that was text based with a strong graphic element. The colours were kept in check with the (black/orange/white) colour scheem, but other wise an open brief.

Airtime anywhere logo

Above: Airtime anywhere logo: No brief supplied.