how i work

When I start working on a project, I try to get all the information, and data from my client that are relevant to the project. Goals, demographics, preferred aesthetics, etc. I then start researching about the industry, competition, and the best way to go about the After I have all the data that I need, I start working on the wireframe, and prototype using Balsamiq. After the prototyping phase is finished, and the wireframes are finalized, and approved. This is where I start doing the visual designs using Photoshop and Illustrator. After the visual designs are approved, I then start coding the designs to html/css/js with responsiveness, and best practices in mind.

what i use

I use a number of tools that make design and development much easier. For rapid prototyping and wireframes, I use balsamiq. For creating the actual visual designs of the application or website, I use Photoshop and Illustrator interchangeably. With development, I use SASS for my CSS preprocessor, with Gulp automating the repetitive tasks (concatenation, minification, etc). I use Foundations grid for making sure that the site will be responsive, and code the application elements from scratch. .