Illustration: UI Icons and Buttons

Some close up examples of UI icons and buttons I've created for various products. I would supply most of the background gradients and textures with CSS. It's easier to use a Wacom tablet and pen rather than a mouse, pen allows for much more natural movement.

Software: Photoshop, Illustrator


Responsive image
Examples from the SVG iconfont created for the Moda U.I.
Responsive image
The wave mark symbolises Moda's ability to take your mobile data (orange wave), bend and shape it into a predictable and controllable flow (dark blue wave)
Responsive image
Android play store app icon
Responsive image
Examples from the icon set created for the Adaptemy brand
Responsive image
Student activity indicator. Facial expression and colour change to indicate to a teacher what the student is currently doing
Responsive image
Animated Adaptemy logo. The animation played while the system selected lessons, saved student progress or collated feedback
Responsive image
Different examples of UI buttons created for Texas Math Tools
Responsive image
Progress indicators created for ThinkCentral
Responsive image
Toggle switches created for ThinkCentral
Responsive image
Teacher help icon created for Math in Focus
Responsive image
Workbook Activity indicator created for Levelled Readers
Responsive image
Student book activity indicator created for Math in Focus
Responsive image
Levelled Readers logo and home button
Responsive image
Download button created for Levelled Readers
Responsive image
New activity indicator created for Levelled Readers
Responsive image
Activity has been completed icon created for Levelled Readers
Responsive image
Appears at the end of a lesson to indicate that now, students have to practice what they have learned