The document describes wireframes and designs for several mobile applications, including:
1) A TV application called TV.Net that allows users to watch shows together via live chat and track favorite shows.
2) A music application with home, artist, playlist, and radio pages.
3) A weather application that displays temperatures in Fahrenheit and Celsius and allows selecting a city.
4) A healthcare application with home, profile, medical records, billing, medication, and discharge instruction pages.
Hi I'm Gradinar Razvan and these are some sample projects that I've done in the past. It includes some samples from my experience as a UX UI designer, Visual Designer, Web Designer, Graphic Designer and 3D Visualization Artist
My portfolio can be seen here:
http://builtbyg.com
High-ress:
http://builtbyg.com/portfolio.pdf
Facebook:
http://facebook.com/builtbyg
Youtube
http://youtube.com/GradinarRazvan
A user experience designer Tina Lee's portfolio Tina Lee
Hi, I'm Tina, a user experience designer with a solid background in User-centered design process across web and mobile platforms in financial service applications, human resources applications, and enterprise social network.
The purpose of this portfolio is to show my design and problem solving process through 5 UX projects case studies.
Feel free to reach out to discuss the process or provide comments.
UX, UI design portfolio for mobile and tablet applicationsPrasad Coorg
As a Graphic Designer (8+ Years of experience) I am seeking to align myself with a company positioned for strong
growth. The scope of my experience includes produces visual solutions to the communication needs of clients, using a
mix of creative skills and commercial awareness, and awareness of current fashions in the visual arts, working knowledge
of the latest computer packages and an understanding of material costs and time limits.
“Out standing design skills with the ability to handle rapidly changing schedules and shifting work priorities”
Hi I'm Gradinar Razvan and these are some sample projects that I've done in the past. It includes some samples from my experience as a UX UI designer, Visual Designer, Web Designer, Graphic Designer and 3D Visualization Artist
My portfolio can be seen here:
http://builtbyg.com
High-ress:
http://builtbyg.com/portfolio.pdf
Facebook:
http://facebook.com/builtbyg
Youtube
http://youtube.com/GradinarRazvan
A user experience designer Tina Lee's portfolio Tina Lee
Hi, I'm Tina, a user experience designer with a solid background in User-centered design process across web and mobile platforms in financial service applications, human resources applications, and enterprise social network.
The purpose of this portfolio is to show my design and problem solving process through 5 UX projects case studies.
Feel free to reach out to discuss the process or provide comments.
UX, UI design portfolio for mobile and tablet applicationsPrasad Coorg
As a Graphic Designer (8+ Years of experience) I am seeking to align myself with a company positioned for strong
growth. The scope of my experience includes produces visual solutions to the communication needs of clients, using a
mix of creative skills and commercial awareness, and awareness of current fashions in the visual arts, working knowledge
of the latest computer packages and an understanding of material costs and time limits.
“Out standing design skills with the ability to handle rapidly changing schedules and shifting work priorities”
I am a UI/UX Designer with 4 Years experience in Designing Digital Products. Basically, I am an Engineer by education and Designer by Passion. My Designs are always solution driven and User-centered. I am a critical thinker who works on Lean Methodologies. Please Take a look at my portfolio.
Oscar alert for wearables - Moto 360 & Apple WatchCarolyn Jao
Project Manager / Research Lead / Prototype (Apple Watch): Carolyn Jao
Researcher / Prototype Lead (Moto 360): Samira Rahimi
We developed a concept for an extension of the Oscar Health App to provide location based reminders as well as collision detection. We conducted in dept studies of the hardware capabilities and API, interviewed subjects with and without wearable experience, developed personas and created 2 prototypes.
Here's a deck I put together for our weekly learning seminar at Verbal+Visual.
Special thanks for General Assembly, my instructors Luke Miller, Rashida White, and Nevan Scott.
http://www.verbalplusvisual.com/interaction-design-rapid-prototyping/
This is the portfolio I submitted to Toptal for my design review. It includes wireframes, web page designs, UX & UI experiments, visual designs and quirky little stories about how each project was executed. What do you think of it?
What UX is, how it works and why it matters. Train your teams to recognize and strengthen the links between customer experience indicators and your overall business performance. Learn how to work with your customers to design successful products, services and experiences.
UX/UI design methodology using modeling artifacts of UseCase Diagrams for raw business logic transcription, UI Hierarchy Modules & Wireframes for UI navigation design, UI Visual Flats for site persona & online branding design. 2 sample projects included showcasing use of modeling methodology.
UX design is not a step in the process, it's in everything we do. More than anything it is a project philosophy, not just a set of tools, methods and deliverables.
In this presentation we explain how you can differentiate through design, why user experience design matters as well as share our knowledge around all the activities that helps ensure a great UX/UI design.
About Kazumi Terada
- Available for hire
- Born in Tokyo, Lived in Dallas, Lives in New York. US Citizen. Bilingual.
- Parsons School of Design, BFA in Architecture
- Work Experience: Panasonic, Shutterstock, Vibrant Media, Bertelsmann
- Building websites since the 90’s
- UX Design Immersive Certificate from General Assembly, May 2016
- Co-founder of a design firm and a non-profit
I am a UI/UX Designer with 4 Years experience in Designing Digital Products. Basically, I am an Engineer by education and Designer by Passion. My Designs are always solution driven and User-centered. I am a critical thinker who works on Lean Methodologies. Please Take a look at my portfolio.
Oscar alert for wearables - Moto 360 & Apple WatchCarolyn Jao
Project Manager / Research Lead / Prototype (Apple Watch): Carolyn Jao
Researcher / Prototype Lead (Moto 360): Samira Rahimi
We developed a concept for an extension of the Oscar Health App to provide location based reminders as well as collision detection. We conducted in dept studies of the hardware capabilities and API, interviewed subjects with and without wearable experience, developed personas and created 2 prototypes.
Here's a deck I put together for our weekly learning seminar at Verbal+Visual.
Special thanks for General Assembly, my instructors Luke Miller, Rashida White, and Nevan Scott.
http://www.verbalplusvisual.com/interaction-design-rapid-prototyping/
This is the portfolio I submitted to Toptal for my design review. It includes wireframes, web page designs, UX & UI experiments, visual designs and quirky little stories about how each project was executed. What do you think of it?
What UX is, how it works and why it matters. Train your teams to recognize and strengthen the links between customer experience indicators and your overall business performance. Learn how to work with your customers to design successful products, services and experiences.
UX/UI design methodology using modeling artifacts of UseCase Diagrams for raw business logic transcription, UI Hierarchy Modules & Wireframes for UI navigation design, UI Visual Flats for site persona & online branding design. 2 sample projects included showcasing use of modeling methodology.
UX design is not a step in the process, it's in everything we do. More than anything it is a project philosophy, not just a set of tools, methods and deliverables.
In this presentation we explain how you can differentiate through design, why user experience design matters as well as share our knowledge around all the activities that helps ensure a great UX/UI design.
About Kazumi Terada
- Available for hire
- Born in Tokyo, Lived in Dallas, Lives in New York. US Citizen. Bilingual.
- Parsons School of Design, BFA in Architecture
- Work Experience: Panasonic, Shutterstock, Vibrant Media, Bertelsmann
- Building websites since the 90’s
- UX Design Immersive Certificate from General Assembly, May 2016
- Co-founder of a design firm and a non-profit
There are 8 steps to build a mobile app for patients health tracking. The medical mobile apps definitely make lives extremely easier not only for patients but for doctors and paramedics as well.
What is good design, from One Big FieldFergus Roche
A presentation for the BBC Academy [with Anchor] for the "Innovation Academy: user experiences & interface design" panel by
Fergus Roche, One Big Field on Thurs 3rd Mar 2011.
Wireframes are dead and for good reasons.
In this session we'll demonstrate the motivation behind graduating to the new world of rapid prototyping from the old static wireframes as a more efficient and productive way of product design which will benefit pre-seed startups and entrepreneurs just as much as it will benefit R&D teams in large companies (maybe more)
In just about every industry, rapid prototyping is described as “A group of techniques used to quickly produce a working model”, and web development should be no different. Rapid prototyping allows developers to quickly communicate and collaborate on the product they are creating while investing minimal resources. When used effectively, a prototype can provide structure to a project, ensuring that the development team and the customer are working towards the same vision and goal.
Presentation for Campus Recruiting Interview.
I was asked to work as a consultant and advise a former employer on recruiting strategy utilizing the concepts found in the book Good to Great.
A talk on "Deployment Strategies For Web 2.0" given by Brian Kelly, UKOLN at the University of Nottingham on 12 March 2007.
See http://www.ukoln.ac.uk/web-focus/events/seminars/nottingham-2007-03/
Web 2.0: What Can It Offer The Research Community?lisbk
What are the implications of Web 2.0 for the research community? In this presentation Brian Kelly, UKOLN describes how various Web 2.0 technologies are being exploited within the higher education sector and more widely.
See http://www.ukoln.ac.uk/web-focus/events/meetings/pparc-2007-03/
Slides from talk on "Engaging Virtual Communities: Web 2.0" given at CILIP CDG conference on 30 April 2007.
See http://www.ukoln.ac.uk/web-focus/events/conferences/cilip-cdg-2007-04/
A round up of resources (websites, blogs and other sources) that I've found useful in 2015 and will continue to do so in 2016. This edition is centered around 3 key trends for 2016.
This module outlines important developments within video and television production and distribution within network cultures and new media arts, specifically how programme content is being adapted and explored on mobile platforms. It will introduce you to the key theoretical debates with reference to influential work in the field, and examine these through the production of video content designed for delivery on new platforms.
MED316 - Introduction and Twitter signupguest0231f6
This module outlines important developments within video and television production and distribution within network cultures and new media arts, specifically how programme content is being adapted and explored on mobile platforms. It will introduce you to the key theoretical debates with reference to influential work in the field, and examine these through the production of video/television content designed for delivery on new platforms.
Building (and Sustaining) Impact for your Web Resource lisbk
Talk on "Building (and Sustaining) Impact for your Web Resource" given at ARLIS Study Day on "Dip'ping Your Toe In The Water: Digital Image Projects,
Where To Begin And How Not To End".
See <http://www.ukoln.ac.uk/web-focus/events/workshops/arlis-2007-05/
>
Web 2.0: Implications For The Cultural Heritage Sectorlisbk
Brian Kelly, UKOLN gave a talk on "Web 2.0: Implications For The Cultural Heritage Sector" at a seminar on "From Bits to Blogs - Taking the IT Revolution into Museums, Libraries and Archives" organised by MLA North East and held at Teesside University, Middlesbrough on 18 October 2006.
See http://www.ukoln.ac.uk/web-focus/events/seminars/mla-ne-2006-10/
Simulation Modelling Practice and Theory 47 (2014) 28–45Cont.docxedgar6wallace88877
Simulation Modelling Practice and Theory 47 (2014) 28–45
Contents lists available at ScienceDirect
Simulation Modelling Practice and Theory
j o u r n a l h o m e p a g e : w w w . e l s e v i e r . c o m / l o c a t e / s i m p a t
Insight Maker: A general-purpose tool for web-based modeling
& simulation
http://dx.doi.org/10.1016/j.simpat.2014.03.013
1569-190X/� 2014 The Author. Published by Elsevier B.V.
This is an open access article under the CC BY license (http://creativecommons.org/licenses/by/3.0/).
E-mail address: [email protected]
1 The exact search query used was ‘’’modeling tool’’ OR ‘‘simulation tool’’’ in the Topic field.
Scott Fortmann-Roe
University of California, Berkeley, Department of Environmental Science, Policy, and Management, 130 Mulford Hall, Berkeley, CA 94720-3114, United States
a r t i c l e i n f o a b s t r a c t
Article history:
Received 29 April 2013
Received in revised form 23 March 2014
Accepted 26 March 2014
Available online 14 June 2014
Keywords:
Modeling
Simulation
Web-based technologies
System Dynamics
Agent-Based Modeling
A web-based, general-purpose simulation and modeling tool is presented in this paper. The
tool, Insight Maker, has been designed to make modeling and simulation accessible to a
wider audience of users. Insight Maker integrates three general modeling approaches –
System Dynamics, Agent-Based Modeling, and imperative programming – in a unified
modeling framework. The environment provides a graphical model construction interface
that is implemented purely in client-side code that runs on users’ machines. Advanced fea-
tures, such as model scripting and an optimization tool, are also described. Insight Maker,
under development for several years, has gained significant adoption with currently more
than 20,000 registered users. In addition to detailing the tool and its guiding philosophy,
this first paper on Insight Maker describes lessons learned from the development of a com-
plex web-based simulation and modeling tool.
� 2014 The Author. Published by Elsevier B.V. This is an open access article under the CC BY
license (http://creativecommons.org/licenses/by/3.0/).
1. Introduction
The field of modeling and simulation tools is diverse and emergent. General-purpose modeling tools (e.g. MATLAB’s
Simulink or the Modelica language [1]) sit beside highly focused and domain-specific applications (e.g. [2] for modeling
network control systems, [3] for simulating the behavior of wireless network routing protocols, or [4] for the simulation
and control of turbines). Interest in and published works on such tools has grown over time. The ISI Web of Knowledge
reports a substantial growth in papers published on modeling or simulation tools with 299 such papers published in the span
of 1985–1989, 1482 published from 1995 to 1999, and 3727 published from 2005 to 2009.1
For end-users, simulation and modeling tools are generally designed as executables to be run on a consumer operating
system such as W.
This presentation showcases how Web 2.0 could be used within an enterprise with a "day (weeks, actually) in the life of" story of how a new employee, Michael, uses web 2.0 (or Enterprise 2.0) tools to quickly get up to speed and start contibuting. Touches on social networking, social bookmarking, blogs / microblogs, wiki, virtual world, mashups, RSS
Book Formatting: Quality Control Checks for DesignersConfidence Ago
This presentation was made to help designers who work in publishing houses or format books for printing ensure quality.
Quality control is vital to every industry. This is why every department in a company need create a method they use in ensuring quality. This, perhaps, will not only improve the quality of products and bring errors to the barest minimum, but take it to a near perfect finish.
It is beyond a moot point that a good book will somewhat be judged by its cover, but the content of the book remains king. No matter how beautiful the cover, if the quality of writing or presentation is off, that will be a reason for readers not to come back to the book or recommend it.
So, this presentation points designers to some important things that may be missed by an editor that they could eventually discover and call the attention of the editor.
Unleash Your Inner Demon with the "Let's Summon Demons" T-Shirt. Calling all fans of dark humor and edgy fashion! The "Let's Summon Demons" t-shirt is a unique way to express yourself and turn heads.
https://dribbble.com/shots/24253051-Let-s-Summon-Demons-Shirt
Expert Accessory Dwelling Unit (ADU) Drafting ServicesResDraft
Whether you’re looking to create a guest house, a rental unit, or a private retreat, our experienced team will design a space that complements your existing home and maximizes your investment. We provide personalized, comprehensive expert accessory dwelling unit (ADU)drafting solutions tailored to your needs, ensuring a seamless process from concept to completion.
Can AI do good? at 'offtheCanvas' India HCI preludeAlan Dix
Invited talk at 'offtheCanvas' IndiaHCI prelude, 29th June 2024.
https://www.alandix.com/academic/talks/offtheCanvas-IndiaHCI2024/
The world is being changed fundamentally by AI and we are constantly faced with newspaper headlines about its harmful effects. However, there is also the potential to both ameliorate theses harms and use the new abilities of AI to transform society for the good. Can you make the difference?
Transforming Brand Perception and Boosting Profitabilityaaryangarg12
In today's digital era, the dynamics of brand perception, consumer behavior, and profitability have been profoundly reshaped by the synergy of branding, social media, and website design. This research paper investigates the transformative power of these elements in influencing how individuals perceive brands and products and how this transformation can be harnessed to drive sales and profitability for businesses.
Through an exploration of brand psychology and consumer behavior, this study sheds light on the intricate ways in which effective branding strategies, strategic social media engagement, and user-centric website design contribute to altering consumers' perceptions. We delve into the principles that underlie successful brand transformations, examining how visual identity, messaging, and storytelling can captivate and resonate with target audiences.
Methodologically, this research employs a comprehensive approach, combining qualitative and quantitative analyses. Real-world case studies illustrate the impact of branding, social media campaigns, and website redesigns on consumer perception, sales figures, and profitability. We assess the various metrics, including brand awareness, customer engagement, conversion rates, and revenue growth, to measure the effectiveness of these strategies.
The results underscore the pivotal role of cohesive branding, social media influence, and website usability in shaping positive brand perceptions, influencing consumer decisions, and ultimately bolstering sales and profitability. This paper provides actionable insights and strategic recommendations for businesses seeking to leverage branding, social media, and website design as potent tools to enhance their market position and financial success.
1. UX Designer / Miona Bojanovic
1 / 39Version 0.1 published March 26, 2014
WF.XX.YY Wireframe Name (Command+Shift+Select to Edit)
PortfolioPortfolio
2. UX Designer / Miona Bojanovic
2 / 39Version 0.1 published March 26, 2014
WF.XX.YY Wireframe Name (Command+Shift+Select to Edit)
” Strategy is done above the shoulders, tactics are done
below the shoulders...”
I would consider my self being more strategic, than tactical. That means that as UX professional I am more interested in answering the question “What
are we trying to accomplish?” than just “How are we going to accomplish it?” So I would rather create a plan, a method, and series of different activities
that are designed to achieve the goal and deliver unique solution. This plan usually includes a set of tactics, but the main accent is on the plan creation
that will lead to the usage of tactics.
I also find myself being more empowering than forceful. That means that even in situations where certain style of work is not leading to a solution, and
the project is dragging around, I try to motivate people around me, give some suggestions that will engage people, not force them to do something.
But in general I think that that versatility is the solution – being empowering or forceful, depends on a situation. In the situations when you want to improve
quality, innovate, stay competitive, being empowering is the solution. In situations where the fundamental change is needed, strong, forceful leadership is
the answer.
3. UX Designer / Miona Bojanovic
3 / 39Version 0.1 published March 26, 2014
WF.XX.YY Wireframe Name (Command+Shift+Select to Edit)
I am passionate about creating attractive and usable interfaces
4. UX Designer / Miona Bojanovic
4 / 39Version 0.1 published March 26, 2014
Website Design
5. UX Designer / Miona Bojanovic
5 / 39Version 0.1 published March 26, 2014
The website was designed for Architectural
Design Company “M architecture”.
Main accent was on reating visual appealing
and attractive website.
On the Home page there is a slide show of
projects.
About Page has short description of company.
Ù Ú
Google - Internet Explorer _ £ Ð
https://www.google.com/ Ù Ú
Google - Internet Explorer _ £ Ð
https://www.google.com/
WF.01 Website Design - M architecture
link: http://depaulkmc-webdesign.com/MionaBojanovic
6. UX Designer / Miona Bojanovic
6 / 39Version 0.1 published March 26, 2014
Page Projects is devided into three sections:
Residential, Interiors and Public.
By clicking on each of those user gets to
another page, with several projects displayed,
and clicking on an image of a project,
slideshow appears with the rest of the images
for particular project.
Ù Ú
Google - Internet Explorer _ £ Ð
https://www.google.com/ Ù Ú
Google - Internet Explorer _ £ Ð
https://www.google.com/
WF.01 Website Design - M architecture
link: http://depaulkmc-webdesign.com/MionaBojanovic
7. UX Designer / Miona Bojanovic
7 / 39Version 0.1 published March 26, 2014
I started with a representative content audit
of the EDRA.org website so that I had a full
understanding of how the site is set up and
functions for its users. This step allows listing
of content types and a rating of how effective
they are for the users. It also brings to light
any general content issues that need to be
addressed. Throughout the audit I felt two
important ideas surfaced; social media could
have a much larger presence and the overall
structure could be changed to allow for easier
access to research articles.
I researched two organizations; AIA and
ASID, that are in the same general field and
learned how they relay social media and
research content to their users. The learnings
from those sites, along with the content
analysis help guide the new content strategy
recommendations I constructed for EDRA.org.
These new strategies revolve around two main
topics;
First, to increase Social Media presence, and
Second to increase information access with
both member and non-member benefits.
I’ve also made recommendations about how
the navigation and tagging systems within
EDRA.org could be structured to better suit
user groups.
Finally, I provided recommendations into the
governance of content moving forward.
New Proposed Solution of Edra website is
designed in Joomla.
Ù Úhttps://www.google.com/
Ù Ú
Google - Internet Explorer _ £ Ð
https://www.google.com/
WF.02 Reconstruction of Website - Edra
link: http://miab.siteground.net/Edra1/
Current Edra Website
Proposed Solution
8. UX Designer / Miona Bojanovic
8 / 39Version 0.1 published March 26, 2014
The goal was to design the information
architecture (“IA”) for an interface that allows
a user to post, search, view, examine, and
comment on costumes based on specific
costume types, and view video/photo/
instructional tutorials for costume construction
assistance. The IA includes the site map
and wireframes showing the navigational
organization of the site.
At the begining I conducted the content
inventory that was consisting 163 items, based
on that invertory, I did a card sort with 16 users,
using a tool offered by www.websort.net. Then
I analyzed the results based on summaries
and tree graph data presentation formats.
The card sort results suggested trends in user
categorization of items of including costumes,
masks, accessories, makeup, patterns,
materials, and tutorials, and established a
basis for designing a high-level navigational
structure reflecting the same.
The resulting design enables the user to
effectively and efficiently search and post
costumes, costume related items, post
comments, and view photo/video tutorials.
This is the Home Page where user can see
most atttractive cosumes, search particular
one, see the latest news and go trough main
navigation further in website content.
Ù Ú
Google - Internet Explorer _ £ Ð
https://www.google.com/
WF.03 Wireframe for Costume Website
link: http://share.axure.com/M6TMO9/
9. UX Designer / Miona Bojanovic
9 / 39Version 0.1 published March 26, 2014
In this scenario, the user enters the search
word “fairy” and clicks on the magnifying glass
to begin the search. The search results screen
appears.
The user can enter new text into this box and/
or select a costume type and/or accessory type
to narrow the results to only those costumes
that meet all of those criteria.
It is assumed that because the user wants
to narrow their search, that one costume
type and/or one type of accessory would be
selected, so the drop-down controls here are
limited to a single selection.
Once the screen is complete, the user clicks
the Search button to start the search.
Ù Ú
Google - Internet Explorer _ £ Ð
https://www.google.com/
WF.03 Wireframe for Costume Website
link: http://share.axure.com/M6TMO9/
10. UX Designer / Miona Bojanovic
10 / 39Version 0.1 published March 26, 2014
Spike -o-matic is plant monitoring system.
The spike-o-matic sensor can be set up
outside in a garden or inside home in
individual pots. It’s very versatile, made from
quality titanium, meant to withst and time and
elements.
The spike’s special sensors track the moisture,
light, temperature, and pH balance of the
soil where the plant lives and the air that it
breathes..
The system stores data collected from the
spike in a database that can be accessed from
a website and mobile application.
System also analyzes the data collected and
is able to diagnose why a plant might be doing
poorly or make recommendations for plants
that will do well in similar situations.
WF.04 Wireframe for Spike-o-matic system
link: http://afskgj.axshare.com
11. UX Designer / Miona Bojanovic
11 / 39Version 0.1 published March 26, 2014
I created three scenarios of system usage.
Based on those scenarios, I developed
the funcionallity of the website and mobile
application.
This is the Home page of Spike-o-matic
website, after user already created profile
and entered the plants he has in his house or
apartment.
Icons-images of plants are clickable and take
user to status pages for each plant.
Ù Ú
Google - Internet Explorer _ £ Ð
https://www.google.com/
WF.04 Wireframe for Spike-o-matic system
link: http://afskgj.axshare.com
12. UX Designer / Miona Bojanovic
12 / 39Version 0.1 published March 26, 2014
First Page represents status of a plant. User
can view the Moisture, Temperature, Light
status and Ph Balance.
There is is a short description of plant, current
reminders, and recommendations
Under reccomendations there is a Research
link wich takes user to Reserach page, where
user can see which plants would do well in
similar conditions.
Ù Ú
Google - Internet Explorer _ £ Ð
https://www.google.com/ Ù Ú
Google - Internet Explorer _ £ Ð
https://www.google.com/
WF.04 Wireframe for Spike-o-matic system
link: http://afskgj.axshare.com
13. UX Designer / Miona Bojanovic
13 / 39Version 0.1 published March 26, 2014
First Page is Research Diagnose page,
where user can see the diagnose and
recommendation or particular plant.
Second page is Settings page where
user creates the settings for his plants
location, wather it is his house or
apartment, indoor, or outdorr plant.
Ù Ú
Google - Internet Explorer _ £ Ð
https://www.google.com/ Ù Ú
Google - Internet Explorer _ £ Ð
https://www.google.com/
WF.04 Wireframe for Spike-o-matic system
link: http://afskgj.axshare.com
14. UX Designer / Miona Bojanovic
14 / 39Version 0.1 published March 26, 2014
This was a group project of website evaluation
for DalaiLama Center.
Our challenge was to:
Develop recommendations for an improved
Dalai Lama Center’s (DLC) website that aligns
with the DLC’s vision while engaging users in a
way that elicits more donations and funders.
We did:
Interviews,
Competitive Analysis,
Heuristic Evaluation,
Expert Evaluation
Card Sort
We also created Short and Long-term
Recommendations with wireframes.
Interviews
WF.05 Website Evaluation - Dalai Lama Center
Competitive Analysis
Expert and Heurisitc
Evaluation
Card Sort
15. UX Designer / Miona Bojanovic
15 / 39Version 0.1 published March 26, 2014
This was a group project of website evaluation
for DalaiLama Center.
Our challenge was to:
Develop recommendations for an improved
Dalai Lama Center’s (DLC) website that aligns
with the DLC’s vision while engaging users in a
way that elicits more donations and funders.
We did:
Interviews,
Competitive Analysis,
Heuristic Evaluation,
Expert Evaluation
Card Sort
We also created Short and Long-term
Recommendations with wireframes.
Wireframe Solution - Home Page
WF.05 Website Evaluation - Dalai Lama Center
Wireframe Solution - Events Page
Wireframe Solution - Blog Page Suggested Site Navigation
16. UX Designer / Miona Bojanovic
16 / 39Version 0.1 published March 26, 2014
I assisted in creation of this website for Serbian
Orthodox Church. The biggest challenge
was to handle big content, so beside Main
navigation on the top, we used Left side menu,
which is visible on every page.
Also we deciced to use a lot of clickable
images and big slideshow on Home page,
which makes website attractive and visually
appealing.
Ù Ú
Google - Internet Explorer _ £ Ð
https://www.google.com/
WF.06 Website for Holy Resurection Orthodox Serbian Church
link: http://orthodoxstore.org/
17. UX Designer / Miona Bojanovic
17 / 39Version 0.1 published March 26, 2014
Mobile Applications Design
18. UX Designer / Miona Bojanovic
18 / 39Version 0.1 published March 26, 2014
TV Zombie is designed to allow friends to
watch TV together; interactively via live chat.
It also helps recommend and keep track of
favorite shows via an interactive TV Guide and
favorite list.
WF.01 TV.Net Mobile Application
The interactive schedule helps user keep
track of watched episodes
User can browse upcoming shows or discover
new favorites
19. UX Designer / Miona Bojanovic
19 / 39Version 0.1 published March 26, 2014
TV Zombie integrates with user existing
accounts such as Hulu, Netflix and Facebook
to name a few.
WF.01 TV.Net Mobile Application
Favorites list reminds user when his favorite
shows will be on next
Shows on his favorite list will auto update by
syncing with your Hulu or Netflix account(s)
The chat feature is a core function of TV.NET
In portrait view it can be shown/hidden
In landscape mode it is side to side with the
show information
20. UX Designer / Miona Bojanovic
20 / 39Version 0.1 published March 26, 2014
The challenge was to design funcional and
attractive music application for a mobile phone.
First screen presents a hompe page. User can
click on an image icon and get to the second
page with list of songs for particular artist.
Clicking the song in the song list takes user to
screen with particular song playing.
WF.02 Music Application
link: http://afskgj.axshare.com
21. UX Designer / Miona Bojanovic
21 / 39Version 0.1 published March 26, 2014
Tho other screens I added here are : Playlist
Page, and More Page. On both pages, icon
images are clickable, and lead to playlist Page,
or on second screen lead to chosen radio
playing.
Now playing leads to screen with song that is
currently playing, and Back button leads to a
previous page.
WF.02 Music Application
link: http://afskgj.axshare.com
22. UX Designer / Miona Bojanovic
22 / 39Version 0.1 published March 26, 2014
The Weather Application is created to show the
temperature both in Fahrenheit and Celsius,
with an option to see temperature for particular
city.
Therefore this application consists of two
microinteractions which are user initiated:
1. The conversion of temperature from
Fahrenheit to Celsius, (and the opposite)
2. Choosing the city from droplist
First microinteraction is initiated with the
trigger in the form of button, located next
to the temperature, which does conversion
with single click. To return to previous value
of temperature, user should click the button
again.
Second microinteraction is initiated with a
trigger in the form of button and drop list,
where user chooses the name of the city from
droplist, and clicks on the button View, and
then new temperature values for chosen city is
displayed.
WF.03 Weather Application
link: http://dnumzc.axshare.com
23. UX Designer / Miona Bojanovic
23 / 39Version 0.1 published March 26, 2014
Design process for Healthcare Application
began with sketching home screens. These
two were possible solutions I created, but since
it was a group projet, we decided to move on
with simplified version of Home screen.
WF.04 Healthcare Application
link: http://h9tcut.axshare.com
Wireframe Solution - Version 1 Wireframe Solution - Version 2
24. UX Designer / Miona Bojanovic
24 / 39Version 0.1 published March 26, 2014
The objetive of the project:
Provide patients custom tailored access to our
newly digitized discharge instruction content.
Patients often don’t read the stacks of paper
we discharge them with, relying mostly on the
conversations they have with their doctors
before being discharged after their care.
We can now offer them this content in the
form of videos that have short bullet points
that accompany them.
As we can see here, Healthcare application
provide user information about: Medical
Records, Billing and Insurance, Medication,
and Discharge Instructions. Also user can
create Profile, Check his Calendar and receive
and send messages to a hospital.
WF.04 Healthcare Application
link: http://h9tcut.axshare.com
This is the Home Page screen. The icons are
clickable and take user to other screens.
This is the Profile Page screen. This is were
user can view and edit the profile.It contains
Patient info, Doctor Info,and Pharmacy Info
25. UX Designer / Miona Bojanovic
25 / 39Version 0.1 published March 26, 2014
These are the Medications screens, where
user get when he clicks on Medications icon.
WF.04 Healthcare Application
link: http://h9tcut.axshare.com
When user clicks on Medications icon
he gets into this screen. He can now choose
the medications for particular desease.
When user clicks on HipSurgery Medications
tab, he gets to this screen, where he can get all
the information about medicine and dosage.
26. UX Designer / Miona Bojanovic
26 / 39Version 0.1 published March 26, 2014
This is mobile version of Spike-o-matic
Application.
It is much simplified then Destop version.
WF.05 Spike-o-matic Application
link: http://jas2cy.axshare.com
This is the Home Page screen. When user
clicks on each tab, enters antother screen.
This is the Status Page Screen, when user gets
when clicks on Status tab on previous creen.
This is where user gets information about
plants,Indoor, or outdoor. Red leaf means
warning.
27. UX Designer / Miona Bojanovic
27 / 39Version 0.1 published March 26, 2014
On Peace lIly status Page user can see the
Moisture status, Light status and Temperature
status. If the status has green leaf next to it,
then plant is in good condition, but if it has red
leaf next to it, something needs to be done.
Since spike-o-matic is connected to water
reservoir, user can automatically water the
plant, by clicking on 4 ounces or 8 ounces tab.
WF.05 Spike-o-matic Application
link: http://jas2cy.axshare.com
When user clicks on a Peace Lily tab on
previous page, he gets into status page for
Peace Lily,
When user clicks on Moisture status tab, he
gets to this screen, where he can see the
message and what needs to be done.
28. UX Designer / Miona Bojanovic
28 / 39Version 0.1 published March 26, 2014
Spike-o-matic is capable of sending
notifications to user based on saved locations.
WF.05 Spike-o-matic Application
link: http://jas2cy.axshare.com
Since user is close to saved location of
the store, user received a message about
Neutralizer he has to pick up for his plant.
By clicking on info button on previous screen
user gets to the screen where he can see
information about what needs to be done.
29. UX Designer / Miona Bojanovic
29 / 39Version 0.1 published March 26, 2014
Reminder Application is created for different
things user needs to be remineded of.
Unique to the Reminder Application is that it
has ability to send notifications to user based
on locations, date and time.
Wireframe is created in Adobe InDesign, and
it’s available in clickable pdf version.
WF.06 Reminder Application
This is the Home screen. User just
received notification that grocerie
store is close by. User can click on
tab and see the list of grocerie stores
By clicking on Notification Tab user gets to
Locations screen. He clicks on Map it button, on
first location and goes to next screen.
30. UX Designer / Miona Bojanovic
30 / 39Version 0.1 published March 26, 2014
Reminder Application is created for different
things user needs to be remineded of.
Unique to the Reminder Application is that it
has ability to send notifications to user based
on locations, date and time.
WF.06 Reminder Application
Here on this screen user can see the map of
location and the exact address.
By clicking on back button on previous screen
user gets to Home screen, where he can click
the grocerie tab, to see what he needs to buy.
31. UX Designer / Miona Bojanovic
31 / 39Version 0.1 published March 26, 2014
Reminder Application is created for different
things user needs to be remineded of.
Unique to the Reminder Application is that it
has ability to send notifications to user based
on locations, date and time.
WF.04 Reminder Application
This is the Grocerie screen, where
user can see list of grocerie items,
and check them after shopping.
By clicking on a Add new button on previous
screen user gets to a new screen where he can
add new item to the list.
32. UX Designer / Miona Bojanovic
32 / 39Version 0.1 published March 26, 2014
This is
This is the mobile version, of Costume website,
that was previusly presented.
The mobile version is simplified, but still has
almost all funcionallity like website.
WF.07 Costume Application
This is the Home screen for Costume Application.
Here user can see whats new , and latest tutorials.
By clicking on arrow on Menu tab, user can see
a drop down menu. By clicking on Tutorials tab
user gets to Tutorial Page.
33. UX Designer / Miona Bojanovic
33 / 39Version 0.1 published March 26, 2014
This isIf user clisk
This is the mobile version, of Costume website,
that was previusly presented.
The mobile version is simplified, but still has
almost all funcionallity like website.
This is the tutorials screen, which displays all the
tutorials recently added.
By clicking on Wter Fairy link on previous
screen, user gets to tutorial about how to create
Fairy Wings.
WF.07 Costume Application
34. UX Designer / Miona Bojanovic
34 / 39Version 0.1 published March 26, 2014
Visual Design Examples
This isIf user clisk
35. UX Designer / Miona Bojanovic
35 / 39Version 0.1 published March 26, 2014
This is Cover Design, and Menu design
for Blue Ray Disc. The Menu prototype is
designed in Flash.
Cover Design
Design Cover and Menu for Blue Ray Disc
Menu Design - Home
Menu Design - Scenes Screen Menu Design - Features
36. UX Designer / Miona Bojanovic
36 / 39Version 0.1 published March 26, 2014
The main goal for this project is to design
animation that would be interesting, visually
appealing and that would have characterization
and storytelling. I decided to create animation
that would be based on a movie Vertigo from
Alfred Hitchcock, because it’s an interesting
story that can be interpreted in many different
ways.
The main character Madeline became my
inspiration for a story about beautiful and
strange woman her strong feelings and
sadness.
In the meantime I found that the new
soundtrack “After Disco” from Broken Bells
would be a great music background for my
story, and that music brought even more
inspiration and ideas of how the story should
develop.
I used the images, incorporated video and
dialog from the movie, but I tried to incorporate
it in a new way, so it has different meaning.
Scene 1
Flash Cut Animation Design
link: http://youtu.be/Npp6nKbhjmY
Scene 2
Scene 3 Scene 4
37. UX Designer / Miona Bojanovic
37 / 39Version 0.1 published March 26, 2014
The main goal for this project is to design
animation that would be interesting, visually
appealing and that would be interactive.
I decided to create animation that would be
the presentation of famous women in XX
century. I used the example of Chicago Tribune
Iconographic example with a time line as
an idea, and then developed a little different
concept.
My goal was to make this iconographic
animation as an interesting journey for user,
so he can click on different buttons and see
different things changing, like time on the time
pie chart, birth location of characters, and
display of images and text.
Home Screen
Interactive Animation Design
Time and Map display
Image Display Text display
38. UX Designer / Miona Bojanovic
38 / 39Version 0.1 published March 26, 2014
This is design for web banner, animated,
created in Flash.
You can see several versions for different
dimensions used for different positions on web
page.
Version 1
Banner Design
Version 2
Version 3 Version 4
39. UX Designer / Miona Bojanovic
39 / 39Version 0.1 published March 26, 2014
The goal of this project was to design the back
side and front side of a playing card.
Version 1 - front side
Transformation Card Design
Version 1 - back side
Version 2 - front side Version 2 - back side