Recent Work - Kristin Richey

Kristin Richey
Collection of Works
TekSystems @ State Farm
●
●
●
●
●
Participation in a multidisciplinary team working on an online application for
a top priority product; Work including prototyping, creation of Concept
Models & Flows, and Interaction Flows
Work with management to create solutions for UID Skill Development and
resource allocation
Subject matter expert for CSS/CSS3, HTML/HTML5, and jQuery
Work on daily basis with Bootstrap, Responsive Design, Notepad++,
Tortoise SVN, WAMP, Wordpress, Visio and more.
Member in small team that sets standards, best practices, and prototyping
processes for UIDs
CEFCU
CEFCU Mobile
http://m.cefcu.com
(or visit http://www.cefcu.com from your mobile device to
see the detection features)
●
●
●
●
Drafted project proposal outlining current and
projected traffic trends in device and user type to
corporate website, competitor analysis, best
practices and recommendations, suggested
approach to designs, technical recommendations
Created mockups in Adobe Fireworks, including
custom icons and styles to reflect corporate
branding
Worked with various departments for buy-in and
finalizing requirements
Site development using jQuery Mobile and Zend
Framework including creation of custom jQuery
Mobile Theme
CEFCU
Mobile Banking Demo
https://www.cefcu.com/checking/mobile-banking.php
●
●
●
●
Requirements gathering & negotiations to
advocate for usability and maintain narrow focus
for demo topics
Storyboarding and project planning; both
designing the flow and style of the demo and
setting dates for approval and development
deadlines
Collaboration with Marketing to create script and
record voice over using third party agency. Sitting
in on recording session to ensure accurate time
and inflection.
Development of demo using Adobe Fireworks
and Adobe Captivate.
CEFCU
CEFCU Mobile Promotion
Screenshot of Mockup: http://bit.ly/1akiaBr
●
●
●
Complete design and development page for
promotion of the CEFCU Mobile site launch
This included custom graphics, jQuery, and an
entirely new approach to page layout
Since promotion pages are taken down after the
end of promotion, the only link I have is to a
mockup image that is from the middle of the
design process
CEFCU
Online Banking Page
https://www.cefcu.com/checking/online-banking.php
●
●
●
●
Updated layout to focus on the main features of
Online Banking.
Separated features into a 3 column/2 row layout
for visual separation
Added an introductory paragraph using style I
created and added to site
Design and development of the demos module
with related call to action buttons
CEFCU
Location Finder
https://www.cefcu.com/locations/
●
●
●
Requirements Gathering: Worked with various
departments to define both business and
technical requirements
Design: Creation of design concept with based
on project requirements and best practices. Work
included icon creation, low and high fidelity
wireframes and page mockups
Development: Front-end development including
all imagery, HTML, CSS, jQuery, collaboration
with back-end programmer to decide on best
implementation approaches for various map
features, default limit on results listed, etc.
CEFCU
Accomplishments:
●
●
●
●
●
●
●
●
Reduced page load time by 48%
Replaced numerous background graphics with CSS
Replaced use of SiFR with Google Web Fonts
Introduced CSS3 features with backwards compatibility
Created interactive product demos for both employees and members
Advocated for the importance of user experience when trying to meet
business needs
Updated the way content is displayed on the site, including creation of an
introductory paragraph for content pages, increased line height and fontsize, trying to maintain an ‘as needed’ approach to copy, etc.
Accomplished implementation of a new approach to web content, increasing
collaboration between marketing and internet services, eliminating the
ideology of the past that print always comes first.
CEFCU
2008
Condition of site when
I arrived in 2010. No
styles or elements had
been updated since
2008.
CEFCU
2010
●
●
●
●
Updated various graphics to
remove pixelated edges and
reduce file size, including
banner pagination & various
buttons
Updated styles for Special
Offers & Calculators buttons so
they didn’t have the
appearance that they were
being pushed.
Updated Search bar styles
Realigned many of the right
nav elements
CEFCU
2011-1
●
●
●
●
●
Updated styles and colors to
reflect branding changes
(participated on team of 4 to
decided new corporate
branding).
New branding colors were
implemented in phased
approach per instruction from
executive management
Removed usage of SIFR from
site which had been there since
I arrived
Restructured code for ease of
maintenance
Took over creation of banner
imagery
CEFCU
2011-2
●
●
●
Additional updates to styles
and colors to reflect branding
changes
Design & implementation of
new login module to support
technical needs for
acquirement of additional
company.
Site-wide implementation of
Google Fonts (Open Sans) to
reduce the number of custom
graphics
CEFCU
2012
●
●
●
●
Additional updates to styles
and colors to reflect branding
changes
Updated design & development
for evolving login needs to
support new online banking
solution
Complete redesign of right nav
module to focus on key actions
and promote learning
materials.
All right nav images along with
button and module
backgrounds condensed into
sprites to reduce page load
time.