Override the default image zoom level and lock it to
either ‘cover’ or ‘contain’ using the icons on the right.
zoom lock
Arrow Keys
for forward & backSpace Bar
to cycle image zoom.As my oldest case study, I hesitated in keeping this with how far my standards for design have come since then. On the other hand, every project I try to raise the bar, and I value seeing my own growth over time. Please be merciful!
The Institute for Supply Management's site had thousands of pages
with inconsistent functionality and design. More than a new website,
they needed a new way of thinking about information.
he first and most obvious problem
ISM was facing was the way their
antiquated site was negatively
impacting their brand. In addition to a
design update, they needed a site
migration because of their difficulty in
finding qualified employees able to
manage their outdated CMS.
nother need was to define a
clearly organized navigation
structure. Many sections of the site
could only be found by burrowing
down through multiple levels. Our
solution was a drop down mega-nav
that was mobile-first and could
be easily managed client-side.
t the center of their business
model, we identified an
opportunity for an integrated web app
that allowed users to easily research,
access, and manage financial
transactions relative to the different
products and services offered by ISM,
CAPS Research and their partners.
ISM’s financial model centered around the
many classes, certifications, curriculum
and materials that they offer to business
professionals. Their primary means for
people to do so was their website,
functioning as an online platform
through a tremendous number of
manually managed articles and lists.
This was very cumbersome to navigate
through, much less keep updated.
The solution was found in an app that
drilled down through layers, helping a user
quickly find what they were looking for.
A mobile app wasn’t acessible enough, so
we decided to make a web app instead.
ISM was in a tough spot
because their new site
needed to launch with a
coinciding shift in their
business model that was
already on a tight schedule.
For this reason, it was
necessary for content
creation to happen
concurrently with design
and development, requiring
extreme flexibility in the
templates we designed.
With corporate employees
as their primary target
market, all of our designs
had to be codeable so that
they still looked great on
very old web browsers.
Their original site also had
a custom CMS using Cold
Fusion, make it callenging
to archive thousands of
pages, articles, forums
and curriculum.
Due to limitations in these
technologies, rather than
creating a complex back-end
that interfaced with both old
and new platforms, we
created their mastery model
almost exclusively in
Javascript to streamline
management on their end
and to assure that the web
app could work universally.
The corporate ‘Bring Your
Own Device’ trend is now
being reflected in analytics,
pointing to a strong divide
between traditional browsers
that are often older with
locked down versions of IE
and a wide array of touch
enabled mobile, tablet, and
laptop devices. We wanted
the Mastery Model web app
to translate well under any
conditions with a ‘liquid’,
variable-width approach
rather than attempting to
target specific devices.
It was also important for the
interactive components of
this site to be just as intuitive
using a big finger on a small
screen as with a traditional
mouse on large format
display. This philosophy of
design focuses on a
mobile-app experience first
that translates up to desktop
instead of trying to squeeze a
desktop application onto
a small screen.
The content variety posed a
challenge. Because their old
site used an antiquated
WYSIWYG editor, pages
often resembled a poorly
executed Word Doc. To
avoid this, we worked with
their in-house team to create
a set of site-wide CSS
classes with pre-defined
type hierarchy and photo
usage that would maintain
brand standards across the
site. This included many
unique elements such as
calendars, content box
change-outs, buttons and
other CTAs, embedded
multimedia etc.
I was the principal designer for all of the work shown unless otherwise noted, and I am the author and creator of the case studies within this portfolio. This website exists as a digital resume for the purpose of providing proof of experience in order to gain future potential work. Many of these projects were completed collaboratively in a “creative for hire” agency, freelance contract, or software company with copyright assigned to that entity or client.
I always have language in my creative contracts that I discuss with clients and employers that specifies my ability to display my work publicly. This includes concepts and processes as well as final deliverables, given that all of these are necessary to display my competence as a UX and Product Designer. I follow best practices to the best of my ability to assure that my work for clients is in compliance with copyright, either through open licensing or purchase of stock photography, mockups, icons, and other creative resources. However, I recognize that digital ownership is sometimes disputed on the internet. I do not assume legal liability for work completed in good faith on behalf of corporations and organizations, even if it is displayed here in my Resume. Even so, I take copyright and intellectual property seriously as a professional designer and photographer.
If you have any questions or concerns about something displayed here, please contact me and I will do my best to resolve them as simply and expediently as possible. Thank you!