Dhuel Fisher

img

Hello my names is

Dhuel Fisher

Portfolio

Who I am

My name is Dhuel Fisher (Do-well). I was born and raised in Jamaica until the age of 18 when I moved to Washington D.C. to pursue my Bachelors of Science in Computer Engineering. After graduating, I continued my studies at the University of Maryland Baltimore County (U.M.B.C) where I obtained my Master's in Human Centered Computing. I now work as a mobile U.I/UX Designer at E-ISG Asset management.

My main interests lie in U.I./U.X. design with my current primary focus being mobile UI design. I am also a huge Harry Potter fan and I am willing to sit and have a chat with you about either anytime.

  • Based in
    Baltimore
  • Working at
    E-ISG

Experiences

Here are a few of the projects I've worked on. My earlier projects are focused more on software development from my time as a Computer Engineering student but as time progressed and I grew, it has shifted closer to more UX/UI oriented projects.

  • 2016--Now

    UI/UX Mobile Designer

    Redesigned mobile UI of E-ISG's mobile application and rose customer satisfacting and experience.

  • Jan 2016--May 2016

    UI/UX Designer

    Conducted a usability analysis of the Bookfusion app which resulted in the CEO making several UI changes to improve the user's experience.

  • Jan 2016--May 2016

    Graphic Designer

    Worked with clients to create a suitable style guide geared towards rebranding their company's image.

  • 20015--2016

    Graphic Designer

    Wrote an in depth structured analysis and design of a proposed UMBC smart parking lot system.

  • 2014--2015

    Capital One Consultant

    Designed and coded the UI for an Android wear app ofr Capital One which provided users with access to banking information quickly and effortlessly.

  • 2013--2014

    Software Engineer

    Launched self maintaining kiosks using Centos 6 to provide university students with information on sports weather and news.

Services

Here, you may find a few services that I offer. If you require any of these, you may contact me through the contact page with a brief description and I will contact you at my earliest convenience.

  • Usability Analysis

    I will conduct an indepth usability analysis which will contain a competitive analysis, executive summary, user analysis, environmental analysis, task analysis, recommendations and any additional metrics that the you may need.

  • Style guide Design

    I will consult with the client anddesign a series of potential styles for the user from which they will be able to communicate the best design that fits their needs. A style guide will then be provided which will cover all aspects of the design and how to use it..

  • Web Design

    After gaining an understanding of the requirements, I will design either a high fidelity or low fidelity mockup for the user which they can then asses to see if they would like to have that design developed.

  • Develop

    I will create a responsive interface in whichever environment the user desires.

Coding Skills

Throughout my time as a Computer Engineer, I became very proficient in several coding languages. You will see that those skills have transferred into my web development proficiency.

  • 90%

    HTML/CSS/JS

    I have a strong background in HTML/CSS and object oriented javascript. I have been developing websites and programming using these tools for over 4 years.

  • 75%

    jQuery

    I use JQuery throughout all my JS based coding projects to write functional, efficient code.

  • 60%

    Wordpress

    I am comfotable installing managing and maintaining wordpress sites.

  • 55%

    C++ Object Oriented Programming

    I have two years experience in C++ Object oriented programming

  • 80%

    Python

    I code frequently in Python and I am currently working on developing a stock market manager application which is visible on my github account.

  • 80%

    MySQL

    I am proficient in MySQL databases.

Characteristics

Throughout my time in the working environment, these are adjectives that have been used to describe me.

  • Personal integrity

  • Positive work ethic

  • Reliability

  • Flexibility

  • Team oriented

  • Focused

Design Skills

  • Learning
    Beginner
    Not Bad
    Advance
    Expert
  • Axure
  • Illustrator
  • Inkscape
  • Invision
  • Marvel
  • Photoshop
  • Telerik
  • Tinkercad

Logo Design - Arbol

Portfolio

Objective

The objective with this artwork was to create a logo for a environmental company named Arbol which focued on the company's love for the environment while only using a specific set of colors.

Color Palette

The importance of color design stems from the significance of color to the human mind. Color creates ideas, expresses messages, spark interest, and generate certain emotions. Within this design, a very specific color palette was used which strengthened the correlation between the business and its brand as an environmental company.

HEX: #9F3A21
RGB: (159, 58, 33)

HEX: #601A1A
RGB: (96, 26, 26)

HEX: #F3AC2F
RGB: (243, 172, 47)

HEX: #193F1C
RGB: (25, 63, 28)

Typography

The typeface used in a design is very important. In some cases, it sets the tone for the entire design and can either add or subtract from the overall design itself. Within this logo design, the copperplate gothic light fot was used then manipulated using the direct maipulation tool in illustrator to give it a more unique appearance.

Portfolio

Sketches

Before creating the final product, I made sketches to determine the layout of the logo as well how each element would play together. I first started by using the rule of thirds to split the canvas into three separate sections. I then added a point of focus to each of the sections which I wanted the user to be drawn to or to focus on. In the final two steps, I made the design more precice, edited the logo title and added more definition as well as colors.

Portfolio
Portfolio
Portfolio

Final design

Portfolio

User Interface Prototyping and Development

Hermione's beaded Handbag

Portfolio

Introduction

I was tasked with selecting a fictional interface, evaluating it as well as improving its interface personalized for a specific character. This document outlines the steps, processes and changes made to arrive at the final version of this project.This was done over 13 weeks each having a specific deliverable and/or a useful technique or experienceto be learned. Below is a summarized version of this process

Important context information

The beaded handbag is a device used by Hermione Granger, a witch at Hogwarts School of witchcraft and wizardry. The beaded handbag is used to store several items such as books, tents, potions and anything that the user may need. It possesses an undetectable extension charm which extends the internal dimensions of the target object without affecting the external dimensions. This means that the outside of the bag will always be the same regardless of the number of items put inside. The bag acts similarly to a regular handbag and is worn around the shoulder or held in the user's hand. To interact with the handbag, Hermione has to put her hand into it and pick out whatever item she wants. Originally, there was no visual display for the user to interact with the object.

Analysis

After selecting my context (Hermione's beaded handbag), I was then tasked with conducting an in depth analysis of my character (Hermione Granger) so that I could get a better understanding of her and create an interface geared specifically towards her. This entailed watching the Harry Potter movies as well as reading some of the books in order to gather as much information about Hermione as I could. An in class brainstorming assignment was also conducted and the information gathered from it was used to refine the analysis. Below are the different analysis that were conducted.


User Analysis

The user analysis looks at the user and tells us what we know and don't know about them.

What do we know?

  • 1. Named Hermione Jean Granger.
  • 2. 19 years old at the time the bag was being used.
  • 3. Female.
  • 4. Raised in an English household .
  • 5. Parents are dentists
  • 6. Speaks English.
  • 7. Understands some Latin.
  • 8. Gifted student .
  • 9. Extremely smart.
  • 10. Very studious.
  • 11. Meticulous.
  • 12. Gifted witch.
  • 13. Advanced reading level and understanding.
  • 14. Basic level of understanding of technology.
  • 15. Able to cast several defensive and offensive spells.
  • 16. Best friends with Harry Potter and Ronald Weasley.
  • 17. Loves the smell of Freshly mown grass, new parchment and spearmint toothpaste.
  • 18. Brave.
  • 18. Dislikes divination.
  • 18. Her greatest fear is failing all her classes.
  • 18. Only child.
  • 18. Pet cat named scabbers.
  • 18. Patronus is an otter.
  • 18. Trustworthy.
  • 18. Was almost placed in ravenclaw.
  • 18. Height 5’5”.
  • 18. Brown hair and eyes.



What don't we know?

  • 1. How she spent her childhood before attending Hogwarts.
  • 2. Her favorite color (speculated to be orange or lilac)
  • 3. Her parents’ original names although she did remove their memories and gave them new identities of Wendell and Monica Wilkins
  • 4. The dimensions of the bag. (Although the bag may be potentially limitless in size, finding items would be impossible since there would be no end to it. We may assume that the length of the bag is at least the length of her arm plus the size of a tent, since we know that the bag carries a tent, and she is also able to put her entire hand in the bag to reach it. We may also assume that these dimensions are variable since similar objects have had extension charms with a much larger area)

task Analysis

The task analysis outlines the different tasks that our user may conduct with the device (Hermione’s beaded handbag) and the actions required to interact with it.


  • 1. Put item into bag.
  •     a. Open bag.
  •     b. With item in hand, reach into the bag.
  •     c. Place item down in specific place in the bag (assumed).
  •     d. Remove hand from bag.
  •     e. Close bag.
  • 2. Take item out of the bag.
  •     a. Open bag.
  •     b. Place hand into bag.
  •     c. Feel around for item (assumed).
  •     d. Grab item.
  •     e. Take item out of bag.
  •     e. Close bag.
  • 3. Carry bag.
  •     a. Using shoulders.
  •         i. Place bag over shoulders.
  •         ii. Walk with bag.
  •     b. Using hands.
  •         i. Walk with bag in hand.
  •     c. Using pockets.
  •         i. Place bag in coat pocket.

Rolestorming / Brainstorming

During this part of the project, I conducted individual, group and other methods of brainstorming. The results from which were then used to formulate a design for the interface which would meet all the requirements or capabilities discussed. After conducting each of the methods, a layout decision was made using a combination of ideas generated in both the individual and the group brainstorming sessions. The screen would be palm sized, circular and placed on the flap of the handbag. To interact with it, the user will either speak or touch it and it would provide a visual feedback.


Low fidelity prototyping

A low fidelity prototype is a prototype that is sketchy and incomplete, it has some characteristics of the target product but is otherwise simple, usually in order to quickly produce the prototype and test broad concepts. This aided in receiving a lot of useful feedback. To ensure that all or most of the interactions were accounted for, an in depth task analysis was conducted which went through a step by step process of each of the required tasks and assigned a screen from the low fidelity prototype to the respective task.


Low fidelity mockups

Portfolio
Portfolio
Portfolio
Portfolio
Portfolio

Medium fidelity prototyping

A medium fidelity prototype builds upon the knowledge gained from the low fidelity prototype and adds more design features such as a defined structure and color. Although the medium fidelity prototypes may look like complete designs, they do not have much if any functionality.


Medium fidelity prototype

Portfolio
Portfolio
Portfolio
Portfolio
Portfolio
Portfolio
Portfolio
Portfolio

Integrating user feedback

After completing the medium fidelity prototpye, more user feedback was acquired and changes were made to the design once more. Some of the changes that were made between the medium and high fidelity prototype are:


  • 1. Color scheme change to make it appear less childlike and more consistent with Hermione's personality.
  • 2. Whisp added to text to give it a more magical feel.
  • 3. Lavender-like colors used to be more personalized (Hermione likes Lavender).
  • 4. Prototyping tool was changed from the marvelApp to powerpoint.

These and other additions resulted in the product below.


Portfolio
Portfolio
Portfolio
Portfolio
Portfolio

Empathy maps

I created an empathy map which acted as a more specific user analysis which focuses on all the senses and feelings that my character would encounter while in a specific scenario. That information was then used to generate an empathy map diagram. This aided in understanding the feelings and emotions that the user would have while using the device.


Portfolio

Storyboard and scripts

A storyboard is a graphic organizer in the form of illustrations or images displayed in sequence for the purpose of pre-visualizing a motion picture, animation, motion graphic or interactive media sequence. As I worked toward video generation, storyboarding and script generation were the next steps necessary in the process. The storyboard developed created a backstory for our character as well as placing her in the environment in which the technology would be used while the script expounded on the visual queues provided. The completed storyboard can be seen below.


Portfolio
Portfolio
Portfolio
Portfolio
Portfolio
Portfolio
Portfolio
Portfolio
Portfolio
Portfolio
Portfolio
Portfolio

Video creation

Finally, after storyboarding, script generation and user testing were complete, a more realistic storyboard was generated and made into a video. Play the video below to see tha final product.


Some of my works

Here are snapshots of projects that I have created and worked on. Please feel free to message me if you would like to find out more about them.

Portfolio

eQuip! Mobile Application

Designed and developed mobile application for E-ISG Asset Management.

eQuip! Mobile Application

  • Role:Graphic Designer
  • Client:eQuip!
  • Year:2015-Now

Responsible for the design and development of the mobile UI application.Which includes creating wireframes, prototypes, testing, debugging, maintenance and addition of new features.

View Website
Portfolio
Portfolio

Bookfusion

Usability Analysis of Bookfusion application.

Bookfusion Usability Analysis

  • Role:UI/UX Designer
  • Client:Bookfusion C.E.O
  • Year:2016

I was responsible for conducting an in depth usability report for the bookfusion application which was used to increase the User Experience of the application.

View Website View full report
Portfolio

Contact Details

You may contact me at this number or email at most times during the day.

  • (202) 644 37 02
  • 3500 Boston Street, Caton MD
  • dhuelfisher@gmail.com