• Add to Collection
  • About

    About

    Role Description: - Create wireframes, workflow diagrams, mockups, prototypes, and design specifications. - Review design concepts with users and… Read More
    Role Description: - Create wireframes, workflow diagrams, mockups, prototypes, and design specifications. - Review design concepts with users and collect feedback. - Create multiple UIs for desktop and mobile using HTML5, CSS3 and JavaScript/jQuery with a focus on consistency. - Provide direction on all aspects of product design (e.g. UI components, graphics, icons). Accomplishments: - Designed the mobile website from wireframes to production with full browser compatibility for sharing HTML5 video. - Built multiple user interfaces for the desktop and mobile websites utilizing Bootstrap 3 and AngularJS. Read Less
    Published:
A screenshot of the latest version of the homepage that I worked on. I was responsible for creating the layout (HTML, CSS), animations, and also provided guidance on the design.
An example of a wireframe I made to help describe how a particular error could be handled on the UI.
A screenshot of the user account page. Users can manage their videos, as well as organize them into folders and/or albums.
Upload Dialog - The three screenshots show the progression from an empty queue, to uploads in progress, to having one upload complete.
Mobile homepage wireframes
HTML Prototype for the mobile homepage.
 
(For video controls, pause, reverse, etc., view on: http://gfycat.com/FlippantShockedHookersealion)
Mobile "share" page wireframes - Due to user feedback we realized that displaying all the actions/chrome at all times was not good, so the UI was revised accordingly.
 
Here you can see the mobile share page HTML. In the clip the device is rotated from portrait to landscape mode. Videos can play 'inline' for devices that support it. Also, you can see if the video doesn't fit in the viewport, the user can scroll, or resize-to-fit using the bottom-right icon.
 
(For video controls, pause, reverse, etc., view on: http://gfycat.com/WhisperedTestyArmadillo)
A screenshot of the "About" page I designed/built.
 
(View HTML prototype here: http://tinyurl.com/on75hen)