SlideShare uma empresa Scribd logo
1 de 43
Baixar para ler offline
UX PORTFOLIO
SELECTED SAMPLES
PORTFOLIO 2015
02
GATHERING
USER DATA,
INTERVIEWS
SCREEN FLOWS,
NAVIGATION
MODELS
TASK FLOWS,
USER
JOURNEYS,
SCENARIOS
SITE MAPS,
CONTENT
INVENTORIES
FUNCTIONAL
SPECIFICATIONS
USABILITY
TESTING
HIGH-FIDELITY
VISUAL DESIGN
HAND CODING
HTML5, CSS3,
JAVASCRIPT
RAPID
PROTOTYPING,
INTERACTIVE
PROTOTYPES
WIREFRAMES
SKETCHES
ABOUT ME
SKILLS
PORTFOLIO 2015
SKILLS
I have a multidisciplinary skill set that integrates creative knowledge with
technical and business expertise. I master the best and most current design
tools in the industry alongside having a strong understanding of and ability to
perceive human nature and human behavior. I’m a critical thinker with an open
mind, a communicator and a facilitator.
03
EXPERIENCE
I’ve successfully delivered and managed more than 50+ digital projects
ranging from web & mobile apps, crm platforms, cms based corporate
websites, and large ecommerce. All are at the highest standard of execution
and represent some of the leading companies in the industry.
ABOUT ME
CAREER
PORTFOLIO 2015
TRILOGY
2003-2005
DESIGNER
BRIGHTNESS
2007-2005
DESIGNER
DIGITAL
DESIGN
DESIGN
UX
DESIGN
NEURONSTUDIO
2007-2009
DIGITAL DESIGNER
VERYNICE2.COM
2009-2010
DIGITAL DESIGNER
IMG WORLD
2010-2014
UX DESIGNER
MOI GLOBAL
2014
UX DESIGNER
04
PROCESS
LEARN
01
SELECT
03
DEVELOP
04
REFINE
05
DELIVER
06 EXPLORE
02
ABOUT ME
PROCESS
PORTFOLIO 2015
01 Learn. Gain knowledge of users, context, technologies, gather user data,
research competitive products, conduct interviews and filed studies. 02 Explore.
Build user profiles on gathered data, produce materials that will aid the outlining
of the project, site maps, content inventories, screen flows, navigation models,
task flows, user journeys, scenarios.
03 Select. Evaluate, test, and select wireframe concepts for prototype
development. 04 Develop. Create design specifications and evolve concept/
wireframes into full design solution. 05 Refine. Evaluate design with stakeholders
to obtain feedback and conduct usability testing. 06 Deliver. Complete design and
produce deliverables.
CASE STUDIES
01
02
03
There is quite a vast list of projcets that I have worked on since i started my
career. This is a selection of my best and most recent UX work that I have done.
The projects are relevant for their industry and devices.
Corporate content website
showcasing the business history as
a market leader in the sport with 50
years of experience.
A corporate website for the world’s first
ever LIVE global sports channel for the
Airline and Ship at Sea industry
IMG pitch for BT. Football interactive app
for smartphones tablets and smart TVs
See more case studies in my online portfolio: antonmircea.com
06
Date: March 2014
Platform: Desktop and mobile
WHAT I DID
CHALLENGE
›› Setting goals and objectives
›› Stakeholder interviews
›› Establishing key audiences
›› Building personas
›› Creating scenarios
›› Creating site maps
›› Conducting competitive research
›› Low-fidelity prototypes
›› Creating wireframes
›› High-fidelity design & guidelines
›› Usability testing
Build a website that curates current, credible,
trustworthy, reliable content, provide resources
for users and generate business leads.
IMGGOLF.COM
PROJECT OVERVIEW
PORTFOLIO 2015
07
SITE URL: 		 imggolf.com
SITE OWNER: 	 IMG World
WHAT IS THE WEBSITE ABOUT?
imggolf.com is a corporate content website showcasing the business history as a
market leader in the sport with 50 years of experience managing the top golf
professionals, golf courses, premier golf events and personalities
WHAT ARE THE GOALS OF THE WEBSITE?
The Goal of the website is to provide current, credible, trustworthy, reliable content,
provide resources for users and generate business leads.
WHO ARE THE USERS OF THE SITE
Primary audience: Broadcasters and Sponsors
Secondary audience: Event Managers and Sales Managers
SETTING GOALS AND OBJECTIVES
01
IMGGOLF.COM
CASE STUDY
PORTFOLIO 2015
Objectives are an important focusing lens for use throughout the project.
They spring from the client company’s overall business strategy, so the project
objectives are in line with the strategic initiatives within the company
08
02
CONDUCTING INTERVIEWS
IMGGOLF.COM
CASE STUDY
PORTFOLIO 2015
Interviews provide me with a qualitative method of gathering evidence, data and
information about the project that I’m working on. At the heart of the qualitative
research is the desire to expose the human part of a story.
09
45%
BROADCASTERS
SPONSORS EVENT MANAGERS
SALES MANAGERS
03
ESTABLISHING KEY AUDIENCES
IMGGOLF.COM
CASE STUDY
PORTFOLIO 2015
3%
5%
47%
Interviewing the stakeholders has helped me identify the right audience for the product and
characteristics of study participants. As with every product or service, the best offering comes
from carefully identifying the target audience, their needs and their wants.
10
WHO ARE THEY?
›› Decision makers
›› Age: 35+
›› Gender: Mixed
›› Family: Married, children
›› Education: Strong media background, business
orientated
HOW DO THEY FIND INFORMATION?
›› On desktop/laptops - smartphones, information and
data focused - email primary communication
›› Forums for broadcasting trends -media magazines,
media groups on social networks such as Linkedin
MAIN GOALS/WHAT DO THEY WANT?
›› To find the right level of information quickly
›› Trending, impactful & cost efficient content
›› To be the first to know about media trends, news /
latest in broadcasting world
PAIN POINTS
›› Finds it hard to find relevant content
for his industry
›› The content found is not always up to
date
›› Finds it hard to get the contacts for
the right people
›› Hard to distinguish the level of quality
of the content presented
MOTIVATION
›› Find new suitable content
›› Discover new trends in the industry
›› Access fresh & new content markets
BROADCASER | INCLUDES CHANNEL MANAGER, EXECUTIVE BROADCASTING DIRECTOR
04
01BUILDING PERSONAS
IMGGOLF.COM
CASE STUDY
PORTFOLIO 2015
I synthesized my personas from observations, research and stakeholder interviews.
To create a thorough persona I normally include social and demographic characteristics,
needs, desires, goals, habits, expertise, cultural background and motivations.
11
AUDIENCE NEEDS:
›› What is your best content about?
›› What is the audience for that content?
›› What is your latest tv content? -
upcoming updates, trends?
›› What are the trends in your industry?
›› What can I buy – how much?
›› Exhibitions – when, where, who?
›› New content /
›› Who stars/presents your content?
›› What is your distribution platform?
›› Is this data up to date?
›› How do you produce your content?
›› How engaging is your content?
›› Where can I find details about your
shows? Do you offer any additional
services? – local office / contact details
SOLUTION (CONTENT & FUNCTIONALITY)
›› Interactive website design
›› Accessibility, UX, IA – improvements
›› Product search/filter
›› News / media section – trends,
exhibitions, new (blog?) Video – event
show
›› Contact details – global network
›› Email newsletter
›› Video – inside the business
›› (content analysis)
›› Golf feature with most popular players
›› (success) Facts/Stats
IMGGOLF.COM
CASE STUDY
PORTFOLIO 2015
I synthesized my personas from observations, research and stakeholder interviews.
To create a thorough persona I normally include social and demographic characteristics,
needs, desires, goals, habits, expertise, cultural background and motivations.
BROADCASTER | INCLUDES CHANNEL MANAGER, EXECUTIVE BROADCASTING DIRECTOR
02BUILDING PERSONAS
05
12
Broadcaster
navigates to
imggolf.com
Broadcaster clicks
on “Our clients and
properties
Broadcaster filters
the events by region
Broadcaster clicks
on the read more
button
Broadcaster clicks
on the ‘enquire’
button
Broadcaster clicks
on drop down
menu button called
“Events”
Brodacaster filters
the events by
highest purse
Broadcaster
looks for events on
the website
Broadcaster
business activity is in
Europe, he is looking
for premium events.
Broadcaster
selects Alfred Dun-
hill Links Champi-
onship and looks for
the time of year it
happens
Broadcaster is
interested in the
event and wants to
ask someone
about it
BROADCASTER IS DOING RESEARCH AND WANTS TO FIND AN EVENT THAT MIGHT SUIT HIS CHANNELS PROFILE
06
CREATING SCENARIOS
IMGGOLF.COM
CASE STUDY
PORTFOLIO 2015
I use scenarios to describe the stories and context behind why a specific user or
user group comes to the site. They note the goals and questions to be achieved and
sometimes define the possibilities of how the user(s) can achieve them on the site.
TASK SUBTASK
13
07
USER JOURNEYS FOR DATA COLLECTION
IMGGOLF.COM
CASE STUDY
PORTFOLIO 2015
User journeys are useful in demonstrating the way users could interact with the
website, in this particular case I illustrated, hierarchically, the series of steps necessary
for the user to take in order to collect different types of data.
14
OUR CLIENTS & PROPERTIES
GOLFERS
EVENTS
COURSES
ADVISORY
ABOUT US
HISTORY
WHAT WE DO
WHY GOLF
THE IMG DIFFERENCE
OUR JOINT VENTURES
LEADERSHIP TEAM
OUR SERVICES
PLAYER MANAGEMENT
EVENT MANAGEMENT
MEDIA
ADVISORY
GOLF DAYS AND APPEARANCES
CORPORATE HOSPITALITY
GOLF COURSE SERVICES
LICENSING
ADDITIONAL SERVIES
Homepage
Header Navigation
Footer
THE GOLF CLUB
JOIN CLUB
BLOG
SWING ANALYSIS
MULTIMEDIA NEWS CAREERS CONTACT US
WHY GOLF? JOIN CLUB
OFFICE LOCATIONS NEWS RSS PRIVACY POLICY SITEMAP TERMS OF USE
08
CREATING SITEMAP
IMGGOLF.COM
CASE STUDY
PORTFOLIO 2015
Once I’ve completed the personas and user journeys, I’ll create the sitemap. It visualises
what I’ve have learnt about how users navigate the site, what sort of content they will
need to support them in their goals and what sort of language they use to identify things
15
09
COMPETITIVE PRODUCT RESEARCH
IMGGOLF.COM
CASE STUDY
PORTFOLIO 2015
In order to be competitive, you need to know what’s out there and what has worked
and has not worked. To connect the dots, you first need to collect the dots. Doing solid
investigative market research is essential for building a succesful product.
16
10
LOW-FIDELITY PROTOTYPES
IMGGOLF.COM
CASE STUDY
PORTFOLIO 2015
I use low-fidelity prototypes in order to have an early validation of the product saving
time and making sure I’m not producing wasteful design work. I can easily and
efficiently make changes while including users feedback based on their reactions.
17
11
CREATING WIREFRAMES
IMGGOLF.COM
CASE STUDY
PORTFOLIO 2015
I build high fidelity wireframes and fully annotated diagrams, having a basis to begin
creating screens; I also use them for user testing and as a reference point for functional
specifications and communicating the functionality I am going to build with stakeholders.
18
12
HIGH-FIDELITY DETAILED DESIGN & GUIDELINES
IMGGOLF.COM
CASE STUDY
PORTFOLIO 2015
Having a background in design I love getting my hands dirty and producing the final high-
quality visual designs as well as the guidelines and specification. I’m allways up-to-date
with the latest industry trends and I also have a passion for design innovation.
19
13
CONDUCTING USABILITY TESTS
IMGGOLF.COM
CASE STUDY
PORTFOLIO 2015
I make use of user testing to explore potential solutions during the design process or test
the waters during the product design cycle. Watching users try to accomplish tasks on
early prototypes is the most effective and efficient way to uncover usability problems.
20
14
PROJECT OUTCOME
IMGGOLF.COM
CASE STUDY
PORTFOLIO 2015
ACHIEVEMENTS
›› Healthy & steady traffic growth since launch (over 1700 in the first 2 months)
›› Low overall bounce rate & healthy avarage time on site indicates good visitor
retention
›› Responsive design success revealed in low mobile traffic bounce rate
›› Refferals, and social sharing validates content quality, trust and credibility.
›› 17.6% conversion rate on business leads based on newsletter subscriptions.
›› In page analytics and click tracking indicates successful navigation
Without credible UX success measurements, we all risk not being able to quantify our
success. Without credible UX success measurements, we are unable to align our efforts to
an organization’s business objectives and desired outcomes.
21
SPORT24-TV.COM
PROJECT OVERVIEW
PORTFOLIO 2015
WHAT I DID
CHALLENGE
›› Setting goals and objectives
›› Stakeholder interviews
›› Establishing key audiences
›› Building personas
›› Creating scenarios
›› Creating site maps
›› Conducting competitive research
›› Low-fidelity prototypes
›› Creating wireframes
›› High-fidelity design
›› Usability testing
Create a credible, trustworthy, reliable
web platform that is timely, current and
has well-timed content, resources and
knowledge.
22
SITE URL: 		 sport24-tv.com
SITE OWNER: 	 sport24
WHAT’S IS THE WEBSITE ABOUT?
sport24.com is a corporate website for the world’s first ever LIVE global sports
channel for the Airline and Ship at Sea industry. this groundbreaking service
revolutionises passengers’ experience and enables them to enjoy world class sport
across continents and time zones
WHAT ARE THE GOALS OF THE WEBSITE?
The Goal of the website is to provide up-to-date, specific, well structured reliable
content. Current and relevant content, resources, and media supporting the sport24
live schedule.
WHO ARE THE USERS OF THE SITE:
Primary audience: Flight and Cruise Passangers.
Secondary audience: Football, Tennis, Rugby, Motorports, Cricket and Golf fans.
SPORT24-TV.COM
CASE STUDY
PORTFOLIO 2015
SETTING GOALS AND OBJECTIVES
02
The stakeholder has the best idea of what the project is all about, that’s who I
normally start asking the questions, It’s better to put everything down on paper based
on objective and goals, that will be the guiding line for the project’s development
23
CONDUCTING INTERVIEWS
SPORT24-TV.COM
CASE STUDY
PORTFOLIO 2015
01
Conducting interviews is essential in gathering information, throughout the years I’ve
learned that the better you get at this the more useful the information will be. Knowing
how to structure your questions, how to listen and how to be grateful is the key
24
SPORT24-TV.COM
CASE STUDY
PORTFOLIO 2015
ESTABLISHING KEY AUDIENCES
03
24%
22%
19%16%
16%
12%
7%26%
21%
19%
13%
5%
BY SEA OR BY PLANE | GOLF, CRICKET, RUGBY, TENNIS, MOTORSPORT & FOOTBALL
It’s vital in project’s development to have a well-defined audience, that will ensure that all
of the design, functionality and content decisions are targeting the right people, there are
many business examples that have failed because of not understanding their audience
25
WHO ARE THEY?
›› Football fans
›› Age: 19 - 35
›› Gender: Male
›› Family: Single, married, children
›› Education: Degree
HOW DO THEY FIND INFORMATION?
›› On desktop/laptops - smartphones, mobile phone and
email communication
›› Football apps, sport magazines, football management
games.
MAIN GOALS/WHAT DO THEY WANT?
›› To watch the football content they want, football teams
they support
›› New, football related content
›› To be the first to know about football results, news /
latest in football world.
PAIN POINTS
›› Top leagues games
are exclusive to some
networks
›› The content found online
is not always the newest
›› Hard to find live content
other than TV
MOTIVATION
›› Be engaged with the
sport
›› Discover new ways of
engagement with the
sport
›› Access fresh & new
football content
SPORT24-TV.COM
CASE STUDY
PORTFOLIO 2015
FOOTBALL FAN ON PLANE | INCLUDES MOTORSPORT AND TENNIS FANS
01BUILDING PERSONAS
04
After figuring out who the projects audience is I normally build the personas, This is
similar to shaping a piece of clay. By doing this I’m creating a clear image of who the
user in our audience is.
26
AUDIENCE NEEDS:
›› How can i find if there’s sport on my
flight?
›› How can i find if football will be on.
›› Can i select my favourite game.
›› How long will be the program.
›› Can i get updates on the program?
›› Are there any news regarding
football?	
›› How can i find the newest content ?
›› Do you offer any additional services?
local office / contact details
SOLUTION (CONTENT & FUNCTIONALITY)
›› Interactive website design
›› Accessibility, UX, IA
›› Sports/Football on airplane story
›› Subscribe option
›› News / media section – trends, shows,
new (blog?) Video content?
›› Contact details – network
›› Email newsletter
›› Video – inside the business
(content analysis)
›› News feature with most popular
players
SPORT24-TV.COM
CASE STUDY
PORTFOLIO 2015
FOOTBALL FAN ON PLANE | INCLUDES MOTORSPORT AND TENNIS FANS
02BUILDING PERSONAS
05
After figuring out who the projects audience is I normally build the personas, This is
similar to shaping a piece of clay. By doing this I’m creating a clear image of who the
user in our audience is.
27
Sports fan
navigates to
sport24-tv.com
Sports fan clicks on
“schedule”
Sports fan navigates
through the
schedule, by
pressing the
navigation arrow.
Sports fan clicks on
the title of the show
to read more about
it.
Sports fan clicks
on download pdf
buttons and keeps a
copy of the program
to himself.
Sports fan clicks
on drop down menu
button called
“Inflight”
Sports fan reaches
the weekend he’s
interested in.
Sports fan
looks for the
schedule on
the website
Sports fan’s
flight is two weeks
from now, he will be
looking for the
appropriate date.
Sports fan
wants to find out
more details about
the match
Sports fan is
interested in having
a copy of the
schedule
SPORT24-TV.COM
CASE STUDY
PORTFOLIO 2015
CREATING SCENARIOS
06
The easiest way to understand behavior is through scenarios, identifying a users goals and
needs and his following action steps will lead you to truly understanding why and how a
user is using your product. That represent the building-block for the project development
TASK SUBTASK
28
HOME SCHEDULE
INFLIGHT
AT SEA
NEWS PARTNERS CONTACT ABOUT
Subscribe
© 2013 Sport 24 Cookies Terms and Conditions Privacy Notice
Homepage
Header Navigation
Footer
SPORT24-TV.COM
CASE STUDY
PORTFOLIO 2015
CREATING SITEMAP
07
A site map describes the different content pieces on the site and the relationship
between them. It is an important step of the user centred process as it ensure content is
in places users would expect to find it.
29
SPORT24-TV.COM
CASE STUDY
PORTFOLIO 2015
COMPETITIVE PRODUCT RESEARCH
08
Competitive analysis is used to evaluate how a given product’s competition stacks up
against usability standards and overall user experience, it also helps understand how
the major competition in your space is handling usability
30
SPORT24-TV.COM
CASE STUDY
PORTFOLIO 2015
LOW-FIDELITY PROTOTYPES
09
A prototype that is sketchy and incomplete, that has some characteristics of the target
product but is otherwise simple, usually in order to quickly produce the prototype and
test broad concepts.
31
SPORT24-TV.COM
CASE STUDY
PORTFOLIO 2015
CREATING WIREFRAMES
11
A wireframe specifically focuses on space allocation and prioritization of content,
functionalities available, and intended behaviors, it allows you to determine the information
hierarchy of the design while making it easier to plan out the content and user experience.
32
HIGH-FIDELITY DETAILED DESIGN
10
SPORT24-TV.COM
CASE STUDY
PORTFOLIO 2015
Visual design maximizes the aesthetic, information-conveying capabilities of graphics
and text. It’s actually a subdiscipline within the UX process, contributing to UI Design,
information design, and graphic design.
33
SPORT24-TV.COM
CASE STUDY
PORTFOLIO 2015
CONDUCTING USABILITY TESTS
12
In order to make good decision about both design and implementation you need
data about how people use designs, and the only way of gathering this data is
through usability testing.
34
SPORT24-TV.COM
CASE STUDY
PORTFOLIO 2015
PROJECT OUTCOME
13
ACHIEVEMENTS
›› Healthy & steady traffic, growth since launch (over 14.000 in the first 6
months)
›› Low overall bounce rate & healthy avarage time on site indicates good
visitor retention
Metrics are the signals that show whether your UX strategy is working. Using metrics is
key to tracking changes over time, benchmarking against iterations of your own site or
application or those of competitors, and setting targets.
›› Responsive design success revealed in low mobile traffic bounce rate
›› Refferals, and social sharing validates content quality, trust and credibility.
›› 12.8% conversion rate on newsletter subscribtions
›› In page analytics and click tracking indicates successful navigation
35
Date: March 2014
Platform: Desktop, mobile and smart TVs
WHAT I DID
CHALLENGE
›› Setting goals and objectives
›› Stakeholder interviews
›› Establishing key audiences
›› Building personas
›› Creating scenarios
›› Conducting competitive research
›› Low-fidelity prototypes
›› Creating wireframes
›› High-fidelity design & guidelines
Pitch a multiplatform football app concept
to BT as a stragety for their existing content.
BT FOOTBAL APP
PROJECT OVERVIEW
PORTFOLIO 2015
36
APP NAME: 	 BT Football
APP OWNER: 	 IMG /BT
WHAT IS THE APP ABOUT?
The app is all about premium live football content, about capturing and improving
the interaction generated by the sport and the football fans.
WHAT ARE THE GOALS OF THE APP
The Goal of the app is to provide a tool for all football fans, that allows them to get
closer and interact better with their favourite content on all digital platforms
available at the time
WHO ARE THE USERS OF THE SITE
Primary audience: Football fans
Secondary audience: Sport fans
SETTING GOALS AND OBJECTIVES
01
A UX strategy includes the why, what, how, who, and when of the project, the details that will
provide its structure and demonstrate its progress and evolution. First, I identify business
goals; then I identify usability goals that allows me to develop the UX vision and strategy
BT FOOTBAL APP
CASE STUDY
PORTFOLIO 2015
37
GENERAL SPORT FAN SPORTS OBSESSIVE INTELLIGENT COMMENT MAIN EVENTERBANTER
There are many different methods we can use to think about our audience segments,
focusing on differences can help us prioritize and design the features that best meet the
needs of each.
02
ESTABLISHING KEY AUDIENCESBASED ON 	SCOTT BYRNE-FRASER SPORT FAN RESEARCH AT BBC
BT FOOTBAL APP
CASE STUDY
PORTFOLIO 2015
38
WHO ARE THEY?
›› Avarage age: 43
›› Gender: 85% male, 15% Female
›› Marital: 71% married 23% single 5% Divorced
›› Social Class: Upper Middle 42% Lower Middle 32%
Skilled working 16% Working Class 9%
›› Ethinicity: 94% White
HOW DO THEY FIND INFORMATION?
›› On desktop/laptops - smartphones
›› Sport websites: BBC Sport, Sky Sport. Eurosport, ITV
Sport, Forums for broadcasting trends
›› Social networks such as Facebook
›› Magazines & Newspapers - Guardian, Independent,
Telegraph, Times
MAIN GOALS/WHAT DO THEY WANT?
›› To be able to “catch” the moment
›› Industry renowned commentaries and feedback
›› To be the first to know about the latest results
››
PAIN POINTS
›› Finds it hard to find quality content
›› The content found is not always up to date
›› Finds it hard to get share it with friends
›› Hard to distinguish the level of quality of the content
presented
MOTIVATION
›› Find new high quality content
›› Discover new secrets & insights into the sport
FOOTBAL FAN
03
BUILDING PERSONAS
BT FOOTBAL APP
CASE STUDY
PORTFOLIO 2015
I use a persona to represents a cluster of users who exhibit similar behavioral patterns
in their purchasing decisions, use of technology or products, customer service
preferences, lifestyle choices, and the like.
39
Football fan
opens BT football
app
Football fan clicks
on “my video”
Football fan navi-
gates through the
short game
summary.
Football fan clicks
on “My feed” tab.
Football fan types
his message in the
comment text area
and clicks send
Football fan scrolls
through the com-
ments in the
comment feed
Football fan likes
one of his friends
post regarding the
Arsenal game
Football fan filters
videos by “Featured“
filter
Football fan selects
“Arsenal vs Chelsea
amazing goal”
video
Football fan clicks
on Yes on the voting
poll
Football fan
looks for the
latest football
videos
Football fan reads the
game summary and
then votes for a foot-
ball poll
Football fan
wants to see what
his friends have
said about the event
Football fan wants
to tell his friends
that he really liked
the Arsenal goal
and the match
CREATING SCENARIOS
I use scenarios as a description of a persona using a product to achieve a goal, they
describe an instance of use, in context. Scenarios are usually narratives that tell a story
describing one or more tasks in a specific environmental situation.
TASK SUBTASK
04
BT FOOTBAL APP
CASE STUDY
PORTFOLIO 2015
40
I conduct user experience competitive analysis to assess the strengths and weaknesses
of the product. Effective product design involves an understanding of context, including
the services or features, techniques and standards of others in the market space
COMPETITIVE PRODUCT RESEARCH
BT FOOTBAL APP
CASE STUDY
PORTFOLIO 2015
05
41
CREATING WIREFRAMES
Wireframing is all about corralling ideas into a cohesive flow of pages with a clear,
well-executed focus it creates clarity of purpose, a streamlined set of features, and a
focused, compelling way to communicate with users.
06
BT FOOTBAL APP
CASE STUDY
PORTFOLIO 2015
42
HIGH-FIDELITY DETAILED DESIGN
07
BT FOOTBAL APP
CASE STUDY
PORTFOLIO 2015
As a UI designer I’m typically responsible for creating a cohesive style guide and ensuring
that a consistent design language is applied across the product. Also maintaining consistency
in visual elements and producing high-quality visual designs from concept to execution
View more projects at antonmircea.com
+44 07867 409 151
contact@antonmircea.com
www.linkedin.com/in/mirceaanton
THANK YOU
VERY MUCH

Mais conteúdo relacionado

Mais procurados

UI-UX Practical Talking - Mohamed Shehata
UI-UX Practical Talking - Mohamed ShehataUI-UX Practical Talking - Mohamed Shehata
UI-UX Practical Talking - Mohamed ShehataMohamed Shehata
 
Great UX Portfolios
Great UX PortfoliosGreat UX Portfolios
Great UX PortfoliosMary Wharmby
 
Carolyn Jao UX Design Portfolio
Carolyn Jao UX Design Portfolio Carolyn Jao UX Design Portfolio
Carolyn Jao UX Design Portfolio Carolyn Jao
 
IXDA Vancouver - How to get a great UX job
IXDA Vancouver - How to get a great UX jobIXDA Vancouver - How to get a great UX job
IXDA Vancouver - How to get a great UX jobPatrick Neeman
 
"What Are the Key Differences between UI and UX Design?"
"What Are the Key Differences between UI and UX Design?""What Are the Key Differences between UI and UX Design?"
"What Are the Key Differences between UI and UX Design?"MITAcademy1
 
Hunting Unicorns - What makes an effective UX Professional
Hunting Unicorns - What makes an effective UX ProfessionalHunting Unicorns - What makes an effective UX Professional
Hunting Unicorns - What makes an effective UX ProfessionalPatrick Neeman
 
Ux & Service design intro
Ux & Service design introUx & Service design intro
Ux & Service design introClaudia Ehmke
 
User Centered Design Overview
User Centered Design OverviewUser Centered Design Overview
User Centered Design OverviewAaron Hursman
 
UI / UX Design Processes
UI / UX Design ProcessesUI / UX Design Processes
UI / UX Design ProcessesMuhammad Hijazi
 
Brian Nur Pratama UX Research Portfolio
Brian Nur Pratama UX Research PortfolioBrian Nur Pratama UX Research Portfolio
Brian Nur Pratama UX Research PortfolioBrian Nur Pratama
 
UI/UX - The Bigger Picture
UI/UX - The Bigger PictureUI/UX - The Bigger Picture
UI/UX - The Bigger PictureMayank Lambhate
 
Top 3 ways to use your UX team - producttank DFW Meetup
Top 3 ways to use your UX team - producttank DFW MeetupTop 3 ways to use your UX team - producttank DFW Meetup
Top 3 ways to use your UX team - producttank DFW MeetupJeremy Johnson
 
Web Design Trends 2015 & 2016
Web Design Trends 2015 & 2016Web Design Trends 2015 & 2016
Web Design Trends 2015 & 2016Lewis Lin 🦊
 
Product Design and UX / UI Design Process in Digital Product Development
Product Design and UX / UI Design Process in Digital Product DevelopmentProduct Design and UX / UI Design Process in Digital Product Development
Product Design and UX / UI Design Process in Digital Product DevelopmentVolodymyr Melnyk
 
Basics in User Experience Design, Information Architecture & Usability
Basics in User Experience Design, Information Architecture & UsabilityBasics in User Experience Design, Information Architecture & Usability
Basics in User Experience Design, Information Architecture & UsabilitySebastian Waters
 

Mais procurados (20)

UI-UX Practical Talking - Mohamed Shehata
UI-UX Practical Talking - Mohamed ShehataUI-UX Practical Talking - Mohamed Shehata
UI-UX Practical Talking - Mohamed Shehata
 
Great UX Portfolios
Great UX PortfoliosGreat UX Portfolios
Great UX Portfolios
 
Carolyn Jao UX Design Portfolio
Carolyn Jao UX Design Portfolio Carolyn Jao UX Design Portfolio
Carolyn Jao UX Design Portfolio
 
IXDA Vancouver - How to get a great UX job
IXDA Vancouver - How to get a great UX jobIXDA Vancouver - How to get a great UX job
IXDA Vancouver - How to get a great UX job
 
"What Are the Key Differences between UI and UX Design?"
"What Are the Key Differences between UI and UX Design?""What Are the Key Differences between UI and UX Design?"
"What Are the Key Differences between UI and UX Design?"
 
Hunting Unicorns - What makes an effective UX Professional
Hunting Unicorns - What makes an effective UX ProfessionalHunting Unicorns - What makes an effective UX Professional
Hunting Unicorns - What makes an effective UX Professional
 
Ux & Service design intro
Ux & Service design introUx & Service design intro
Ux & Service design intro
 
User Centered Design Overview
User Centered Design OverviewUser Centered Design Overview
User Centered Design Overview
 
Design process
Design processDesign process
Design process
 
UI / UX Design Processes
UI / UX Design ProcessesUI / UX Design Processes
UI / UX Design Processes
 
WTF is a Product Roadmap?
WTF is a Product Roadmap?WTF is a Product Roadmap?
WTF is a Product Roadmap?
 
Brian Nur Pratama UX Research Portfolio
Brian Nur Pratama UX Research PortfolioBrian Nur Pratama UX Research Portfolio
Brian Nur Pratama UX Research Portfolio
 
Good UX Bad UX
Good UX Bad UXGood UX Bad UX
Good UX Bad UX
 
UI/UX - The Bigger Picture
UI/UX - The Bigger PictureUI/UX - The Bigger Picture
UI/UX - The Bigger Picture
 
Top 3 ways to use your UX team - producttank DFW Meetup
Top 3 ways to use your UX team - producttank DFW MeetupTop 3 ways to use your UX team - producttank DFW Meetup
Top 3 ways to use your UX team - producttank DFW Meetup
 
User Persona
User PersonaUser Persona
User Persona
 
Web Design Trends 2015 & 2016
Web Design Trends 2015 & 2016Web Design Trends 2015 & 2016
Web Design Trends 2015 & 2016
 
Product Design and UX / UI Design Process in Digital Product Development
Product Design and UX / UI Design Process in Digital Product DevelopmentProduct Design and UX / UI Design Process in Digital Product Development
Product Design and UX / UI Design Process in Digital Product Development
 
Basics in User Experience Design, Information Architecture & Usability
Basics in User Experience Design, Information Architecture & UsabilityBasics in User Experience Design, Information Architecture & Usability
Basics in User Experience Design, Information Architecture & Usability
 
UX Best Practices
UX Best PracticesUX Best Practices
UX Best Practices
 

Semelhante a IMG Golf UX Case Study: Corporate Website Redesign

Going digital services
Going digital servicesGoing digital services
Going digital servicesSandeep Raut
 
Social is more than a channel j boye conference workshop
Social is more than a channel j boye conference workshop Social is more than a channel j boye conference workshop
Social is more than a channel j boye conference workshop John Kottcamp
 
Clicktale - NOAH19 Berlin
Clicktale - NOAH19 BerlinClicktale - NOAH19 Berlin
Clicktale - NOAH19 BerlinNOAH Advisors
 
2020 Foresight: 10 Key Trends for Economic Development Websites
2020 Foresight: 10 Key Trends for Economic Development Websites2020 Foresight: 10 Key Trends for Economic Development Websites
2020 Foresight: 10 Key Trends for Economic Development WebsitesGIS Planning
 
Uth702BPO - Service Intro 20150924
Uth702BPO - Service Intro 20150924Uth702BPO - Service Intro 20150924
Uth702BPO - Service Intro 20150924Jungho Yang
 
19th Annual European Shared Services Week Lisbon
19th Annual European Shared Services Week Lisbon19th Annual European Shared Services Week Lisbon
19th Annual European Shared Services Week LisbonKristina Navikaite
 
Inspire10 presentation
Inspire10 presentation Inspire10 presentation
Inspire10 presentation INSPIRE10
 
Linked in corporate presentation [2aug'12]
Linked in corporate presentation [2aug'12]Linked in corporate presentation [2aug'12]
Linked in corporate presentation [2aug'12]G Annabel Hahn...
 
C3R Advanced Consumer Labs Brochure
C3R Advanced Consumer Labs BrochureC3R Advanced Consumer Labs Brochure
C3R Advanced Consumer Labs Brochureerozen
 
Wikibrands, Wikicareers, Schulich November 2013
Wikibrands, Wikicareers, Schulich November 2013Wikibrands, Wikicareers, Schulich November 2013
Wikibrands, Wikicareers, Schulich November 2013Sean Moffitt
 
Hacking The Digital Experience Landscape
Hacking The Digital Experience LandscapeHacking The Digital Experience Landscape
Hacking The Digital Experience LandscapeWebrazzi
 
Daring to be Digital - London - 20.11.13
Daring to be Digital - London - 20.11.13Daring to be Digital - London - 20.11.13
Daring to be Digital - London - 20.11.13Precedent
 
Candidate Experience: Fake News or Silver Bullet?
Candidate Experience: Fake News or Silver Bullet? Candidate Experience: Fake News or Silver Bullet?
Candidate Experience: Fake News or Silver Bullet? Cielo
 
Practical Tips on Designing an effective Digital Workplace #m365vconf
Practical Tips on Designing an effective Digital Workplace #m365vconfPractical Tips on Designing an effective Digital Workplace #m365vconf
Practical Tips on Designing an effective Digital Workplace #m365vconfKanwal Khipple
 
AaronOrner_Resume
AaronOrner_ResumeAaronOrner_Resume
AaronOrner_ResumeAaron Orner
 

Semelhante a IMG Golf UX Case Study: Corporate Website Redesign (20)

UX-Project
UX-ProjectUX-Project
UX-Project
 
UX-Project
UX-ProjectUX-Project
UX-Project
 
Going digital services
Going digital servicesGoing digital services
Going digital services
 
Social is more than a channel j boye conference workshop
Social is more than a channel j boye conference workshop Social is more than a channel j boye conference workshop
Social is more than a channel j boye conference workshop
 
Clicktale - NOAH19 Berlin
Clicktale - NOAH19 BerlinClicktale - NOAH19 Berlin
Clicktale - NOAH19 Berlin
 
The Web Untangled
The Web UntangledThe Web Untangled
The Web Untangled
 
2020 Foresight: 10 Key Trends for Economic Development Websites
2020 Foresight: 10 Key Trends for Economic Development Websites2020 Foresight: 10 Key Trends for Economic Development Websites
2020 Foresight: 10 Key Trends for Economic Development Websites
 
Uth702BPO - Service Intro 20150924
Uth702BPO - Service Intro 20150924Uth702BPO - Service Intro 20150924
Uth702BPO - Service Intro 20150924
 
19th Annual European Shared Services Week Lisbon
19th Annual European Shared Services Week Lisbon19th Annual European Shared Services Week Lisbon
19th Annual European Shared Services Week Lisbon
 
Inspire10 presentation
Inspire10 presentation Inspire10 presentation
Inspire10 presentation
 
Linked in corporate presentation [2aug'12]
Linked in corporate presentation [2aug'12]Linked in corporate presentation [2aug'12]
Linked in corporate presentation [2aug'12]
 
C3R Advanced Consumer Labs Brochure
C3R Advanced Consumer Labs BrochureC3R Advanced Consumer Labs Brochure
C3R Advanced Consumer Labs Brochure
 
Wikibrands, Wikicareers, Schulich November 2013
Wikibrands, Wikicareers, Schulich November 2013Wikibrands, Wikicareers, Schulich November 2013
Wikibrands, Wikicareers, Schulich November 2013
 
Company profile
Company profileCompany profile
Company profile
 
Hacking The Digital Experience Landscape
Hacking The Digital Experience LandscapeHacking The Digital Experience Landscape
Hacking The Digital Experience Landscape
 
Daring to be Digital - London - 20.11.13
Daring to be Digital - London - 20.11.13Daring to be Digital - London - 20.11.13
Daring to be Digital - London - 20.11.13
 
Horizon and david cutler
Horizon and david cutlerHorizon and david cutler
Horizon and david cutler
 
Candidate Experience: Fake News or Silver Bullet?
Candidate Experience: Fake News or Silver Bullet? Candidate Experience: Fake News or Silver Bullet?
Candidate Experience: Fake News or Silver Bullet?
 
Practical Tips on Designing an effective Digital Workplace #m365vconf
Practical Tips on Designing an effective Digital Workplace #m365vconfPractical Tips on Designing an effective Digital Workplace #m365vconf
Practical Tips on Designing an effective Digital Workplace #m365vconf
 
AaronOrner_Resume
AaronOrner_ResumeAaronOrner_Resume
AaronOrner_Resume
 

Último

Chapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdfChapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdfParomita Roy
 
VIP Russian Call Girls in Saharanpur Deepika 8250192130 Independent Escort Se...
VIP Russian Call Girls in Saharanpur Deepika 8250192130 Independent Escort Se...VIP Russian Call Girls in Saharanpur Deepika 8250192130 Independent Escort Se...
VIP Russian Call Girls in Saharanpur Deepika 8250192130 Independent Escort Se...Suhani Kapoor
 
VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130
VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130
VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130Suhani Kapoor
 
Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...
Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...
Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...babafaisel
 
Petrosains Drama Competition (PSDC).pptx
Petrosains Drama Competition (PSDC).pptxPetrosains Drama Competition (PSDC).pptx
Petrosains Drama Competition (PSDC).pptxIgnatiusAbrahamBalin
 
Top Rated Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...
Top Rated  Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...Top Rated  Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...
Top Rated Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...Call Girls in Nagpur High Profile
 
The history of music videos a level presentation
The history of music videos a level presentationThe history of music videos a level presentation
The history of music videos a level presentationamedia6
 
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdfThe_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdfAmirYakdi
 
VIP Call Girl Amravati Aashi 8250192130 Independent Escort Service Amravati
VIP Call Girl Amravati Aashi 8250192130 Independent Escort Service AmravatiVIP Call Girl Amravati Aashi 8250192130 Independent Escort Service Amravati
VIP Call Girl Amravati Aashi 8250192130 Independent Escort Service AmravatiSuhani Kapoor
 
Dubai Call Girls Pro Domain O525547819 Call Girls Dubai Doux
Dubai Call Girls Pro Domain O525547819 Call Girls Dubai DouxDubai Call Girls Pro Domain O525547819 Call Girls Dubai Doux
Dubai Call Girls Pro Domain O525547819 Call Girls Dubai Douxkojalkojal131
 
Design Inspiration for College by Slidesgo.pptx
Design Inspiration for College by Slidesgo.pptxDesign Inspiration for College by Slidesgo.pptx
Design Inspiration for College by Slidesgo.pptxTusharBahuguna2
 
Stark Industries Marketing Plan (1).pptx
Stark Industries Marketing Plan (1).pptxStark Industries Marketing Plan (1).pptx
Stark Industries Marketing Plan (1).pptxjeswinjees
 
Peaches App development presentation deck
Peaches App development presentation deckPeaches App development presentation deck
Peaches App development presentation decktbatkhuu1
 
VIP Call Girls Service Kukatpally Hyderabad Call +91-8250192130
VIP Call Girls Service Kukatpally Hyderabad Call +91-8250192130VIP Call Girls Service Kukatpally Hyderabad Call +91-8250192130
VIP Call Girls Service Kukatpally Hyderabad Call +91-8250192130Suhani Kapoor
 
Best VIP Call Girls Noida Sector 44 Call Me: 8448380779
Best VIP Call Girls Noida Sector 44 Call Me: 8448380779Best VIP Call Girls Noida Sector 44 Call Me: 8448380779
Best VIP Call Girls Noida Sector 44 Call Me: 8448380779Delhi Call girls
 
Call Girls in Kalkaji Delhi 8264348440 call girls ❤️
Call Girls in Kalkaji Delhi 8264348440 call girls ❤️Call Girls in Kalkaji Delhi 8264348440 call girls ❤️
Call Girls in Kalkaji Delhi 8264348440 call girls ❤️soniya singh
 
VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130
VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130
VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130Suhani Kapoor
 
Editorial design Magazine design project.pdf
Editorial design Magazine design project.pdfEditorial design Magazine design project.pdf
Editorial design Magazine design project.pdftbatkhuu1
 

Último (20)

Chapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdfChapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdf
 
VIP Russian Call Girls in Saharanpur Deepika 8250192130 Independent Escort Se...
VIP Russian Call Girls in Saharanpur Deepika 8250192130 Independent Escort Se...VIP Russian Call Girls in Saharanpur Deepika 8250192130 Independent Escort Se...
VIP Russian Call Girls in Saharanpur Deepika 8250192130 Independent Escort Se...
 
VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130
VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130
VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130
 
Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...
Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...
Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...
 
Petrosains Drama Competition (PSDC).pptx
Petrosains Drama Competition (PSDC).pptxPetrosains Drama Competition (PSDC).pptx
Petrosains Drama Competition (PSDC).pptx
 
Top Rated Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...
Top Rated  Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...Top Rated  Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...
Top Rated Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...
 
Call Girls Service Mukherjee Nagar @9999965857 Delhi 🫦 No Advance VVIP 🍎 SER...
Call Girls Service Mukherjee Nagar @9999965857 Delhi 🫦 No Advance  VVIP 🍎 SER...Call Girls Service Mukherjee Nagar @9999965857 Delhi 🫦 No Advance  VVIP 🍎 SER...
Call Girls Service Mukherjee Nagar @9999965857 Delhi 🫦 No Advance VVIP 🍎 SER...
 
The history of music videos a level presentation
The history of music videos a level presentationThe history of music videos a level presentation
The history of music videos a level presentation
 
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdfThe_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
 
VIP Call Girl Amravati Aashi 8250192130 Independent Escort Service Amravati
VIP Call Girl Amravati Aashi 8250192130 Independent Escort Service AmravatiVIP Call Girl Amravati Aashi 8250192130 Independent Escort Service Amravati
VIP Call Girl Amravati Aashi 8250192130 Independent Escort Service Amravati
 
Dubai Call Girls Pro Domain O525547819 Call Girls Dubai Doux
Dubai Call Girls Pro Domain O525547819 Call Girls Dubai DouxDubai Call Girls Pro Domain O525547819 Call Girls Dubai Doux
Dubai Call Girls Pro Domain O525547819 Call Girls Dubai Doux
 
Design Inspiration for College by Slidesgo.pptx
Design Inspiration for College by Slidesgo.pptxDesign Inspiration for College by Slidesgo.pptx
Design Inspiration for College by Slidesgo.pptx
 
Stark Industries Marketing Plan (1).pptx
Stark Industries Marketing Plan (1).pptxStark Industries Marketing Plan (1).pptx
Stark Industries Marketing Plan (1).pptx
 
B. Smith. (Architectural Portfolio.).pdf
B. Smith. (Architectural Portfolio.).pdfB. Smith. (Architectural Portfolio.).pdf
B. Smith. (Architectural Portfolio.).pdf
 
Peaches App development presentation deck
Peaches App development presentation deckPeaches App development presentation deck
Peaches App development presentation deck
 
VIP Call Girls Service Kukatpally Hyderabad Call +91-8250192130
VIP Call Girls Service Kukatpally Hyderabad Call +91-8250192130VIP Call Girls Service Kukatpally Hyderabad Call +91-8250192130
VIP Call Girls Service Kukatpally Hyderabad Call +91-8250192130
 
Best VIP Call Girls Noida Sector 44 Call Me: 8448380779
Best VIP Call Girls Noida Sector 44 Call Me: 8448380779Best VIP Call Girls Noida Sector 44 Call Me: 8448380779
Best VIP Call Girls Noida Sector 44 Call Me: 8448380779
 
Call Girls in Kalkaji Delhi 8264348440 call girls ❤️
Call Girls in Kalkaji Delhi 8264348440 call girls ❤️Call Girls in Kalkaji Delhi 8264348440 call girls ❤️
Call Girls in Kalkaji Delhi 8264348440 call girls ❤️
 
VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130
VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130
VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130
 
Editorial design Magazine design project.pdf
Editorial design Magazine design project.pdfEditorial design Magazine design project.pdf
Editorial design Magazine design project.pdf
 

IMG Golf UX Case Study: Corporate Website Redesign

  • 2. 02 GATHERING USER DATA, INTERVIEWS SCREEN FLOWS, NAVIGATION MODELS TASK FLOWS, USER JOURNEYS, SCENARIOS SITE MAPS, CONTENT INVENTORIES FUNCTIONAL SPECIFICATIONS USABILITY TESTING HIGH-FIDELITY VISUAL DESIGN HAND CODING HTML5, CSS3, JAVASCRIPT RAPID PROTOTYPING, INTERACTIVE PROTOTYPES WIREFRAMES SKETCHES ABOUT ME SKILLS PORTFOLIO 2015 SKILLS I have a multidisciplinary skill set that integrates creative knowledge with technical and business expertise. I master the best and most current design tools in the industry alongside having a strong understanding of and ability to perceive human nature and human behavior. I’m a critical thinker with an open mind, a communicator and a facilitator.
  • 3. 03 EXPERIENCE I’ve successfully delivered and managed more than 50+ digital projects ranging from web & mobile apps, crm platforms, cms based corporate websites, and large ecommerce. All are at the highest standard of execution and represent some of the leading companies in the industry. ABOUT ME CAREER PORTFOLIO 2015 TRILOGY 2003-2005 DESIGNER BRIGHTNESS 2007-2005 DESIGNER DIGITAL DESIGN DESIGN UX DESIGN NEURONSTUDIO 2007-2009 DIGITAL DESIGNER VERYNICE2.COM 2009-2010 DIGITAL DESIGNER IMG WORLD 2010-2014 UX DESIGNER MOI GLOBAL 2014 UX DESIGNER
  • 4. 04 PROCESS LEARN 01 SELECT 03 DEVELOP 04 REFINE 05 DELIVER 06 EXPLORE 02 ABOUT ME PROCESS PORTFOLIO 2015 01 Learn. Gain knowledge of users, context, technologies, gather user data, research competitive products, conduct interviews and filed studies. 02 Explore. Build user profiles on gathered data, produce materials that will aid the outlining of the project, site maps, content inventories, screen flows, navigation models, task flows, user journeys, scenarios. 03 Select. Evaluate, test, and select wireframe concepts for prototype development. 04 Develop. Create design specifications and evolve concept/ wireframes into full design solution. 05 Refine. Evaluate design with stakeholders to obtain feedback and conduct usability testing. 06 Deliver. Complete design and produce deliverables.
  • 5. CASE STUDIES 01 02 03 There is quite a vast list of projcets that I have worked on since i started my career. This is a selection of my best and most recent UX work that I have done. The projects are relevant for their industry and devices. Corporate content website showcasing the business history as a market leader in the sport with 50 years of experience. A corporate website for the world’s first ever LIVE global sports channel for the Airline and Ship at Sea industry IMG pitch for BT. Football interactive app for smartphones tablets and smart TVs See more case studies in my online portfolio: antonmircea.com
  • 6. 06 Date: March 2014 Platform: Desktop and mobile WHAT I DID CHALLENGE ›› Setting goals and objectives ›› Stakeholder interviews ›› Establishing key audiences ›› Building personas ›› Creating scenarios ›› Creating site maps ›› Conducting competitive research ›› Low-fidelity prototypes ›› Creating wireframes ›› High-fidelity design & guidelines ›› Usability testing Build a website that curates current, credible, trustworthy, reliable content, provide resources for users and generate business leads. IMGGOLF.COM PROJECT OVERVIEW PORTFOLIO 2015
  • 7. 07 SITE URL: imggolf.com SITE OWNER: IMG World WHAT IS THE WEBSITE ABOUT? imggolf.com is a corporate content website showcasing the business history as a market leader in the sport with 50 years of experience managing the top golf professionals, golf courses, premier golf events and personalities WHAT ARE THE GOALS OF THE WEBSITE? The Goal of the website is to provide current, credible, trustworthy, reliable content, provide resources for users and generate business leads. WHO ARE THE USERS OF THE SITE Primary audience: Broadcasters and Sponsors Secondary audience: Event Managers and Sales Managers SETTING GOALS AND OBJECTIVES 01 IMGGOLF.COM CASE STUDY PORTFOLIO 2015 Objectives are an important focusing lens for use throughout the project. They spring from the client company’s overall business strategy, so the project objectives are in line with the strategic initiatives within the company
  • 8. 08 02 CONDUCTING INTERVIEWS IMGGOLF.COM CASE STUDY PORTFOLIO 2015 Interviews provide me with a qualitative method of gathering evidence, data and information about the project that I’m working on. At the heart of the qualitative research is the desire to expose the human part of a story.
  • 9. 09 45% BROADCASTERS SPONSORS EVENT MANAGERS SALES MANAGERS 03 ESTABLISHING KEY AUDIENCES IMGGOLF.COM CASE STUDY PORTFOLIO 2015 3% 5% 47% Interviewing the stakeholders has helped me identify the right audience for the product and characteristics of study participants. As with every product or service, the best offering comes from carefully identifying the target audience, their needs and their wants.
  • 10. 10 WHO ARE THEY? ›› Decision makers ›› Age: 35+ ›› Gender: Mixed ›› Family: Married, children ›› Education: Strong media background, business orientated HOW DO THEY FIND INFORMATION? ›› On desktop/laptops - smartphones, information and data focused - email primary communication ›› Forums for broadcasting trends -media magazines, media groups on social networks such as Linkedin MAIN GOALS/WHAT DO THEY WANT? ›› To find the right level of information quickly ›› Trending, impactful & cost efficient content ›› To be the first to know about media trends, news / latest in broadcasting world PAIN POINTS ›› Finds it hard to find relevant content for his industry ›› The content found is not always up to date ›› Finds it hard to get the contacts for the right people ›› Hard to distinguish the level of quality of the content presented MOTIVATION ›› Find new suitable content ›› Discover new trends in the industry ›› Access fresh & new content markets BROADCASER | INCLUDES CHANNEL MANAGER, EXECUTIVE BROADCASTING DIRECTOR 04 01BUILDING PERSONAS IMGGOLF.COM CASE STUDY PORTFOLIO 2015 I synthesized my personas from observations, research and stakeholder interviews. To create a thorough persona I normally include social and demographic characteristics, needs, desires, goals, habits, expertise, cultural background and motivations.
  • 11. 11 AUDIENCE NEEDS: ›› What is your best content about? ›› What is the audience for that content? ›› What is your latest tv content? - upcoming updates, trends? ›› What are the trends in your industry? ›› What can I buy – how much? ›› Exhibitions – when, where, who? ›› New content / ›› Who stars/presents your content? ›› What is your distribution platform? ›› Is this data up to date? ›› How do you produce your content? ›› How engaging is your content? ›› Where can I find details about your shows? Do you offer any additional services? – local office / contact details SOLUTION (CONTENT & FUNCTIONALITY) ›› Interactive website design ›› Accessibility, UX, IA – improvements ›› Product search/filter ›› News / media section – trends, exhibitions, new (blog?) Video – event show ›› Contact details – global network ›› Email newsletter ›› Video – inside the business ›› (content analysis) ›› Golf feature with most popular players ›› (success) Facts/Stats IMGGOLF.COM CASE STUDY PORTFOLIO 2015 I synthesized my personas from observations, research and stakeholder interviews. To create a thorough persona I normally include social and demographic characteristics, needs, desires, goals, habits, expertise, cultural background and motivations. BROADCASTER | INCLUDES CHANNEL MANAGER, EXECUTIVE BROADCASTING DIRECTOR 02BUILDING PERSONAS 05
  • 12. 12 Broadcaster navigates to imggolf.com Broadcaster clicks on “Our clients and properties Broadcaster filters the events by region Broadcaster clicks on the read more button Broadcaster clicks on the ‘enquire’ button Broadcaster clicks on drop down menu button called “Events” Brodacaster filters the events by highest purse Broadcaster looks for events on the website Broadcaster business activity is in Europe, he is looking for premium events. Broadcaster selects Alfred Dun- hill Links Champi- onship and looks for the time of year it happens Broadcaster is interested in the event and wants to ask someone about it BROADCASTER IS DOING RESEARCH AND WANTS TO FIND AN EVENT THAT MIGHT SUIT HIS CHANNELS PROFILE 06 CREATING SCENARIOS IMGGOLF.COM CASE STUDY PORTFOLIO 2015 I use scenarios to describe the stories and context behind why a specific user or user group comes to the site. They note the goals and questions to be achieved and sometimes define the possibilities of how the user(s) can achieve them on the site. TASK SUBTASK
  • 13. 13 07 USER JOURNEYS FOR DATA COLLECTION IMGGOLF.COM CASE STUDY PORTFOLIO 2015 User journeys are useful in demonstrating the way users could interact with the website, in this particular case I illustrated, hierarchically, the series of steps necessary for the user to take in order to collect different types of data.
  • 14. 14 OUR CLIENTS & PROPERTIES GOLFERS EVENTS COURSES ADVISORY ABOUT US HISTORY WHAT WE DO WHY GOLF THE IMG DIFFERENCE OUR JOINT VENTURES LEADERSHIP TEAM OUR SERVICES PLAYER MANAGEMENT EVENT MANAGEMENT MEDIA ADVISORY GOLF DAYS AND APPEARANCES CORPORATE HOSPITALITY GOLF COURSE SERVICES LICENSING ADDITIONAL SERVIES Homepage Header Navigation Footer THE GOLF CLUB JOIN CLUB BLOG SWING ANALYSIS MULTIMEDIA NEWS CAREERS CONTACT US WHY GOLF? JOIN CLUB OFFICE LOCATIONS NEWS RSS PRIVACY POLICY SITEMAP TERMS OF USE 08 CREATING SITEMAP IMGGOLF.COM CASE STUDY PORTFOLIO 2015 Once I’ve completed the personas and user journeys, I’ll create the sitemap. It visualises what I’ve have learnt about how users navigate the site, what sort of content they will need to support them in their goals and what sort of language they use to identify things
  • 15. 15 09 COMPETITIVE PRODUCT RESEARCH IMGGOLF.COM CASE STUDY PORTFOLIO 2015 In order to be competitive, you need to know what’s out there and what has worked and has not worked. To connect the dots, you first need to collect the dots. Doing solid investigative market research is essential for building a succesful product.
  • 16. 16 10 LOW-FIDELITY PROTOTYPES IMGGOLF.COM CASE STUDY PORTFOLIO 2015 I use low-fidelity prototypes in order to have an early validation of the product saving time and making sure I’m not producing wasteful design work. I can easily and efficiently make changes while including users feedback based on their reactions.
  • 17. 17 11 CREATING WIREFRAMES IMGGOLF.COM CASE STUDY PORTFOLIO 2015 I build high fidelity wireframes and fully annotated diagrams, having a basis to begin creating screens; I also use them for user testing and as a reference point for functional specifications and communicating the functionality I am going to build with stakeholders.
  • 18. 18 12 HIGH-FIDELITY DETAILED DESIGN & GUIDELINES IMGGOLF.COM CASE STUDY PORTFOLIO 2015 Having a background in design I love getting my hands dirty and producing the final high- quality visual designs as well as the guidelines and specification. I’m allways up-to-date with the latest industry trends and I also have a passion for design innovation.
  • 19. 19 13 CONDUCTING USABILITY TESTS IMGGOLF.COM CASE STUDY PORTFOLIO 2015 I make use of user testing to explore potential solutions during the design process or test the waters during the product design cycle. Watching users try to accomplish tasks on early prototypes is the most effective and efficient way to uncover usability problems.
  • 20. 20 14 PROJECT OUTCOME IMGGOLF.COM CASE STUDY PORTFOLIO 2015 ACHIEVEMENTS ›› Healthy & steady traffic growth since launch (over 1700 in the first 2 months) ›› Low overall bounce rate & healthy avarage time on site indicates good visitor retention ›› Responsive design success revealed in low mobile traffic bounce rate ›› Refferals, and social sharing validates content quality, trust and credibility. ›› 17.6% conversion rate on business leads based on newsletter subscriptions. ›› In page analytics and click tracking indicates successful navigation Without credible UX success measurements, we all risk not being able to quantify our success. Without credible UX success measurements, we are unable to align our efforts to an organization’s business objectives and desired outcomes.
  • 21. 21 SPORT24-TV.COM PROJECT OVERVIEW PORTFOLIO 2015 WHAT I DID CHALLENGE ›› Setting goals and objectives ›› Stakeholder interviews ›› Establishing key audiences ›› Building personas ›› Creating scenarios ›› Creating site maps ›› Conducting competitive research ›› Low-fidelity prototypes ›› Creating wireframes ›› High-fidelity design ›› Usability testing Create a credible, trustworthy, reliable web platform that is timely, current and has well-timed content, resources and knowledge.
  • 22. 22 SITE URL: sport24-tv.com SITE OWNER: sport24 WHAT’S IS THE WEBSITE ABOUT? sport24.com is a corporate website for the world’s first ever LIVE global sports channel for the Airline and Ship at Sea industry. this groundbreaking service revolutionises passengers’ experience and enables them to enjoy world class sport across continents and time zones WHAT ARE THE GOALS OF THE WEBSITE? The Goal of the website is to provide up-to-date, specific, well structured reliable content. Current and relevant content, resources, and media supporting the sport24 live schedule. WHO ARE THE USERS OF THE SITE: Primary audience: Flight and Cruise Passangers. Secondary audience: Football, Tennis, Rugby, Motorports, Cricket and Golf fans. SPORT24-TV.COM CASE STUDY PORTFOLIO 2015 SETTING GOALS AND OBJECTIVES 02 The stakeholder has the best idea of what the project is all about, that’s who I normally start asking the questions, It’s better to put everything down on paper based on objective and goals, that will be the guiding line for the project’s development
  • 23. 23 CONDUCTING INTERVIEWS SPORT24-TV.COM CASE STUDY PORTFOLIO 2015 01 Conducting interviews is essential in gathering information, throughout the years I’ve learned that the better you get at this the more useful the information will be. Knowing how to structure your questions, how to listen and how to be grateful is the key
  • 24. 24 SPORT24-TV.COM CASE STUDY PORTFOLIO 2015 ESTABLISHING KEY AUDIENCES 03 24% 22% 19%16% 16% 12% 7%26% 21% 19% 13% 5% BY SEA OR BY PLANE | GOLF, CRICKET, RUGBY, TENNIS, MOTORSPORT & FOOTBALL It’s vital in project’s development to have a well-defined audience, that will ensure that all of the design, functionality and content decisions are targeting the right people, there are many business examples that have failed because of not understanding their audience
  • 25. 25 WHO ARE THEY? ›› Football fans ›› Age: 19 - 35 ›› Gender: Male ›› Family: Single, married, children ›› Education: Degree HOW DO THEY FIND INFORMATION? ›› On desktop/laptops - smartphones, mobile phone and email communication ›› Football apps, sport magazines, football management games. MAIN GOALS/WHAT DO THEY WANT? ›› To watch the football content they want, football teams they support ›› New, football related content ›› To be the first to know about football results, news / latest in football world. PAIN POINTS ›› Top leagues games are exclusive to some networks ›› The content found online is not always the newest ›› Hard to find live content other than TV MOTIVATION ›› Be engaged with the sport ›› Discover new ways of engagement with the sport ›› Access fresh & new football content SPORT24-TV.COM CASE STUDY PORTFOLIO 2015 FOOTBALL FAN ON PLANE | INCLUDES MOTORSPORT AND TENNIS FANS 01BUILDING PERSONAS 04 After figuring out who the projects audience is I normally build the personas, This is similar to shaping a piece of clay. By doing this I’m creating a clear image of who the user in our audience is.
  • 26. 26 AUDIENCE NEEDS: ›› How can i find if there’s sport on my flight? ›› How can i find if football will be on. ›› Can i select my favourite game. ›› How long will be the program. ›› Can i get updates on the program? ›› Are there any news regarding football? ›› How can i find the newest content ? ›› Do you offer any additional services? local office / contact details SOLUTION (CONTENT & FUNCTIONALITY) ›› Interactive website design ›› Accessibility, UX, IA ›› Sports/Football on airplane story ›› Subscribe option ›› News / media section – trends, shows, new (blog?) Video content? ›› Contact details – network ›› Email newsletter ›› Video – inside the business (content analysis) ›› News feature with most popular players SPORT24-TV.COM CASE STUDY PORTFOLIO 2015 FOOTBALL FAN ON PLANE | INCLUDES MOTORSPORT AND TENNIS FANS 02BUILDING PERSONAS 05 After figuring out who the projects audience is I normally build the personas, This is similar to shaping a piece of clay. By doing this I’m creating a clear image of who the user in our audience is.
  • 27. 27 Sports fan navigates to sport24-tv.com Sports fan clicks on “schedule” Sports fan navigates through the schedule, by pressing the navigation arrow. Sports fan clicks on the title of the show to read more about it. Sports fan clicks on download pdf buttons and keeps a copy of the program to himself. Sports fan clicks on drop down menu button called “Inflight” Sports fan reaches the weekend he’s interested in. Sports fan looks for the schedule on the website Sports fan’s flight is two weeks from now, he will be looking for the appropriate date. Sports fan wants to find out more details about the match Sports fan is interested in having a copy of the schedule SPORT24-TV.COM CASE STUDY PORTFOLIO 2015 CREATING SCENARIOS 06 The easiest way to understand behavior is through scenarios, identifying a users goals and needs and his following action steps will lead you to truly understanding why and how a user is using your product. That represent the building-block for the project development TASK SUBTASK
  • 28. 28 HOME SCHEDULE INFLIGHT AT SEA NEWS PARTNERS CONTACT ABOUT Subscribe © 2013 Sport 24 Cookies Terms and Conditions Privacy Notice Homepage Header Navigation Footer SPORT24-TV.COM CASE STUDY PORTFOLIO 2015 CREATING SITEMAP 07 A site map describes the different content pieces on the site and the relationship between them. It is an important step of the user centred process as it ensure content is in places users would expect to find it.
  • 29. 29 SPORT24-TV.COM CASE STUDY PORTFOLIO 2015 COMPETITIVE PRODUCT RESEARCH 08 Competitive analysis is used to evaluate how a given product’s competition stacks up against usability standards and overall user experience, it also helps understand how the major competition in your space is handling usability
  • 30. 30 SPORT24-TV.COM CASE STUDY PORTFOLIO 2015 LOW-FIDELITY PROTOTYPES 09 A prototype that is sketchy and incomplete, that has some characteristics of the target product but is otherwise simple, usually in order to quickly produce the prototype and test broad concepts.
  • 31. 31 SPORT24-TV.COM CASE STUDY PORTFOLIO 2015 CREATING WIREFRAMES 11 A wireframe specifically focuses on space allocation and prioritization of content, functionalities available, and intended behaviors, it allows you to determine the information hierarchy of the design while making it easier to plan out the content and user experience.
  • 32. 32 HIGH-FIDELITY DETAILED DESIGN 10 SPORT24-TV.COM CASE STUDY PORTFOLIO 2015 Visual design maximizes the aesthetic, information-conveying capabilities of graphics and text. It’s actually a subdiscipline within the UX process, contributing to UI Design, information design, and graphic design.
  • 33. 33 SPORT24-TV.COM CASE STUDY PORTFOLIO 2015 CONDUCTING USABILITY TESTS 12 In order to make good decision about both design and implementation you need data about how people use designs, and the only way of gathering this data is through usability testing.
  • 34. 34 SPORT24-TV.COM CASE STUDY PORTFOLIO 2015 PROJECT OUTCOME 13 ACHIEVEMENTS ›› Healthy & steady traffic, growth since launch (over 14.000 in the first 6 months) ›› Low overall bounce rate & healthy avarage time on site indicates good visitor retention Metrics are the signals that show whether your UX strategy is working. Using metrics is key to tracking changes over time, benchmarking against iterations of your own site or application or those of competitors, and setting targets. ›› Responsive design success revealed in low mobile traffic bounce rate ›› Refferals, and social sharing validates content quality, trust and credibility. ›› 12.8% conversion rate on newsletter subscribtions ›› In page analytics and click tracking indicates successful navigation
  • 35. 35 Date: March 2014 Platform: Desktop, mobile and smart TVs WHAT I DID CHALLENGE ›› Setting goals and objectives ›› Stakeholder interviews ›› Establishing key audiences ›› Building personas ›› Creating scenarios ›› Conducting competitive research ›› Low-fidelity prototypes ›› Creating wireframes ›› High-fidelity design & guidelines Pitch a multiplatform football app concept to BT as a stragety for their existing content. BT FOOTBAL APP PROJECT OVERVIEW PORTFOLIO 2015
  • 36. 36 APP NAME: BT Football APP OWNER: IMG /BT WHAT IS THE APP ABOUT? The app is all about premium live football content, about capturing and improving the interaction generated by the sport and the football fans. WHAT ARE THE GOALS OF THE APP The Goal of the app is to provide a tool for all football fans, that allows them to get closer and interact better with their favourite content on all digital platforms available at the time WHO ARE THE USERS OF THE SITE Primary audience: Football fans Secondary audience: Sport fans SETTING GOALS AND OBJECTIVES 01 A UX strategy includes the why, what, how, who, and when of the project, the details that will provide its structure and demonstrate its progress and evolution. First, I identify business goals; then I identify usability goals that allows me to develop the UX vision and strategy BT FOOTBAL APP CASE STUDY PORTFOLIO 2015
  • 37. 37 GENERAL SPORT FAN SPORTS OBSESSIVE INTELLIGENT COMMENT MAIN EVENTERBANTER There are many different methods we can use to think about our audience segments, focusing on differences can help us prioritize and design the features that best meet the needs of each. 02 ESTABLISHING KEY AUDIENCESBASED ON SCOTT BYRNE-FRASER SPORT FAN RESEARCH AT BBC BT FOOTBAL APP CASE STUDY PORTFOLIO 2015
  • 38. 38 WHO ARE THEY? ›› Avarage age: 43 ›› Gender: 85% male, 15% Female ›› Marital: 71% married 23% single 5% Divorced ›› Social Class: Upper Middle 42% Lower Middle 32% Skilled working 16% Working Class 9% ›› Ethinicity: 94% White HOW DO THEY FIND INFORMATION? ›› On desktop/laptops - smartphones ›› Sport websites: BBC Sport, Sky Sport. Eurosport, ITV Sport, Forums for broadcasting trends ›› Social networks such as Facebook ›› Magazines & Newspapers - Guardian, Independent, Telegraph, Times MAIN GOALS/WHAT DO THEY WANT? ›› To be able to “catch” the moment ›› Industry renowned commentaries and feedback ›› To be the first to know about the latest results ›› PAIN POINTS ›› Finds it hard to find quality content ›› The content found is not always up to date ›› Finds it hard to get share it with friends ›› Hard to distinguish the level of quality of the content presented MOTIVATION ›› Find new high quality content ›› Discover new secrets & insights into the sport FOOTBAL FAN 03 BUILDING PERSONAS BT FOOTBAL APP CASE STUDY PORTFOLIO 2015 I use a persona to represents a cluster of users who exhibit similar behavioral patterns in their purchasing decisions, use of technology or products, customer service preferences, lifestyle choices, and the like.
  • 39. 39 Football fan opens BT football app Football fan clicks on “my video” Football fan navi- gates through the short game summary. Football fan clicks on “My feed” tab. Football fan types his message in the comment text area and clicks send Football fan scrolls through the com- ments in the comment feed Football fan likes one of his friends post regarding the Arsenal game Football fan filters videos by “Featured“ filter Football fan selects “Arsenal vs Chelsea amazing goal” video Football fan clicks on Yes on the voting poll Football fan looks for the latest football videos Football fan reads the game summary and then votes for a foot- ball poll Football fan wants to see what his friends have said about the event Football fan wants to tell his friends that he really liked the Arsenal goal and the match CREATING SCENARIOS I use scenarios as a description of a persona using a product to achieve a goal, they describe an instance of use, in context. Scenarios are usually narratives that tell a story describing one or more tasks in a specific environmental situation. TASK SUBTASK 04 BT FOOTBAL APP CASE STUDY PORTFOLIO 2015
  • 40. 40 I conduct user experience competitive analysis to assess the strengths and weaknesses of the product. Effective product design involves an understanding of context, including the services or features, techniques and standards of others in the market space COMPETITIVE PRODUCT RESEARCH BT FOOTBAL APP CASE STUDY PORTFOLIO 2015 05
  • 41. 41 CREATING WIREFRAMES Wireframing is all about corralling ideas into a cohesive flow of pages with a clear, well-executed focus it creates clarity of purpose, a streamlined set of features, and a focused, compelling way to communicate with users. 06 BT FOOTBAL APP CASE STUDY PORTFOLIO 2015
  • 42. 42 HIGH-FIDELITY DETAILED DESIGN 07 BT FOOTBAL APP CASE STUDY PORTFOLIO 2015 As a UI designer I’m typically responsible for creating a cohesive style guide and ensuring that a consistent design language is applied across the product. Also maintaining consistency in visual elements and producing high-quality visual designs from concept to execution
  • 43. View more projects at antonmircea.com +44 07867 409 151 contact@antonmircea.com www.linkedin.com/in/mirceaanton THANK YOU VERY MUCH