• 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12

I am a creative developer with a passion for code and design.

I strive to build enriching experiences that
leverage my skills in front end web development
and user experience design.

These pieces reflect my
starting point, the level of
quality that I want to build
upon, and the kind of work
that I want to contribute to.

Every project represents a
new opportunity to learn
and grow, exposing myself
to new challenges.

ripple project logo

is a virtual coral reef environment that engages users through ocean education and exploration.

This was a large scale group project
where in my role as a developer, my
primary task was to implement the
graphical user interface alongside
the user interactions.

As a user approaches an information
icon populated throughout the
environment, they are presented
with visual cues to learn about a
specific danger facing coral reefs.

My role had me implementing behavior
such as the following in these
occurrences. The way the knowledge
icons continually face the user, the
visual effects in the presentation of
the text and information panels, the
dimming of the screen, and the slow
down of the environment.

This was a project that was made
possible through the use of the Leap
Motion Controller device and it
allowed my team and I to create a
very unique experience to engage
and inform users.

Greatest Hotels Website Composition

is a complete rebranding of an existing web presence to showcase Google Business Photos for luxury destinations.

Project
Statement

To create a best-in-class experience that
leverages Google Business Photos, providing
an immersive virtual environment that exposes
customers to the most sophisticated, high class
luxury hotels that span the world.

Google Business Photos Navigation Control

Enabling the interactive
exploration of hotel
interiors utilizing Google
Business Photos.

Research

A comprehensive redesign begins with
thorough, detailed research. A multitude of
aspects need to be investigated, ranging from
examining competing sites to creating user
personas in order to understand various use
cases. This is all done to craft an experience
that excels in its purpose, going beyond basic
needs.

In-depth research informs the core aspects of a
site's construction, allowing a detailed path to
be mapped out with regards to how the user
experience will flow.

RESEARCH
Greatest Hotels Group Taxonomy Map

Branding

To find the symbol that embodies the identity
of a site, iteration and experimentation
become a key component to designing a logo.

LOGO ITERATION
Greatest Hotels Group Logo Branding

Wireframes

Iteration is vital with the construction of low
fidelity to high fidelity wireframes.

The design encompasses a truer reflection of
the various forms of research conducted as it
progresses through each iteration.

WIREFRAMES

Mood Boards

Experimentation and exploration are necessary
in finding the style that best reflects the
qualities of the site.

MOOD DIRECTIONS

Final Design

The design process culminates into a singular,
cohesive design that embodies the goals set
after extensive research.

FINAL DIRECTION
Smart iPad App Wireframe Design

is the development of a brand strategy and concept that impacts the visual design of SMART notebook.

Identifying
the Objective

The first step to creating a solution involved
understanding what SMART was looking
for in terms of a deliverable.

The most significant idea to recognize
was that in order to impact the visual
design approach for SMART/Notebook,
a comprehensive and detailed strategy
would be necessary that carefully
analyzed their current offerings.

SMART Identifying the Objective Image

Understanding
the Client

By analyzing their current products and
services, I could better understand the market
they cater to, as well as why people are so
passionate about their innovative technology.

The understanding of their current audience
and the audience they would like to attract
fuels the direction of my strategy in
looking to address the issue they face.

SMART Understanding the Client Image

Determining
the Issue

With the understanding of the audience SMART
wants to offer its products to, the issue that
needed to be addressed was that their
technology was not currently being used
extensively in university settings.

By recognizing this problem, it is
clear that SMART's effectiveness and reach as a
company that prioritizes collaborative
learning tools, is stifled.

The question that then arises is what can be
done to create an effective solution?

SMART Determing the Issue Image

Conducting
Research

In order to determine a comprehensive
solution, an important step was to perform
extensive research.

This included examining SMART's website
as well as the desktop and tablet apps for
the Notebook software in order to devise
the best approach.

SMART Conducting Research Image

Analyzing
the Website

In studying the website, I found that it provided
no clear examples of the benefits provided by
utilizing SMART's technology.

The main focus was a display of technical
specifications which does nothing to explain
why SMART products make a difference in the
learning experience

The site language was also extremely vague
and did not address how the technology can
be used to innovate.

SMART Analyzing the Website Image

Analyzing
Notebook

In using notebook on the desktop and viewing
its tablet functionality, I found that it presented
a bland tutorial that offered little in terms of a
meaningful explanation of functionality.

The iconography throughout the interface
lacked clarity in conveying purpose, and
certain functionality did not make sense when
applied to a university setting which only
detracted from the experience.

SMART Analyzing Notebook Image

Analyzing
the Audience

I examined the user reviews for the notebook
app within the iOS app store as well as the
customer stories listed on the website.

From this research I gained a better
understanding of how people were using
SMART's technology and software, and what
functionality and features they would like to
have included in future updates.

SMART Analyzing the Audience Image

Determining
a Solution

After compiling and examining all of my
research, I decided that the best strategy
would be to redesign the user experience for
the notebook app on the iPad.

The functionality here would be comprised of
features that were deemed to be most essential
with the goal of annotating and collaboration
in mind.

The excess features present in the desktop app
would be omitted in order to create an initial
experience that accentuates simplicity and
provides clarity in functionality.

SMART Determining a Solution Image

Wireframing
the Concept

The initial page upon launching the app
would take users to a file repository where
they would have the ability to sign into
cloud storage services such as Google Drive
and Dropbox.

Aside from basic functionality such as search,
sorting, and favoriting capabilities, users
would also have access to Smart Exchange
where they can access lessons from other users
as well as upload their own.

The functionality here would be comprised of
features that were deemed to be most essential
with the goal of annotating and collaboration
in mind.

For the document editing and creation
experience, users have the ability to insert
photos, undo and redo performed actions,
and a variety of primary tools such as pens,
brushes, shapes, and typography with the
ability to adjust their characteristics.

Additionally, features from Bridgit
Conferencing software are implemented so
other users can join the annotating experience
to contribute to a collaborative environment.

Users can also add and delete slides with
a hidden pane to the right, where they can
view all of the slides that exist within
the current active document.

After iterating and improving the tablet
experience for the Notebook app, the next
priority would be to apply the lessons learned
from this approach to a redesign of the
desktop Notebook experience as well
as the website.

Clarity and simplicity would again be the
driving factors for the redesign,
focusing on core features to unify
the various platforms and experiences.

ABOUT ME

I am a creative developer striving to build and shape
experiences that enrich the lives of others through unique
solutions, inspiring inventiveness and motivating people
to approach challenges differently.

When I'm not staring at a screen to code and design, I enjoy staring at a
screen to read through an ever-growing Kindle backlog, to playing through
narratively driven games, to watching the latest super hero themed
television shows. I love keeping an open ear to an endless variety of new
music supplied to me by Spotify, as well as listening to podcasts.

Everything I consume and experience in life serves as inspiration for my
own creativity and helps me in my never-ending pursuit to better myself
both personally and professionally.

CONTACT

PHONE: (347) 687 - 6048
EMAIL: autarb@gmail.com