Icon Design


TV with OTVP

Overview

My keen eye for detail proved invaluable during these icon design projects for e.g. Orange and Mindscape – one of France’s leading producers of multimedia products for education & gaming.

Expertise:

  • Icon creation for children’s products, in Adobe Illustrator and other tools
  • Consultation in design and brand consistency

Achievements:

  • I created icons for my personal website, which impressed Mindscape so much, that they invited me to create all icons for their Reader Rabbit product, and subsequently offered me the artistic direction over their new extensive Graines de Génie series, which resulted in major international sale improvements – from 120 000 to 150 000 copies – up by 25 %.
  • I lead a team to design apps & icons for Orange, securing a long-lasting client relationship and ongoing stream of new assignments for my agency
  • I created a bespoke WordPress blog for icon design-change dialogue with Orange, who integrated many features into their global online style-guide

Examples

Here are some of my favourite projects. Just drop me a line, and I’ll be happy to tell you more about them.

Orange PSS Icons

Orange Portal Software Suite (PSS)

Extensive package of Orange desktop programmes, for over 2 million Orange customers in France to install and manage their web connections & activities with, produced for Orange at Tui interactive media.

22 new icons were designed for global use in Orange products, following the Orange icon guidelines & icon clinic design process.

My role:

  • Consultation in design and brand consistency
  • Project management (brief, quote, timeline, client communication)
  • Programming of presentations & mock-ups, e.g. for user testing

Achievements:

  • The agency became a key provider of Orange icons, and secured a long-lasting client relationship with an ongoing stream of new assignments
  • The PSS design became the design standard for all Orange desktop apps
  • Orange integrated many ideas of the bespoke WordPress blog for design change dialogue (which I created for this project) into their global online style-guide

Orange TV Icons

Orange TV Portal (OTVP)

Extensive package of multiscreen online TV services & components, designed for Orange at Tui interactive media.

Orange TV Portal (OTVP) was the way for Orange customers to reach Internet on TV sets. It was the single audience hotspot on a dedicated TV channel, through which they could access many customizable online services, developed by Orange and its partners. Many icons were designed for this multiscreen project, e.g. for the 12 star signs of its Horoscope service.

My role:

  • Consultation in design and brand consistency
  • Project management, in English & French
  • Ideation & conceptualization for service functionalities & layouts

Orange Website Icons

Orange Website

Icons for the new Orange website (when the www.francetelecom.com and www.orange.com sites merged into this new site), designed following the Orange icon guidelines, at Tui interactive media.

My role:

  • Consultation in design and brand consistency
  • Project management (brief, quote, timeline, client communication)

Orange Accessibility Icons

Orange Accessibility

Icons to indicate that an Orange product or service is accessible to customers with disabilities, designed at Tui interactive media.

6 icons (impaired hearing, sight, speech, dexterity, mobility, and mental cognition), designed with an extremely tight deadline, following the Orange icon guidelines & icon clinic design process, in several sizes, for e.g. print (on large posters) and web.

My role:

  • Consultation in design and brand consistency
  • Project management (brief, quote, timeline, client communication)

Campanario site icons

Campanario site

Website to present my own products, skills and interests, designed in 2001 and updated until 2006.

Playful and highly animated Flash site, with innovative but clear navigation, and concise info. The site loads all text from an external XML file (localized in English and French), and loads external images as described in that XML file (e.g. by pressing the next and previous arrows on an image).

My role (single-handedly):

  • Ideation, design (including all icons), image creation & treatment, and smooth animation (with morphing)
  • Programming of the site and its XML file (in English and French)
Visit the website

Reader Rabbit Karaoke icons

Reader Rabbit Karaoke

Special Karaoke edition for the Reader Rabbit CD-ROM series (for ages 6-8), produced for HMHLT at Mindscape – one of France’s leading producers & distributors of multimedia products for education & gaming.

My role:

  • Graphic creation (incl. extensive icon design, in Illustrator)
  • Image, video & sound treatment, and programming of specific elements

Graines de Génie icons

Graines de Génie (series for ages 6-15)

Series of 9 extensive educational CD ROMs, for children at school and at home, produced at Mindscape – one of France’s leading producers & distributors of multimedia products for education & gaming.

The new series resulted in major international sale improvements – from 120 000 to 150 000 copies – up by 25 %.

My role:

  • Ideation & development of new key modules; upgrading of existing ones
  • Artistic direction; graphic design (incl. extensive icon design) & animation; image & sound treatment
  • Programming of specific elements
View the case study

GripAble Gesture Icons

GripAble Hand Gesture Icons

Series of 8 icons that can smoothly morph/animate into each other, showing the 8 end positions of the 4 hand gestures to assess and train with the smart GripAble IoT tool set for rehabilitation and assessment: grip/release, wrist extension/flexion, pronation/supination, and radial/ulnar deviation.

I re-created the icons in Adobe Illustrator (in several variations, and each with the same node-count to ensure proper morphing), after quickly creating and smoothly animating them in Adobe XD Design, to test their suitability. The icon animations don’t only add delight, but also meaningful information to the screens, explaining the medical terminology, and relating it to the tracked progress (which I also animated in Adobe XD Design).

My role:

  • Graphic Design – creating the icons in Adobe Illustrator single-handedly
  • Meaningful Animation – creating animation demos in Adobe XD Design
  • Guiding a Visual Designer – guiding on the icons for his final screen designs (as shown in the image)


Drop me a line!