INFORMATION ARCHITECTURE,
STYLE GUIDE & PATTERN LIBRARY

I created the information architecture using Xmind, the Style Guide using Photoshop, and the Pattern Library within Invision so it would be easily accessible to everyone.

2019 cover.jpg
buttons-crop-u33212.jpg
modal-crop-u33252.jpg
modal overlay-crop-u33272.jpg
grammer-crop-u33292.jpg
tone-crop-u33312.jpg
style guide and patternn library - typographypng-crop-u33332.jpg
navigation admin side menu.jpg
style guide and patternn library - colours-crop-u33352.jpg
navigation learner.jpg
buttons.jpg
pagination.jpg
modal .jpg
modal - alert .jpg
modal - with prompt.jpg
modal - with graphic.jpg
stars.jpg
card.jpg
add to playlist.jpg
toast.jpg
forms options-crop-u33787.jpg
admin - navigation - table.jpg
admin - navigation - table copy.jpg
admin - tab open.jpg
admin _ learning _ content groups-crop-u33867.jpg
radio buttons - checkboxes.jpg
colors-crop-u33907.jpg
grid.jpg
2019 colours copy 2-crop-u34016.jpg
2019 colours copy-crop-u33996.jpg
2019 icons-crop-u34036.jpg
2019 typography.jpg
screen shot 2019-11-17 at 45954 am.jpg
screen shot 2019-11-17 at 45940 am.jpg
Next

Before & After