Ashley Johnson
Designer | Developer | Artist



About Me

I am a designer, front-end developer, artist, and gamer.

Currently, I reside in the Bay Area of California. I want to use my knowledge of design and development to create products that become a part of the everyday life of people worldwide.

However, my interests don't stop at computers and art! They also include animation, comics, cosplay, music, and parkour. Check out my personal projects via Tumblr and Instagram. Thank you for visiting!




UI Designs
Double Click: Online Spy School
 Process
  1. Outline all interactive elements and document user flow
  2. Evaluate which existing elements needed to be changed based on user and client feedback
  3. Determine new elements and site flow based on new storyline
  4. Create temporary mock ups and placeholders for user testing
  5. Create new artwork that blends with existing artwork from previous team
  6. Focus group A/B testing product iterations for useability and observe time/ease for moving through entire site experience

*
* Collaboration with Kim Kiser
An online interactive experience to promote STEM careers to girls ages 8 to 11.
Client: Carnegie Science Center
Roll: UI Designer, 2D Artist
Web Designs
Random-e Network, LLC
 Process
  1. Create multiple concept layout mock ups and present them to the company president for style approval
  2. Create a page flow diagram and wireframes
  3. Apply the style to the HTML layout using CSS 3
  4. Test the page flow of the website to check for any mistakes or dead ends
  5. Add interactivity to the menu system, banner, and forms using Javascript and JQuery
  6. Cross browser test of interactivity and layout (Firefox, Chrome, IE, and Safari)
  7. Fill the website with the appropriate content
  8. Create a relational SQL database
  9. Connect the website to the SQL database using PHP and MySQL
  10. Test the final website on multiple browsers (Firefox, Chrome, IE, Safari)
The corporate website for the 8A, service disabled veteran-owned small business.
Client: Random-e Network, LLC
Roll: Web Designer, Full-stack Developer
Artwork
 Click and hold!
a
Loading...
Resume





 Education
  • Carnegie Mellon University:Pittsburgh, PA, Masters of Entertainment Technology, 3.60 GPA | 2011
  • Spelman College:Atlanta, GA, Bachelors of Science, Computer Science, Cum Laude | 2009


 Honors
  • Artistic Design Award:First student to design the program and branding for the Spelman College Research Day | 2007
  • ScholarshipNASA Motivating Undergraduates in Science and Technology Scholar | 2007-2009


 Work Experience BinWise, Inc.,Front-end Developer | Nov 2013 - Present

Design and develop the front-end new features for the BinWise web application using Backbone.js and Marionette.js, Play environment, Javascript and Jquery.js, HTML5 and CSS3, and ASP.Net
  • UI development and design using Balsamiq, Pencil, and Photoshop
  • Improve the UI of older features of the web application
  • UI and front-end prototyping in HTML, Javascript
  • Wine list tech management and documentation


Freelance,Web Developer | Aug 2013 - Nov 2013

Design and develop websites for various clients.
  • Exiles, LLC: Redesign, mock ups, wire frames of Nation Orange website. Design changes were applied to other sites in network. Starting stage of the front-end web development of redesign in Bootstrap, CSS3, and HTML5. (2 weeks)
  • JustShareIt: Develop JSI Mobility website from provided design PSD, create graphics, and make changes to the initial design using Bootstrap, CSS3, HTML5, PHP, JavaScript, JSON, and Google Forms. (4 weeks) [http://www.jsimobility.com]


Gamer's Guild of America, LLC,Lead UI Designer, Lead Graphic Designer | Jun 2013 - Sept 2013

Design, create, and manage the user interface and artwork for an indie mobile adventure game.
  • Design, concept, and wireframe and menu and in-game UI layouts for mobile games using Photoshop
  • Concept artwork and game elements using Photoshop
  • Review and facilitate art and design features for products, soft0ware, applications, and programs.


Random-e-Network, LLC,Web Designer | Aug 2011 - Jun 2013

Design, create, and manage the web site of the Random-e-Network to provide information about the company to the public and career resources to the employees without a team.
  • Design and create the wireframes for the layout of the website using Photoshop.
  • Implement the design of the web site to provide information about the company to the public and career resources to the employees using HTML, CSS, JavaScript, and JQuery.
  • Create and manage the database used to track employee log in information for access to private company resources.
  • Create and document proof of concept for a virtual conferencing web tool using Unity 3D and Jibe by Reaction Grid.


The Franklin Institute,Game Design Intern, Web Designer | Jun 2010 - Aug 2010

Design an interactive social game experience that utilizes a virtual world and the physical museum displays to enhance the educational value of the museum.
  • Design interactive game experience that can be played throughout the museum for ages 8 and up
  • Create the 2D concept artwork using Photoshop.
  • Redesign and implement the A.R.I.E.L. project web site using HTML, CSS, and JavaScript.


NASA, Ames Research Center,Networking Intern | Jun 2008 - Aug 2008 and Jun 2007 - Aug 2008

2008: Research understandable and novel data visualization techniques to display large amounts of network data collected from routers.
2007: Research the use of Voice over Internet Protocol software to communicate with future NASA research teams that will explore the surface of the moon.
  • Set up and maintain SQL database of network information on a BSD server.
  • Test and evaluate possible innovative ways to visualize NASA network traffic using a variety of different programming environments.
  • Develop a data visualization prototype using Processing to display thousands of data points.
  • Install and maintain a Linux Server to host the Asterisk Voice over Internet Protocol software.
  • Install, test, and maintain components for Asterisk Voice over Internet Protocol software for future NASA use.


 Academic Experience PROJECT | Double Click!: Online Spy School,UI designer, 2D artist | Jan 2011 - May 2011

A flash-based, game-centric website targeting eleven to thirteen-year-old girls that embraces STEM content (Science, Technology, Engineering, and Mathematics) designed and implemented for the Carnegie Science Center
  • Create the logo, poster, presentation template and informational half-sheet using Photoshop, Illustrator, and Power Point to brand, promote, and provide information about the project.
  • Use Photoshop and Microsoft PowerPoint to create the touch screen display environment to provide information about the project to visitors.
  • Design and create art assets for the interactive web experience and flash games using Photoshop.
  • Design and create art assets for the user interface for interactive web experience and flash games using Photoshop.


PROJECT | Heavy Metal: Terrain Shaping Prototype,2D artist, UI designer | Aug 2010 - Dec 2010

A prototype of a system for Caterpillar that visually plays back recorded data from heavy equipment in a virtual world that mimics the work environment.
  • Create the logo, poster, presentation template and informational half-sheet using Photoshop, Illustrator, and Power Point to brand, promote, and provide information about the project.
  • Texture the environment of the terrain-shaping prototype using the Unity 3D T errain editor .
  • Design and create the art assets for the user interface of the terrain-shaping prototype software based on specific requirements of the Caterpillar heavy equipment using Photoshop.
  • Script the user interface of the terrain-shaping prototype using JavaScript, C#, and the Unity 3D graphical user interface library.


PROJECT | Lockheed Martin: Insight,UI designer, 2D artist, web designer, programmer | Jan 2010 - May 2010

An interactive, wearable head mounted display prototype system intended for use by people in high stress environments and occupations.
  • Create the logo and presentation template Photoshop and Power Point to brand, promote, and provide information about the project.
  • Develop efficient and novel techniques of interacting with information on augmented reality equipment.
  • Explore user interface design techniques of augmented reality equipment.
  • Design and create art assets for the user interface of the head mounted display using Photoshop.
  • Script the user interface of the head mounted display using Photoshop and Lua.
  • Develop and manage the team web site using Dreamweaver and Photoshop to provide information about the project.


CLASS | Building Virtual Worlds,2D artist | Aug 2009 - Dec 2009

A semester-long class provided by the Entertainment Technology Center at Carnegie Mellon University that focused on team-based rapid prototyping in order to develop a series of interactive experiences.
  • Work with different assigned groups of classmates for each of the 5 projects throughout the semester.
  • Create a series of interactive experiences using the Panda 3D game engine with as little as one-week time constraints.
  • Create basic animated title screens for the interactive experiences and games using Photoshop and Premiere.
  • Texture characters and environments for each project using Photoshop, 3D Studio Max, and Maya.


RESEARCH | SpelBots,Co-captain | Sept 2005 - Aug 2007

The Spelman College competition robotics team and research project that explores the benefits of robots using the Sony AIBO and the Tekkotsu programming environment.
  • Research the use of the duel-coding theory for visual routines and environment mapping for the Sony AIBO using Tekkotsu
  • Lead the Open Technical Challenge project in 2007 International RoboCup competition in Atlanta, Georgia
  • Create soccer kicks for the Sony AIBO using Tekkotsu in 2006 International RoboCup robotics competition in Bremen, Germany
  • Create soccer kicks for the Sony AIBO using Tekkotsu in 2006 U.S. Open RoboCup robotics competition in Atlanta, Georgia