Web Analytics

website layouts (brightspace/sharepoint/jive)

Financial - Resource Library - Brightspace site. Brightspace resource library layout template (early draft). I created all of the graphics (including banner - designed to be cohesive with group's brand ID), and the animated gif (lower right images is a rotating image). Modified HTML source code (to extend design complexity beyond “WYSIWYG” tool capabilities) to edit and apply CSS styling throughout to create consistent aesthetic. Tools used: Brightspace, CSS, Javascript, Adobe Photoshop, Adobe Illustrator, and Vyond.
Home page for financial course (Brightspace) - Brightspace site. Starter page for a series of microlearning modules. Upon completion of each module, the learner is awarded a badge. There are 6 modules in the series and I designed 4 of the 7 overall badges: the overall FFPR program completion "trophy" badge; the "Money Mover" module badge, the "Service Ambassador" module badge; and the "Tools of the Trade" module badge. Modified HTML source code (to extend design complexity beyond “WYSIWYG” tool capabilities) to edit and apply CSS styling throughout to create consistent aesthetic. Tools used: Brightspace, CSS, Javascript, Adobe Photoshop, Adobe Illustrator, and Vyond.
Service Representative Microlearning Module - Work Tools (Brightspace) - Brightspace site. A microlearning module - used as part of a series, or it can be used as a stand alone lesson. I designed 4 of the 6 module gaming badges, including the overall course badge of completion (which can be seen on the FFPR page in this gallery). I designed the overall FFPR program completion "trophy" badge; the "Money Mover" module badge, the "Service Ambassador" module badge; and the "Tools of the Trade" module badge. Modified HTML source code (to extend design complexity beyond “WYSIWYG” tool capabilities) to edit and apply CSS styling throughout to create consistent aesthetic. Tools used: Brightspace, CSS, Javascript, Adobe Photoshop, Adobe Illustrator, and Vyond.
Service Representative - Microlearning Module - Processes - Brightspace site. Another example of a focused "microlearning" module for new service representatives. When they complete each topic successfully, they achieve a "badge" - see in middle of example. I designed the overall FFPR program completion "trophy" badge; the "Money Mover" module badge, the "Service Ambassador" module badge; and the "Tools of the Trade" module badge. Modified HTML source code (to extend design complexity beyond “WYSIWYG” tool capabilities) to edit and apply CSS styling throughout to create consistent aesthetic. Tools used: Brightspace, CSS, Javascript, Adobe Photoshop, Adobe Illustrator, and Vyond.
Service Representative - Microlearning Module - Service - Brightspace site.Another example of a focused "microlearning" module for new service representatives. When they complete each topic successfully, they achieve a "badge" - see in middle of example. I designed the overall FFPR program completion "trophy" badge; the "Money Mover" module badge, the "Service Ambassador" module badge; and the "Tools of the Trade" module badge. Modified HTML source code (to extend design complexity beyond “WYSIWYG” tool capabilities) to edit and apply CSS styling throughout to create consistent aesthetic. Tools used: Brightspace, CSS, Javascript, Adobe Photoshop, Adobe Illustrator, and Vyond.
Financial Planning Training & Resource Portal - Brightspace site that served as a training portal for wealth management group planning representatives. I created all of the graphics, including the branded banner (to achieve a cohesive look with the group's overall brand - I incorporated the leaf close up as the background to symbolize growth) animations, and pulled it together in Brightspace. Modified HTML source code (to extend design complexity beyond “WYSIWYG” tool capabilities) to edit and apply CSS styling throughout to create consistent aesthetic. Tools used: Brightspace, CSS, Javascript, Adobe Photoshop, Adobe Illustrator, and Vyond
Internal Customer Service Training & Communication site - Designed and created all graphics, layout in Jive/SharePoint. Tools used: Jive, CSS, Javascript, Adobe Photoshop, Adobe Illustrator, Dreamweaver, and Vyond.
Internal Employee Training Portal - Internal site created for training resources. Designed overall look and graphic elements. Jive/SharePoint. Tools used: Jive, CSS, Javascript, Adobe Photoshop, Adobe Illustrator, Dreamweaver, and Vyond.
Mockup for a Support Site for an Executive Services group - Early prototype/mockup - Jive/SharePoint.

Financial - Resource Library - Brightspace site. Brightspace resource library layout template (early draft). I created all of the graphics (including banner - designed to be cohesive with group's brand ID), and the animated gif (lower right images is a rotating image). Modified HTML source code (to extend design complexity beyond “WYSIWYG” tool capabilities) to edit and apply CSS styling throughout to create consistent aesthetic. Tools used: Brightspace, CSS, Javascript, Adobe Photoshop, Adobe Illustrator, and Vyond.
Home page for financial course (Brightspace) - Brightspace site. Starter page for a series of microlearning modules. Upon completion of each module, the learner is awarded a badge. There are 6 modules in the series and I designed 4 of the 7 overall badges: the overall FFPR program completion "trophy" badge; the "Money Mover" module badge, the "Service Ambassador" module badge; and the "Tools of the Trade" module badge. Modified HTML source code (to extend design complexity beyond “WYSIWYG” tool capabilities) to edit and apply CSS styling throughout to create consistent aesthetic. Tools used: Brightspace, CSS, Javascript, Adobe Photoshop, Adobe Illustrator, and Vyond.
Service Representative Microlearning Module - Work Tools (Brightspace) - Brightspace site. A microlearning module - used as part of a series, or it can be used as a stand alone lesson. I designed 4 of the 6 module gaming badges, including the overall course badge of completion (which can be seen on the FFPR page in this gallery). I designed the overall FFPR program completion "trophy" badge; the "Money Mover" module badge, the "Service Ambassador" module badge; and the "Tools of the Trade" module badge. Modified HTML source code (to extend design complexity beyond “WYSIWYG” tool capabilities) to edit and apply CSS styling throughout to create consistent aesthetic. Tools used: Brightspace, CSS, Javascript, Adobe Photoshop, Adobe Illustrator, and Vyond.
Service Representative - Microlearning Module - Processes - Brightspace site. Another example of a focused "microlearning" module for new service representatives. When they complete each topic successfully, they achieve a "badge" - see in middle of example. I designed the overall FFPR program completion "trophy" badge; the "Money Mover" module badge, the "Service Ambassador" module badge; and the "Tools of the Trade" module badge. Modified HTML source code (to extend design complexity beyond “WYSIWYG” tool capabilities) to edit and apply CSS styling throughout to create consistent aesthetic. Tools used: Brightspace, CSS, Javascript, Adobe Photoshop, Adobe Illustrator, and Vyond.
Service Representative - Microlearning Module - Service - Brightspace site.Another example of a focused "microlearning" module for new service representatives. When they complete each topic successfully, they achieve a "badge" - see in middle of example. I designed the overall FFPR program completion "trophy" badge; the "Money Mover" module badge, the "Service Ambassador" module badge; and the "Tools of the Trade" module badge. Modified HTML source code (to extend design complexity beyond “WYSIWYG” tool capabilities) to edit and apply CSS styling throughout to create consistent aesthetic. Tools used: Brightspace, CSS, Javascript, Adobe Photoshop, Adobe Illustrator, and Vyond.
Financial Planning Training & Resource Portal - Brightspace site that served as a training portal for wealth management group planning representatives. I created all of the graphics, including the branded banner (to achieve a cohesive look with the group's overall brand - I incorporated the leaf close up as the background to symbolize growth) animations, and pulled it together in Brightspace. Modified HTML source code (to extend design complexity beyond “WYSIWYG” tool capabilities) to edit and apply CSS styling throughout to create consistent aesthetic. Tools used: Brightspace, CSS, Javascript, Adobe Photoshop, Adobe Illustrator, and Vyond

Internal Customer Service Training & Communication site - Designed and created all graphics, layout in Jive/SharePoint. Tools used: Jive, CSS, Javascript, Adobe Photoshop, Adobe Illustrator, Dreamweaver, and Vyond.
Internal Employee Training Portal - Internal site created for training resources. Designed overall look and graphic elements. Jive/SharePoint. Tools used: Jive, CSS, Javascript, Adobe Photoshop, Adobe Illustrator, Dreamweaver, and Vyond.
Mockup for a Support Site for an Executive Services group - Early prototype/mockup - Jive/SharePoint.