tag:blogger.com,1999:blog-47174608213902337922024-02-20T09:50:58.759-06:00BetafolioDesaraeVhttp://www.blogger.com/profile/06354550301110673337noreply@blogger.comBlogger30125tag:blogger.com,1999:blog-4717460821390233792.post-42465692600775344172016-06-27T13:36:00.000-05:002016-06-27T13:43:30.575-05:00testing fixed menu stop<script>
jQuery(window).scroll(function(){
var scroll_top = jQuery(this).scrollTop(); // get scroll position top
var height_element_parent = jQuery(".content-main").height(); //get high parent element
var height_element = jQuery(".menuleft").height(); //get high of elemeneto
var position_fixed_max = height_element_parent - height_element; // get the maximum position of the elemen
var position_fixed = scroll_top < 100 ? 140 - scroll_top : position_fixed_max > scroll_top ? 40 : position_fixed_max - scroll_top ;
jQuery(".menuleft").css("top",position_fixed);
});
</script>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque feugiat eleifend orci, eget aliquam dolor elementum vel. Aliquam eu nulla eros, et tincidunt felis. Pellentesque congue sodales eleifend. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla suscipit nulla vel nisi fermentum ultricies. Integer ligula elit, gravida ac pretium nec, eleifend ultrices purus. Duis cursus orci et urna accumsan tempor. Nunc mattis tincidunt nulla, id porta velit sollicitudin blandit.</p>
<p>Duis vel augue quis elit ultrices fermentum ut eu risus. Mauris dictum nisl eget lorem pulvinar sit amet bibendum nunc scelerisque. Suspendisse ac libero magna, at imperdiet leo. Pellentesque vulputate venenatis vestibulum. Aenean varius turpis quis sem adipiscing volutpat. Fusce scelerisque iaculis augue, eget fringilla velit mattis nec. Maecenas sagittis dolor eget felis cursus imperdiet. Morbi ut dui libero. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sit amet mi ac diam semper hendrerit a id tellus. Morbi accumsan magna sit amet velit ultricies ut dapibus justo rutrum. Ut et ante dui, vel pellentesque velit.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque feugiat eleifend orci, eget aliquam dolor elementum vel. Aliquam eu nulla eros, et tincidunt felis. Pellentesque congue sodales eleifend. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla suscipit nulla vel nisi fermentum ultricies. Integer ligula elit, gravida ac pretium nec, eleifend ultrices purus. Duis cursus orci et urna accumsan tempor. Nunc mattis tincidunt nulla, id porta velit sollicitudin blandit.</p>
<p>Duis vel augue quis elit ultrices fermentum ut eu risus. Mauris dictum nisl eget lorem pulvinar sit amet bibendum nunc scelerisque. Suspendisse ac libero magna, at imperdiet leo. Pellentesque vulputate venenatis vestibulum. Aenean varius turpis quis sem adipiscing volutpat. Fusce scelerisque iaculis augue, eget fringilla velit mattis nec. Maecenas sagittis dolor eget felis cursus imperdiet. Morbi ut dui libero. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sit amet mi ac diam semper hendrerit a id tellus. Morbi accumsan magna sit amet velit ultricies ut dapibus justo rutrum. Ut et ante dui, vel pellentesque velit.</p> DesaraeVhttp://www.blogger.com/profile/06354550301110673337noreply@blogger.com0tag:blogger.com,1999:blog-4717460821390233792.post-45735598355194087752016-06-18T20:30:00.000-05:002016-06-18T20:20:22.377-05:00Portfolio Website<a href="http://www.desaraev.com/2016/06/portfolio-website.html" imageanchor="1" >
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSXdZhyphenhyphensl3aFkqTa2U4s8thmfo_odqFSlwTPh5NBYDav9dJEj3N0s6F5MNMi8GlXQK5xehaX3nEm8l3Na5bznF97aOKEo4ITcrpYtp6kfpciH3A0SEcwcMni7ysjzls1da4JF5P5Q9FfaH/s1600/Screen+Shot+2016-06-13+at+6.12.06+PM.png" class="thumbnail"/></a>
<p class="excerpt">The purpose of this page is page is to provide a case study that portrays the design process I follow when building new sites. This particular project sample has the most thorough examples and photos. If you do not have time to skim all the sample, this one would be the best example project to review.</p>
<a name='more'></a>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNh9vHU4Z6z1LNuo5Q74AgRvVZMkQbbVHD0IliIrVqVQlcbC73r_ibYbNaWdQ8Pp4kyMd_7UMby8tvp8c5xo3mGE7pM2ehWv-cEkbiXSNXtQsQHyHSAky2jCuSKAbEwTCSZD5roTufcPnr/s1600/Screen+Shot+2016-06-11+at+4.06.33+AM.png" imageanchor="1"><img border="0" class="left" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNh9vHU4Z6z1LNuo5Q74AgRvVZMkQbbVHD0IliIrVqVQlcbC73r_ibYbNaWdQ8Pp4kyMd_7UMby8tvp8c5xo3mGE7pM2ehWv-cEkbiXSNXtQsQHyHSAky2jCuSKAbEwTCSZD5roTufcPnr/s1600/Screen+Shot+2016-06-11+at+4.06.33+AM.png" /></a>
<br />
<div class="clearfix"></div>
<div class="left">
<blockquote>
<h2>
Jump to a Section:</h2>
<ul>
<li><a href="https://www.blogger.com/blogger.g?blogID=5358063918643889764#buildingport">Overview</a></li>
<li><a href="https://www.blogger.com/blogger.g?blogID=5358063918643889764#goals">Setting Goals</a></li>
<li><a href="https://www.blogger.com/blogger.g?blogID=5358063918643889764#research">Research</a></li>
<li><a href="https://www.blogger.com/blogger.g?blogID=5358063918643889764#site">Building the Site</a></li>
<li><a href="https://www.blogger.com/blogger.g?blogID=5358063918643889764#challenges">Challenges</a></li>
<li><a href="https://www.blogger.com/blogger.g?blogID=5358063918643889764#testing">Testing</a></li>
<li><a href="https://www.blogger.com/blogger.g?blogID=5358063918643889764#code">Code Sample</a></li>
<li><a href="https://www.blogger.com/blogger.g?blogID=5358063918643889764#tools">Tools/Skills</a></li>
</ul>
</blockquote>
</div>
<h1 id="buildingport">Building the Perfect Portfolio</h1>
<h2>Planning</h2>
<p>A lot of thought was put into building the perfect portfolio in only a few days. I started off by sketching low-fidelity wireframes on 4 pieces of paper. These had the basic idea of where I wanted everything to sit. Next, I took a few more pieces of paper and quickly made a list of criteria. I based a lot of my ideas on what I assumed should be in a great resume and how I would want to portray design to someone who is unfamiliar with user interface processes (without talking down to those who do). After I made my own list, I Googled keywords like, "<a href="http://lmgtfy.com/?q=tips+for+building+design%2Fux%2Fillustration+portfolios" target="_blank">tips for building design/ux/illustration portfolios</a>" and "<a href="http://lmgtfy.com/?q=beautiful%2Fclean%2Fminimal+design+portfolios" target="_blank">beautiful/clean/minimal design portfolios</a>." </p>
<h3>Examples</h3>
<p>Click on any 'example' image to zoom in</p>
<div class="clearfix"></div>
<div class="portfoliogrid">
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUYhwmbV7EYysbyRISfXItogRl_gKizZQsOA2Fzyp8E277Mq3oCx_9hdGCJb9OcwXtFSp75U61MY5wgl-8CDAG5DLk5h2xiHHF6e8WMCsCPN3UO-M8uNAYj5er66m3gDTAXVrZZnBkQyFx/s1600/20160610_170433_resized.jpg" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUYhwmbV7EYysbyRISfXItogRl_gKizZQsOA2Fzyp8E277Mq3oCx_9hdGCJb9OcwXtFSp75U61MY5wgl-8CDAG5DLk5h2xiHHF6e8WMCsCPN3UO-M8uNAYj5er66m3gDTAXVrZZnBkQyFx/s1600/20160610_170433_resized.jpg" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1UiejjmhKp5we5b2rlCgM2agMx6onkZrpY1epNGs4dlKNtEY2cTqQsiFFSIUNXdDd3kNjyrQl_I4q4ZIUQZ5rAT31ex12kZkdn4MbZYNqqI-O4gYnnDiQiyh78f8dtzwfcInE5hBfaxKd/s1600/20160610_170503_resized.jpg" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1UiejjmhKp5we5b2rlCgM2agMx6onkZrpY1epNGs4dlKNtEY2cTqQsiFFSIUNXdDd3kNjyrQl_I4q4ZIUQZ5rAT31ex12kZkdn4MbZYNqqI-O4gYnnDiQiyh78f8dtzwfcInE5hBfaxKd/s1600/20160610_170503_resized.jpg" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQar7eu5y6x9267Knv3S8GG-tZJBkKy1N-oAT0_D9sS_5ExbExVsd4avSHWO65oJC54zDfAybP6HXUSfhDwfCo66ePHO5_Mp6U5brS_weYMXagw3a5a1ia1ZdCrCpYN33lrwbWCT1QneNQ/s1600/20160610_170458_resized.jpg" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQar7eu5y6x9267Knv3S8GG-tZJBkKy1N-oAT0_D9sS_5ExbExVsd4avSHWO65oJC54zDfAybP6HXUSfhDwfCo66ePHO5_Mp6U5brS_weYMXagw3a5a1ia1ZdCrCpYN33lrwbWCT1QneNQ/s1600/20160610_170458_resized.jpg" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0GfRY9eWoijBjkvcmhq7QEDU3SoSl0STNM5tmTxyLxDeUwx2dOcYFq8FvolYwPovg10OJfaBuTLGYEi5YQuu92JvybDqWQ1LrbDNAD6OVBBoGERsPsGvJsFyVQ8TkXz1sJfOHdMys_Iv0/s1600/20160610_170454_resized.jpg" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0GfRY9eWoijBjkvcmhq7QEDU3SoSl0STNM5tmTxyLxDeUwx2dOcYFq8FvolYwPovg10OJfaBuTLGYEi5YQuu92JvybDqWQ1LrbDNAD6OVBBoGERsPsGvJsFyVQ8TkXz1sJfOHdMys_Iv0/s1600/20160610_170454_resized.jpg" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0atjaPtWG9qnFtAy9AHpHO4Rz6jQ1eXd_tQ6Ilh1jpJjVw_c0MQxgRWs8nruGoOtihSfXR_VhDZ4moGLsJFVqPuQgH1EeGzvgM-fFgS95797O0KFT46H7CC88_XwlCGZUTYwS4H6lW21G/s1600/20160610_170440_resized.jpg" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0atjaPtWG9qnFtAy9AHpHO4Rz6jQ1eXd_tQ6Ilh1jpJjVw_c0MQxgRWs8nruGoOtihSfXR_VhDZ4moGLsJFVqPuQgH1EeGzvgM-fFgS95797O0KFT46H7CC88_XwlCGZUTYwS4H6lW21G/s1600/20160610_170440_resized.jpg" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjS6QJ6sn02AtogXkvg_1rv4HajQZ6Bv0yM7mTeXjk0BhBsEgJ4OWPG6uMO7L216mlk9woN48usFBklzuq7ey7B4Z5XIee1mIyth7t8CVrRlYjs4Cxet5T8G2TBX2Rbu3_ON7XoNYGbOce/s1600/20160610_170447_resized.jpg" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjS6QJ6sn02AtogXkvg_1rv4HajQZ6Bv0yM7mTeXjk0BhBsEgJ4OWPG6uMO7L216mlk9woN48usFBklzuq7ey7B4Z5XIee1mIyth7t8CVrRlYjs4Cxet5T8G2TBX2Rbu3_ON7XoNYGbOce/s1600/20160610_170447_resized.jpg" /></a>
</div>
</div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAukK-W7tjEWknwQlHN-O3YE-6QTnfj-AmSwNV8izSQQ0tiGySz3-WSnfAKe6uBDkAzoFtyvscZ9v-NSoZUtCQo0bO3Zwk3XLfcbY-I57s11vOSgI64RnrcHYBhLBneq92Om-J0VzUdHwt/s1600/Screen+Shot+2016-06-11+at+3.42.22+AM.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAukK-W7tjEWknwQlHN-O3YE-6QTnfj-AmSwNV8izSQQ0tiGySz3-WSnfAKe6uBDkAzoFtyvscZ9v-NSoZUtCQo0bO3Zwk3XLfcbY-I57s11vOSgI64RnrcHYBhLBneq92Om-J0VzUdHwt/s1600/Screen+Shot+2016-06-11+at+3.42.22+AM.png" /></a>
<br />
<div class="clearfix">
</div>
<h2 id="goals">Initial Goals and Research</h2>
<p>Above all, I want my design work to stand out and speak for itself, but I know the medium is just as important in telling any story. In my second set of sketches, I included crazy ideas like a video tutorial, where I introduce myself and walk viewers through each of my favorite projects.
<h3>Future Enhancements</h3>
<p>I thought it would be fun to have a light and dark theme that switch using a moon or sun icon. Next to those, I could throw in another random icon that looked like a wizard's hat. That hat would transform my sterile minimalist design into a magical world that would make any Disney or Blizzard designer proud. It could dazzle with css parallax designs and hidden gems that are subtle but show creativity in a bold way. Those are probably unrealistic out-of-scope future enhancements, but where so fun to imagine that I dreamed about them that night.</p>
<div id="research"><p>I spent a substantial amount of time Googling inspiration from illustrator/photography portfolio sites and Disney movie websites. Mostly because I knew those sites would look especially creative and have nice, unique layouts for showcasing specific work. </p></div>
<h3>Inspiration:</h3>
<ul>
<li><a href="https://helgesverre.com/blog/">https://helgesverre.com/blog/</a></li>
<li><a href="https://flattrendz.com/flat-design-gallery/crod-ltd">FlatTrendz</a></li>
</ul>
<h2 id="site">Building the Site</h2>
<h3>Setting Goals and Criteria</h3>
<p>After my initial sketches I used my blog website as a template to setup this website using Blogspot as the content management system. I'd already spent over a year cleaning up the code from my blog and developing a lot of custom functionality. I also knew that a blog layout would not be ideal for a portfolio site because:</p>
<ul>
<li>I do not need to show ads</li>
<li>Cross-link posts like I do on <a href="http://www.desaraev.com/2016/06/book-review-blog.html">Book Reviews </a></li>
<li>No need to promote sponsors</li>
<li>The goal(s) of this site are to introduce myself, how I think, and my work.</li>
</ul>
<p>More-over, I hope that this website will show that I have a passion for design and creating user-friendly projects. So, I setup a new site using an old domain I already owned but had recently stopped using (Desaraev.com).</p>
<p>I knew my list of criteria for a portfolio site might not be complete, so, I once again turned to Google. I made sure to create a complete list of what other designer's recommended including in a portfolio based on my goals.</p>
<p>A secondary goal for this site is to show that I am familiar with the latest technology, coding best practices, and can customize functionality using HTML5/CSS3. So, I stayed up until the wee hours of the morning on day one cleaning up my original template. I deleted anything I didn't need. Blogger's out-of-the box code feels like (to me) a disorganized jumbled mess. So I integrated Bootstrap, removed most of Blogger's classes, and rearranged the code to go in chronological order from header to footer (it wasn't that way to start with). Most of Blogger's themes are not responsive, <a href="https://drive.google.com/file/d/0ByncXJQoSbO0U3JQZUEwMWhfb0k/view" target="_blank">accessibility friendly</a>, or easy to read (the code). So, that is why I deleted everything and changed all the styles to Bootstrap's grid styles. My original design already was recoded to be responsive, but not clean enough and I really want this site to shine.</p>
<h2>Assumptions</h2>
<h3>Target Audience</h3>
<p>The target audience for this website is the user experience team at Blizzard Entertainment. The Blizzard offices are located in Austin, Texas and Irvine, CA. Blizzard works on video games and entertainment software that requires computers which can process high resolution graphics and an internet connection like Fiber.</p>
<p>According to SitePoint 54% of internet users use Google Chrome. The second most used internet browsers are Internet Explorer and Firefox. Internet Explorer has been discontinued by Microsoft and is generally considered the bane of most developer's existences.</p>
<p>Since this site is being reviewed by a team while they are likely at work, they will most likely view the website on a desktop computer. They may also briefly test the site for mobile compatibility, but it is easier to navigate and read portfolio sites on a desktop.</p>
<p>Based on the above assumptions the target audience for this site will expect high resolution photos, so most photos have not been optimized for the web and are at a fairly high resolution. The site code and multiple themes are optimized for mobile, but content that is not important to the portfolio may be hidden on mobile browsers. The site was built on Chrome and not thoroughly tested in IE or Firefox (yet - it has only been live for a few days). <strike>There is a known navigation issue in Firefox, but the site has multiple ways to navigate so it is still very user friendly even without the left navigation</strike> (fixed 6-12-2016).</p>
<p>The team that will be viewing this site are likely user interface designers, developers, managers, or user experience researchers. So it is important that the site is not only well coded and user friendly but also that the content explains my design process in a comprehensive way that is consistent and easy to navigate. Unfortunately, since this site was built in under a week there may still be bugs or code that needs removed.</p> <p>
<h3>Secondary Audience</h3>
<p><i>You never know who else might see a website, so I made sure to explain complex terms related to design. I'm not a copywriter, but wanted the story I'm telling to be accessible to non-designers/geeks. For that reason, many terms and processes are explained in more detail than might be necessary with a fellow UI/UX person.</i> The site has been tested by over twenty friends, family and anyone else I could wrangle into my quest to build the perfect portfolio site. My quality team (aka the friends), provided help with usability and functionality testing. Their feedback has helped to improve the site in ways that would have otherwise taken me months to refine on my own. The content of the site is based on a conversation with Larry, a recruiter at Blizzard ENT, and information gleaned from the <a href="http://us.blizzard.com/en-us/company/careers/posting.html?id=16000CG">UX job requirements</a>.</p>
<h3>Content</h3>
<p>Based on my original review of the job requirements I knew that I have the qualifications to fulfill the requirements. I really wanted to show my aptitude with more than just simple images. Adding a higher level of detail to my portfolio could provide me with a higher probability of standing out amongst other applicants, I did that through case studies and linking to documentation samples. I was also hoping that the effort would reflect my excitement to potentially work for one of the top gaming companies in the industry, a company that built one of my favorite games (I spend an inordinate amount of my free time playing it). I would have a very hard time quantifying my excitement about the prospect of this position. </p>
<h2 id="challenges">Challenges</h2>
<p>I ran into a number of road blocks while recoding the site. A few elements of blogger like to re-add themselves, this was a minor speed bump. I also had some issue adding links to custom code, especially jQuery/Javascript - to get past this I rewrote anything I could as CSS and the rest I uploaded to Github and used a link to the raw files as linkable code files (recently found fixes for most of this).</p>
<p>Blogspot has a set of CSS that overwrites some of the CSS in my external stylesheets. I'm not a fan of in-line styles or on-page CSS but for now I am using a set of classes listed under the head and on some unique pages.</p>
<p>Blogger deletes HTML markup from posts if the view of the WYSIWYG is changed to compose. Even if you do not save pages, paragraph tags may be removed and replaced with breaks at the end of each paragraph. I wish Google would fix this, but it is something slightly out of my control and I've tried to recode any effected pages. If you look at the code and see break tags, it is because of this issue (please report it using the <a href="http://goo.gl/forms/adS4pKSJhG0uu6fm1">feedback link</a>).</p>
<h2 id="testing">User Acceptance Testing/Feedback</h2>
<p>Once my initial rough draft was built, I asked a number of close friends and family to review the site. My test group came from a diverse background with varying levels of technology savvy and familiarity with software development (most are novices but many have heard me excitedly prattle on about technology for years). I sent each person a short introduction to the site and asked for their feedback.</p>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge5IMcw6N7mrO65Z0naWM-VkbnSWk9ePi7wSJOKWzf2JgYnqbmvKvyEQrQ9XPgEpYOFWo_WhpTiZbpW47Kfn_nf2mQT2uamtvnx21WOObQFnC836C6GvnNK-ABa7YJ3cufw6GZs7Z9gP4q/s1600/Screen+Shot+2016-06-08+at+10.57.56+PM.png" imageanchor="1"><img alt="Prototype website image" border="0" class="left" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge5IMcw6N7mrO65Z0naWM-VkbnSWk9ePi7wSJOKWzf2JgYnqbmvKvyEQrQ9XPgEpYOFWo_WhpTiZbpW47Kfn_nf2mQT2uamtvnx21WOObQFnC836C6GvnNK-ABa7YJ3cufw6GZs7Z9gP4q/s1600/Screen+Shot+2016-06-08+at+10.57.56+PM.png" /> <span class="caption">High-Fidelity Prototype - Version One</span></a>
<p>After my interviewees responded I slowly revealed my goals, careful to try not to integrate any response bias into the survey/interview. I recorded feedback in my notes, being sure to note when people had similar responses. I noted, that many people related their ideas to what they had seen other sites do (like corporate sites) and often wanted the feeling of robust data to clutter their screen. One user mentioned that there was a lot of white space (not their same words) and that they knew most sites filled that space with ads, so maybe I should find something to add to the empty spaces. Most feedback was promptly integrated and some feedback did not align with initial criteria and goals.</p>
<p>Since the goal of this site is to highlight my work, make it easy to notice how to navigate between portfolio items, and to have a place where the portfolio and my resume may be downloaded as PDFs. Adding anything that wasn't important to those goals would distract users.</p>
<h2>Integrating Behavioral/Data Analytics</h2>
<p>Analytics will allow me to compile ongoing passive-feedback about user behavior. This data, allows user experience researchers to track issues, efficiency, and performance related to site goals. Later, I can use the data to continue refining the design. </p>
<h2>Choosing a Color Scheme</h2>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhK5Xy1cNTIq9opiyil8JT-T-Rk1qSJLdO1D2dKxJhp_qy-EM2yYzM-PvQAWHPKoHaTc_qjf5crCu6MDfmI4sF6ikjTVvQxmu5weRcfrlDQrHW5DwrQ34Hh-JvccOdLREsYERPuimxYlLc1/s1600/Screen+Shot+2016-06-11+at+4.08.19+AM.png" imageanchor="1"><img border="0" class="left" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhK5Xy1cNTIq9opiyil8JT-T-Rk1qSJLdO1D2dKxJhp_qy-EM2yYzM-PvQAWHPKoHaTc_qjf5crCu6MDfmI4sF6ikjTVvQxmu5weRcfrlDQrHW5DwrQ34Hh-JvccOdLREsYERPuimxYlLc1/s1600/Screen+Shot+2016-06-11+at+4.08.19+AM.png" /></a>
<p>I received a lot of feedback that my color scheme was too plain, sterile, too simple, and even hospital like. I decided, based on that feedback, to change my original color scheme (mostly white, gray, and a vibrant teal) and integrate more color. My second color scheme was based on a picture of my favorite super hero. The third color scheme was a light baby blue. The fourth and current color scheme, a deep blue, is a calming rich color that is easy on the eyes in dark or light settings. The emerald blue is combined with a dark salmon reddish orange to create a vibrate high-impact color scheme.</p>
<h3>Secondary Color Scheme</h3>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_30KzDgKSLcntEckTEYRRGytdJm92vZglMdVId0P6ehEYpGsv00xRnOZbFTjZL0O6P4fqGK6KA9mVus2wOv87JESG1-VwYtS0t6tFd-DjcHNkDTwRItbTuRMvQTlxtUmeBE9I8TchgWyg/s1600/toggle.PNG" imageanchor="1"><img border="0" class="left" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_30KzDgKSLcntEckTEYRRGytdJm92vZglMdVId0P6ehEYpGsv00xRnOZbFTjZL0O6P4fqGK6KA9mVus2wOv87JESG1-VwYtS0t6tFd-DjcHNkDTwRItbTuRMvQTlxtUmeBE9I8TchgWyg/s1600/toggle.PNG" /></a>
<p>Think the site needs a change of scenery? Look no further than the bottom left hand corner of any screen on this site and click the space toggle. The main theme will first change to a sunny polka dot setting with a few other style changes. The second click on the toggle will transport you to outer space. The darker space theme is perfect for night time reading and the stars twinkle with CSS. Fortunately or unfortunately, like all magic (as one of the themes is named magicbg), the theme transmog disappears whenever you leave or refresh a page. However, you can always renew the change with another click of the toggle.</p>
<p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4sdUsUHKifKbgSQWpmypC12euVbJxQqqCmCcoEt9wWdVwzu-cGfY5Z9XewYzsP8cMXCOOdl6mPtmeJDB8zdB3EL5FBb7dCJ4zWNXYDPV5j0pT6WeTKqwy55oMozUKOm5LMOoe2gPwWmXF/s1600/Screen+Shot+2016-06-11+at+4.08.29+AM.png" imageanchor="1"><img border="0" class="left" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4sdUsUHKifKbgSQWpmypC12euVbJxQqqCmCcoEt9wWdVwzu-cGfY5Z9XewYzsP8cMXCOOdl6mPtmeJDB8zdB3EL5FBb7dCJ4zWNXYDPV5j0pT6WeTKqwy55oMozUKOm5LMOoe2gPwWmXF/s1600/Screen+Shot+2016-06-11+at+4.08.29+AM.png" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaN2u0k0gYadooyoTzuJgL7Q5eV_Y6p8A6BSkv6_K51zgpFQEZjpeZnNz666RwZ_1WTRZu3KRk5MEbMgYMdBxCADbo1Yl4QeDeN19rae5EnF4vchF-sDx9evGQvOfB5mI0AzeE03w1CshX/s1600/Screen+Shot+2016-06-11+at+4.08.40+AM.png" imageanchor="1"><img border="0" class="left" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaN2u0k0gYadooyoTzuJgL7Q5eV_Y6p8A6BSkv6_K51zgpFQEZjpeZnNz666RwZ_1WTRZu3KRk5MEbMgYMdBxCADbo1Yl4QeDeN19rae5EnF4vchF-sDx9evGQvOfB5mI0AzeE03w1CshX/s1600/Screen+Shot+2016-06-11+at+4.08.40+AM.png" /></a></p>
<h3>Accessibility & Color Contrast</h3>
<p id="access">Many bootstrap features, like color, are not accessibility friendly or 508 compliant out-of-the-box. So, I updated colors for things like messages. The colors where tested using <a href="http://webaim.org/resources/contrastchecker/">WebAim's color contrast checker</a>.</p>
<h3 id="code">Example</h3>
<p>The difference in the pictures below may seem subtle, but for anyone with color blindness it can make a huge difference.</p>
<h4>Before</h4>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLlX7beVxCd5uVMvaAp8wUcfS7hvL0OgyNc1wKaDHxmSrpoNGDGeAH7gQ_w86qBTnOtlDkE-blzXk8ZQyjuph2CGdYU6vAvIV7DPgUoAly_iGOWzKuf7pa-6v7dZyzQiZe_ZVYQ4ZZQqlx/s1600/Screen+Shot+2016-06-09+at+7.08.30+PM.png" imageanchor="1"><img alt="alert warning banner using Bootstrap colors" border="0" class="left" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLlX7beVxCd5uVMvaAp8wUcfS7hvL0OgyNc1wKaDHxmSrpoNGDGeAH7gQ_w86qBTnOtlDkE-blzXk8ZQyjuph2CGdYU6vAvIV7DPgUoAly_iGOWzKuf7pa-6v7dZyzQiZe_ZVYQ4ZZQqlx/s1600/Screen+Shot+2016-06-09+at+7.08.30+PM.png" /></a>
<br />
<div style="float: right; width: 50%;">
<h3>CSS</h3>
<code>
.alert-danger, .alert-error {
color: #b94a48;
background-color: #f2dede;
border-color: #eed3d7;
}
</code>
</div>
<p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjh9Mlo3suP73aCR-v5SLAsaPNd9QNiiWSfpqtIPaMDXsnUyucKk1yzf8WegAQh9cWxx6s6l68K-xhw6_BxW4k8aWkHJfCHZ3pfUMaDjQosfUWaMAd1vyvo9_NxYEMfv8hVZsxscHndAvHj/s1600/Screen+Shot+2016-06-09+at+7.11.37+PM.png" imageanchor="1"><img alt="Results from testing Bootstrap's colors (fail)" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjh9Mlo3suP73aCR-v5SLAsaPNd9QNiiWSfpqtIPaMDXsnUyucKk1yzf8WegAQh9cWxx6s6l68K-xhw6_BxW4k8aWkHJfCHZ3pfUMaDjQosfUWaMAd1vyvo9_NxYEMfv8hVZsxscHndAvHj/s1600/Screen+Shot+2016-06-09+at+7.11.37+PM.png" style="width: 50%;" /></a></p>
<div class="clearfix"></div>
<h4>After</h4>
<p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPsxQ1ZhO7NiYrF1miNTdKtmhXGSMBHAObRBV2xrywyumeJjB4_wX1HBDkWHRFkA5ZsoRMjnXOZpfS-fz5viXfWZry98CljmblUXKIxHnI3f1-svkq2gd-_lr4PMQIo54are8fAkCQ8-cD/s1600/Screen+Shot+2016-06-09+at+7.09.02+PM.png" imageanchor="1"><img alt="alert warning banner using custom colors that are accessibility friendly" border="0" class="left" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPsxQ1ZhO7NiYrF1miNTdKtmhXGSMBHAObRBV2xrywyumeJjB4_wX1HBDkWHRFkA5ZsoRMjnXOZpfS-fz5viXfWZry98CljmblUXKIxHnI3f1-svkq2gd-_lr4PMQIo54are8fAkCQ8-cD/s1600/Screen+Shot+2016-06-09+at+7.09.02+PM.png" /></a></p>
<div style="float: right; width: 50%;">
<h3>
CSS</h3>
<code>
.alert-danger {
color: #9C0705;
background-color: #FFEAEA;
border-color: #ebccd1;
}
</code>
</div>
<p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg76XLyjOyBi5f1toe72KqGdfacEL-LxcE-Vgrr6J4iQodM4vFjuSmKGtIyHHP6rVeyTcWHLUgvccvSma64YPNf-gu0xv1EwrqSQ0N-DoCJhNnrp4_ZZOv492PkJiZxoXO7h-9gSabT6Mlr/s1600/Screen+Shot+2016-06-09+at+7.04.26+PM.png" imageanchor="1"><img alt="Results from testing Bootstrap's colors (pass)" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg76XLyjOyBi5f1toe72KqGdfacEL-LxcE-Vgrr6J4iQodM4vFjuSmKGtIyHHP6rVeyTcWHLUgvccvSma64YPNf-gu0xv1EwrqSQ0N-DoCJhNnrp4_ZZOv492PkJiZxoXO7h-9gSabT6Mlr/s1600/Screen+Shot+2016-06-09+at+7.04.26+PM.png" style="width: 50%;" /></a></p>
<h1>Final QA/Usability Testing</h1>
<h2>Portfolio Site Review (Interview with Rocky V.)</h2>
<div class="clearfix"></div>
<center>
<iframe width="420" height="315" src="https://www.youtube.com/embed/wwdosrZE6EM" frameborder="0" allowfullscreen></iframe>
</center>
<div class="clearfix"></div>
<div class="button-wrapper">
<a href="http://www.desaraev.com/p/portfolio-site-review-rocky-chat.html"><button class="lined thin" title="Chat transcript"><i class="fa fa-weixin" aria-hidden="true"></i> Chat Transcript with Rocky</button></a>
<a href="https://youtu.be/wwdosrZE6EM"><button class="lined thin" title="Rocky Review"><i class="fa fa-video-camera" aria-hidden="true"></i> View Review on YouTube</button></a>
</div>
<div class="clearfix"></div>
<h2>Contextual Inquiry</h2>
<p>The following is information sent to participants of contextual inquiry (usability testing) and included in the testing survey.</p>
<div id="keepinmind"><p>Things to keep in mind when reviewing this site:</p></div>
<ul>
<li>I do creative/technical work</li>
<li>The site should show that I have leadership experience</li>
<li>I want to show my capabilities/formal training in:
<ul>
<li>user interface (UI including graphic design and front-end development), fine art, program management, user experience (UX including formal research/evaluations, technical writing, prototyping, wireframes, process planning, and usability testing), and SEO</li>
</ul>
</li>
<li>This site is built only for people who have requested to see my portfolio. The goal of the site is not to improve search engine optimization (SEO) to increase random visits from unknown users. This is also why my contact information is not provided. Anyone on the site <b>should</b> already be able to contact me.</li>
</ul>
<h1>Would you like to help me improve this site?</h1>
This link (<a href="http://goo.gl/forms/adS4pKSJhG0uu6fm1">http://goo.gl/forms/adS4pKSJhG0uu6fm1</a>) will take you to a Google Web Form. I've created a short survey, you can think of it like a scavenger hunt.<br />
<div class="">
Let me know if you've seen any issues on the site and what you think of the content/layout. Example of the type of things to look for include:<br />
<ul>
<li>Spelling/grammar (it's not always my strong suit)</li>
<li>Did you understand the concepts described?</li>
<li>Did you like the projects I used in my portfolio (aesthetically)?</li>
<li>Do you see anything on the website that might be irrelevant (please skim the things to <a href="https://www.blogger.com/blogger.g?blogID=5358063918643889764#keepinmind">keep in mind</a>)? </li>
</ul>
</div>
<h2>Mobile Testing</h2>
<div class="clearfix"></div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6TN8E96owOi8hoyY1Pix5swjU8q9ix_MYig2ofCq2vKS3pEUIeZr9o6_ZTFoG06PpintojLwCZYQBiqgne6cbH3WN6XpgxQeRKawbVqzTE125jJOeAhOLollKFIDFtFAlMehhrhbnw4ob/s1600/Screen+Shot+2016-06-11+at+4.12.14+AM.png" imageanchor="1"><img border="0" class="left" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6TN8E96owOi8hoyY1Pix5swjU8q9ix_MYig2ofCq2vKS3pEUIeZr9o6_ZTFoG06PpintojLwCZYQBiqgne6cbH3WN6XpgxQeRKawbVqzTE125jJOeAhOLollKFIDFtFAlMehhrhbnw4ob/s1600/Screen+Shot+2016-06-11+at+4.12.14+AM.png" style="max-width: 25% !important;" class="left" /></a>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgr22tBVbg4gmrHsw3pbgRsXiRhlI0290uzlR34WJuVu0B20J9aN-Ag6CZryHxQSVNpkCUz3JRcghqfetP662cq2CXyY7VEtMfNdWpD7djzLtMD-nHMyoAJLdFsjobulJmOOu0OL8Cvmc8l/s1600/Screen+Shot+2016-06-11+at+4.12.40+AM.png" imageanchor="1"><img border="0" class="left" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgr22tBVbg4gmrHsw3pbgRsXiRhlI0290uzlR34WJuVu0B20J9aN-Ag6CZryHxQSVNpkCUz3JRcghqfetP662cq2CXyY7VEtMfNdWpD7djzLtMD-nHMyoAJLdFsjobulJmOOu0OL8Cvmc8l/s1600/Screen+Shot+2016-06-11+at+4.12.40+AM.png" style="max-width: 25% !important;" class="left" /></a>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwlUxGVWQ1NOlrA2Rn2O1W9gWbB-QBZkhzqYCezh1CCsbWaGuaPPwG9KykbyzqNDr70389o_ryVWsczY-Z3fPnYCysQFG5Hje3MWgfAK0-sxklv0K88sq5UrZoOP9HORpHX1I0DjDUdWlN/s1600/Screen+Shot+2016-06-11+at+4.13.01+AM.png" imageanchor="1"><img border="0" class="left" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwlUxGVWQ1NOlrA2Rn2O1W9gWbB-QBZkhzqYCezh1CCsbWaGuaPPwG9KykbyzqNDr70389o_ryVWsczY-Z3fPnYCysQFG5Hje3MWgfAK0-sxklv0K88sq5UrZoOP9HORpHX1I0DjDUdWlN/s1600/Screen+Shot+2016-06-11+at+4.13.01+AM.png" style="max-width: 25% !important;" class="left" /></a>
<div class="clearfix"></div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguy8YJ9bZsPxzEjHVX1ZyhXjG1y2b-PBfXfSakVunxzn7WqhZuP3VX3Fes_3G6YoYOiFh72Y44MxZIY0xHxgpIKGse1a0JwtuFy3l0OvRY84EiBTQwXa0fSo3FVYE8ab04PUecKue05YC6/s1600/Screen+Shot+2016-06-11+at+4.13.13+AM.png" imageanchor="1"><img border="0" class="left" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguy8YJ9bZsPxzEjHVX1ZyhXjG1y2b-PBfXfSakVunxzn7WqhZuP3VX3Fes_3G6YoYOiFh72Y44MxZIY0xHxgpIKGse1a0JwtuFy3l0OvRY84EiBTQwXa0fSo3FVYE8ab04PUecKue05YC6/s1600/Screen+Shot+2016-06-11+at+4.13.13+AM.png" style="max-width: 25% !important;" class="left"/></a>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiINlQzoWYtYN1r-wn49XqdMO53ZnVp1mv6AsFDGWTTcv2WrbqHa5h_d1cBRTERynWa3Ty6pZXRuvXDazCAX_I8G0eZcolBjZc6uFNnbenM7P5wpH50gQ_RKdzX9m4GvEh4WpxHAcOeprWx/s1600/Screen+Shot+2016-06-11+at+4.13.25+AM.png" imageanchor="1"><img border="0" class="left" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiINlQzoWYtYN1r-wn49XqdMO53ZnVp1mv6AsFDGWTTcv2WrbqHa5h_d1cBRTERynWa3Ty6pZXRuvXDazCAX_I8G0eZcolBjZc6uFNnbenM7P5wpH50gQ_RKdzX9m4GvEh4WpxHAcOeprWx/s1600/Screen+Shot+2016-06-11+at+4.13.25+AM.png" style="max-width: 25% !important;" class="left"/></a>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHU1I1Jg05G2efKNV7aJt9Fra9qVzZWTndO6w8SZJznrHImAVjvvYxYsuzgQCSG6BN0T47O7USNnmyxAoFYGwC1gIL-2dNnUyCg5PU1TqVQEt1U2pmnW9OBNdLlfI6UmjeRSx-2bethZUU/s1600/Screen+Shot+2016-06-11+at+4.13.38+AM.png" imageanchor="1"><img border="0" class="left" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHU1I1Jg05G2efKNV7aJt9Fra9qVzZWTndO6w8SZJznrHImAVjvvYxYsuzgQCSG6BN0T47O7USNnmyxAoFYGwC1gIL-2dNnUyCg5PU1TqVQEt1U2pmnW9OBNdLlfI6UmjeRSx-2bethZUU/s1600/Screen+Shot+2016-06-11+at+4.13.38+AM.png" style="max-width: 25% !important;" class="left" /></a>
<br />
<div class="clearfix"></div>
<a href="http://mobiletest.me/ipad_mini_emulator/?u=http://desaraev.com">Mobile Test Me</a>
<h1>Future Enhancements and Error Tracking</h1>
<p>The following picture is an excel sheet of future enhancements. They are prioritized and color coded. This is to track ideas I have along the way or receive from contextual inquiry (e.g. surveys, user interviews, usability testing, analytics).</p>
<p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHUEpAZYxEHd6gqQP7NqJ2roi8rmFLZkJFAtSsaQxM1tQjuD9DSmWl6igt00Lnof544ytfp3LFXpQ01MKFJ-uBrZmGLvxCzmKx2G2yeGpRJTs4Jt7ERTVdZKBGosGqHnSKfSKxQx2SXIOr/s1600/Screen+Shot+2016-06-11+at+6.45.45+AM.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHUEpAZYxEHd6gqQP7NqJ2roi8rmFLZkJFAtSsaQxM1tQjuD9DSmWl6igt00Lnof544ytfp3LFXpQ01MKFJ-uBrZmGLvxCzmKx2G2yeGpRJTs4Jt7ERTVdZKBGosGqHnSKfSKxQx2SXIOr/s1600/Screen+Shot+2016-06-11+at+6.45.45+AM.png" class="left"/></a>
</P>
<h1 id="tools">Tools and Skills</h1>
<p>The following are a list of some tools, skills, and frameworks used to build this site.</p>
<ul>
<li><a href="http://getbootstrap.com/javascript/#dropdowns">Bootstrap Buttons</a></li>
<li><a href="http://getbootstrap.com/examples/theme/">Boostrap Menu</a></li>
<li><a href="http://getbootstrap.com/components/#glyphicons">Bootstrap Glyphicons</a></li>
<li><a href="http://fontawesome.io/icons/">Font Awesome</a></li>
<li>Usability Testing</li>
<li><a href="http://beta.desaraev.com/2016/06/portfolio-website.html">Beta Site</a></li>
<li><a href="http://stackoverflow.com/questions/10769016/display-image-on-text-link-hover-css-only">Stackoverflow: CSS Only - make text appear on hover</a></li>
<li><a href="http://codepen.io/desaraev/">Codepen</a></li>
<li><a href="https://github.com/desaraev/portfolio/tree/blogger">Saving CSS/jQuery on GitHub</a></li>
<li><a href="http://hilite.me/">Creating code snippets</a></li>
<li><a href="http://www.bloggertipspro.com/2012/07/blogger-static-home-page-google-search.html">Create static homepage for Blogger</a></li>
<li><a href="http://kyleschaeffer.com/user-experience/10-things-a-website-should-never-ever-do/">http://kyleschaeffer.com/user-experience/10-things-a-website-should-never-ever-do/</a></li>
<li><a href="http://www.desaraev.com/2016/06/portfolio-website.html#access">Accessibility Checklist</a></li>
</ul>
<div class="clearfix"></div>
<div class="button-wrapper">
<div class="hover_img">
<a href="http://www.desaraev.com/2016/06/blog-post.html">
<button class="lined thin" title="Code pages are not optimized for mobile"><i class="fa fa-file-code-o" aria-hidden="true"></i> Code Samples</button>
<span>Code pages are not optimized for mobile</span>
</a>
</div>
<button class='lined thin'>
<a href="http://www.desaraev.com/p/pattern-library.html" target="_blank"><i class="fa fa-puzzle-piece" aria-hidden="true"></i> Pattern Library <div class="arrow arrow-1 right"></div>
</a></button>
</div>
<div class="clearfix"></div>DesaraeVhttp://www.blogger.com/profile/06354550301110673337noreply@blogger.com0tag:blogger.com,1999:blog-4717460821390233792.post-54593310360408034902016-06-18T20:13:00.002-05:002016-06-18T20:13:37.097-05:00Self-Initiated Projects<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAczcsw18rMEQF7tDZrICu7vY495eV5OnsNOzc4MkKLK3HH0dEAaGMv-VPVq2M700cmNwGINremSWp30WZ9ZRUKT-3mB8Ki2rgEz5-a3hNfwcDnNOvHz4evzre63onw0nnmfeJhSaEMr3W/s1600/2015-06-15+15.03.07.jpg" class="thumbnail"/>
<p class="excerpt">The purpose of this page is to show a sample of projects I've created over the years related to graphic design, event management, social media, and SEO. This page has multiple projects and most are for personal use like blogging.</p>
<a name='more'></a>
<div class="clearfix"> </div>
<div class="right">
<blockquote>
<h2>Jump to a Section:</h2>
<ul>
<li><a href="#overview">Overview</a></li>
<li><a href="#examples">Examples</a></li>
<li><a href="#tools">Examples</a></li>
</ul>
</blockquote>
</div>
<h1 id="overview">Overview</h1>
<p>I didn't think all of these projects merited an individual page, mostly because I'm short on time and there are a lot of them.</p>
<h1 id="examples">Examples</h1>
<p>Click on any 'example' image to zoom in:</p>
<div class="clearfix"></div>
<div class="portfoliogrid">
<center>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgq2f5kb0LjX423cJDPVdVN5m8cs5oUwcgmEtwFverWxVx2-6S7sN4EVfmdr6jGvDVM1LSSWMObwUUEmZyHFrmisKwHynr1WgoDTzeOyZ5cYnq5kQRrqJqzB7UUlVCrqOI_yA8j37s0QGD/s1600/2013-03-04+12.19.15.jpg" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgq2f5kb0LjX423cJDPVdVN5m8cs5oUwcgmEtwFverWxVx2-6S7sN4EVfmdr6jGvDVM1LSSWMObwUUEmZyHFrmisKwHynr1WgoDTzeOyZ5cYnq5kQRrqJqzB7UUlVCrqOI_yA8j37s0QGD/s1600/2013-03-04+12.19.15.jpg" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizZW9xQplvvAI72-fS-e6Zs1NZDa0eCbgYOt8PtfSKDoLOCRs_RNvyRx8eQ5poQjKocCfA9IfKHqbzx_KBkuzNMDmbmdHFUb9uc9wMRaMaKyRYp-TEk91U_kmR31WTSJDlUHf4oC2EOSdP/s1600/2013-03-04+12.22.57.jpg" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizZW9xQplvvAI72-fS-e6Zs1NZDa0eCbgYOt8PtfSKDoLOCRs_RNvyRx8eQ5poQjKocCfA9IfKHqbzx_KBkuzNMDmbmdHFUb9uc9wMRaMaKyRYp-TEk91U_kmR31WTSJDlUHf4oC2EOSdP/s1600/2013-03-04+12.22.57.jpg" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhomUMuM81m92PJRqLgQBBqsm_sEVM78DpykD2tvNf3cIPrELb6L5Fz-ZPfN8owlv-IC1N-Xu3A-EgZuSLPmyWBfvJV5JFzmiuld3kmAZUAfRGsbBUl6UMTIFB3gf5Ay3cOA0yn5k9Wu1Jg/s1600/2015-06-15+15.01.13.jpg" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhomUMuM81m92PJRqLgQBBqsm_sEVM78DpykD2tvNf3cIPrELb6L5Fz-ZPfN8owlv-IC1N-Xu3A-EgZuSLPmyWBfvJV5JFzmiuld3kmAZUAfRGsbBUl6UMTIFB3gf5Ay3cOA0yn5k9Wu1Jg/s1600/2015-06-15+15.01.13.jpg" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYTJKhF_0JiIHIo06GLDWLuEPe4BrZVyt6PGR0TpmniknX9S7zqjXTfit6WeobSruQhJ2RD0ReCsYQwZ_w1tgp-xz0sYJXIMboiFgN6kjNYuAnlObhrjjmEczi4Y3Z-pg3xsxvMQO-c8s9/s1600/2015-06-15+15.01.35.jpg" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYTJKhF_0JiIHIo06GLDWLuEPe4BrZVyt6PGR0TpmniknX9S7zqjXTfit6WeobSruQhJ2RD0ReCsYQwZ_w1tgp-xz0sYJXIMboiFgN6kjNYuAnlObhrjjmEczi4Y3Z-pg3xsxvMQO-c8s9/s1600/2015-06-15+15.01.35.jpg" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWGicC1aY6_E3qzZ8Zl7M9HFk0YVEO6v1Ce83ILU7CFjW0p_DbZzV5NTNup50F_NeftNjpySdzVX3VjX9WKIPWc7eRD0JdFMwGEnOoHY9GnrVktR4D6pJ_0vALde8kNGqUvz1rXt8QPndW/s1600/2015-06-15+15.01.41.jpg" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWGicC1aY6_E3qzZ8Zl7M9HFk0YVEO6v1Ce83ILU7CFjW0p_DbZzV5NTNup50F_NeftNjpySdzVX3VjX9WKIPWc7eRD0JdFMwGEnOoHY9GnrVktR4D6pJ_0vALde8kNGqUvz1rXt8QPndW/s1600/2015-06-15+15.01.41.jpg" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHj9k3d43mcCreVadOrl-5LfiKjZ3NVLGF-oVVa7xpC6vSC6HCRNLdVOujcPLBDI-z69eYVrbhqbEzCKzOna6SvS39mt7POmNwzzFSoG4rZmwhAZP_9-sCfV5nZMffNTV_t8OhOhJFXa1x/s1600/2015-06-15+15.02.00.jpg" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHj9k3d43mcCreVadOrl-5LfiKjZ3NVLGF-oVVa7xpC6vSC6HCRNLdVOujcPLBDI-z69eYVrbhqbEzCKzOna6SvS39mt7POmNwzzFSoG4rZmwhAZP_9-sCfV5nZMffNTV_t8OhOhJFXa1x/s1600/2015-06-15+15.02.00.jpg" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjn-O9n-afKAiaPTHIYdFTwKLVY4qRwIZ539pj6ME7tK6Xzas3_klsPK7sKOFHxkD-a09PLO5kUILNBwDgXIBkMGL90oHRIO0Ew1xbrlk2IzFDNDOJZ5WB3URiDhqVBZFTZKxp8ycSmSy5K/s1600/2015-06-15+15.02.23.jpg" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjn-O9n-afKAiaPTHIYdFTwKLVY4qRwIZ539pj6ME7tK6Xzas3_klsPK7sKOFHxkD-a09PLO5kUILNBwDgXIBkMGL90oHRIO0Ew1xbrlk2IzFDNDOJZ5WB3URiDhqVBZFTZKxp8ycSmSy5K/s1600/2015-06-15+15.02.23.jpg" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYso1LdA9VusDOJRGyI4ZK1ZlVQ99aUfLnyBZwa_IeaAO9R5b60pKxlhTymD084unzQ7EM4bdwaupm09TGnEVOQFFj0hyphenhyphen9dDyuil5yhG1CAGNGyWxGKBwwQSnh2C6IVmviheGZ4xR_ETmz/s1600/2015-06-15+15.02.44.jpg" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYso1LdA9VusDOJRGyI4ZK1ZlVQ99aUfLnyBZwa_IeaAO9R5b60pKxlhTymD084unzQ7EM4bdwaupm09TGnEVOQFFj0hyphenhyphen9dDyuil5yhG1CAGNGyWxGKBwwQSnh2C6IVmviheGZ4xR_ETmz/s1600/2015-06-15+15.02.44.jpg" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAczcsw18rMEQF7tDZrICu7vY495eV5OnsNOzc4MkKLK3HH0dEAaGMv-VPVq2M700cmNwGINremSWp30WZ9ZRUKT-3mB8Ki2rgEz5-a3hNfwcDnNOvHz4evzre63onw0nnmfeJhSaEMr3W/s1600/2015-06-15+15.03.07.jpg" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAczcsw18rMEQF7tDZrICu7vY495eV5OnsNOzc4MkKLK3HH0dEAaGMv-VPVq2M700cmNwGINremSWp30WZ9ZRUKT-3mB8Ki2rgEz5-a3hNfwcDnNOvHz4evzre63onw0nnmfeJhSaEMr3W/s1600/2015-06-15+15.03.07.jpg" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFM3tTkuB5Zw3jyCC6ips231BZiLyMH0Hql2wtkOpo9Zn_smpB26npr8PeWRs5KxOGWxIwZ9ZxMwFeWWJ2W8sJ697bZAejBwYoKAlHEcSIbIykx6iOEHGV5pB5luv42H9v5q106e3cUAnL/s1600/2015-06-15+15.03.12.jpg" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFM3tTkuB5Zw3jyCC6ips231BZiLyMH0Hql2wtkOpo9Zn_smpB26npr8PeWRs5KxOGWxIwZ9ZxMwFeWWJ2W8sJ697bZAejBwYoKAlHEcSIbIykx6iOEHGV5pB5luv42H9v5q106e3cUAnL/s1600/2015-06-15+15.03.12.jpg" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_PY86i10zulfKk0RULDx-8vyJpSlaaRn_xwjuH9iEQ-WTCH4Mt2Jgf0ALhUHniizkKuJA3CrdjjRjxBEhzS8kNKRqRT6C2gH6i9RkVxReV8eS3CLlX74H-hs-MgidVFgN-PdBJT76Med1/s1600/2015-06-15+15.04.25.jpg" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_PY86i10zulfKk0RULDx-8vyJpSlaaRn_xwjuH9iEQ-WTCH4Mt2Jgf0ALhUHniizkKuJA3CrdjjRjxBEhzS8kNKRqRT6C2gH6i9RkVxReV8eS3CLlX74H-hs-MgidVFgN-PdBJT76Med1/s1600/2015-06-15+15.04.25.jpg" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjWgPLijvrWwJBKR0XaWnN0yRqjJgaHq4rEbYb8DsE0Q3HQ1c52bdEM4h3_uhD071cSa20rUDyvyi_JKTE5CnHvA8eSGRkxGAjc8wdCcbM17f43WAbmMs39sr8VIkJRdWdYaNICsUiPij_/s1600/2015-06-15+15.04.26.jpg" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjWgPLijvrWwJBKR0XaWnN0yRqjJgaHq4rEbYb8DsE0Q3HQ1c52bdEM4h3_uhD071cSa20rUDyvyi_JKTE5CnHvA8eSGRkxGAjc8wdCcbM17f43WAbmMs39sr8VIkJRdWdYaNICsUiPij_/s1600/2015-06-15+15.04.26.jpg" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi5dRkS4qr9HwIH83NGMF0nMSIgyj88eweNX7gh2HWw6oOo8TCibrBT0L5IoejmZENNipXa_TkbklhMwXrKhkGnWaHIV3RdADgh1uSD-dYeHoGKbIRmWlDJ7yaICTky_PKV3bPEdDiB2Qc/s1600/2015-06-15+15.51.40.jpg" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi5dRkS4qr9HwIH83NGMF0nMSIgyj88eweNX7gh2HWw6oOo8TCibrBT0L5IoejmZENNipXa_TkbklhMwXrKhkGnWaHIV3RdADgh1uSD-dYeHoGKbIRmWlDJ7yaICTky_PKV3bPEdDiB2Qc/s1600/2015-06-15+15.51.40.jpg" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4m5pCRejdtLuOy0QJxJPtnp-p9-ea-Li3hXDdOpwvG2xCzTPsmf8fYv0kv3AodhxgZXTvNb1kOD9eAqXCqRzhZzyRbPLxJ6KIgm2-bSTtu6l_vyhugTLHxZRt8aamycaf5tfwesvQMhyC/s1600/2015-06-15+15.51.41.jpg" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4m5pCRejdtLuOy0QJxJPtnp-p9-ea-Li3hXDdOpwvG2xCzTPsmf8fYv0kv3AodhxgZXTvNb1kOD9eAqXCqRzhZzyRbPLxJ6KIgm2-bSTtu6l_vyhugTLHxZRt8aamycaf5tfwesvQMhyC/s1600/2015-06-15+15.51.41.jpg" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDDLPwdIKMGm6lZUsS28600uwsaEPA873AFwWfryESoJIO1K6S28r4z8pJBoyeNnH_MLqtQ89LXFjqdao5Pr2Icl5q_yVG0ht850x_jcT042L07NlvPgJeIH9HegdO_YusGPTonyk5EV9j/s1600/wordpress-logo.jpg" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDDLPwdIKMGm6lZUsS28600uwsaEPA873AFwWfryESoJIO1K6S28r4z8pJBoyeNnH_MLqtQ89LXFjqdao5Pr2Icl5q_yVG0ht850x_jcT042L07NlvPgJeIH9HegdO_YusGPTonyk5EV9j/s1600/wordpress-logo.jpg" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhScvLkTDHxloDfIAZfqE0YocGgiwgQ721BfnfSWUF93GkQFAhMDx3HTP7m9SrGjAo36IjjfxH5Qx0_CjBRbJE4JPzUXlkhgMXjNC-YWXE3O2oIhnJM_0fd6OvQw-lN32dQHYq3UKiRSSds/s1600/sculpt-certification.jpg" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhScvLkTDHxloDfIAZfqE0YocGgiwgQ721BfnfSWUF93GkQFAhMDx3HTP7m9SrGjAo36IjjfxH5Qx0_CjBRbJE4JPzUXlkhgMXjNC-YWXE3O2oIhnJM_0fd6OvQw-lN32dQHYq3UKiRSSds/s1600/sculpt-certification.jpg" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw4yoXZylJ71bWT8ZH57Dl8NS0un36XSJtAcm9JWAH4E2xLpDhai0q6qbQMTPDIZL0PUx02W__QZeLdxQMQlwSkGzka7v8R8BJd0VZWs5ObxLhtxCpeEkdmKvMjrOWhNrioX9loWT8V0NC/s1600/ac-fb.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw4yoXZylJ71bWT8ZH57Dl8NS0un36XSJtAcm9JWAH4E2xLpDhai0q6qbQMTPDIZL0PUx02W__QZeLdxQMQlwSkGzka7v8R8BJd0VZWs5ObxLhtxCpeEkdmKvMjrOWhNrioX9loWT8V0NC/s1600/ac-fb.png" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVQqi3LAkkztpOplcT8rvXZzfYfmlXGKMs5d1HLws3RnrWi5QcX3N4dx9QM8NFmyjf0FPzPbn_HtLk4zn0K83JwkGkqQxYoaIbHvp296os0gxF6379sWQMN79-i7SOuNCHqQ4kIi7T3lDS/s1600/Screen+Shot+2013-05-26+at+6.38.48+PM.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVQqi3LAkkztpOplcT8rvXZzfYfmlXGKMs5d1HLws3RnrWi5QcX3N4dx9QM8NFmyjf0FPzPbn_HtLk4zn0K83JwkGkqQxYoaIbHvp296os0gxF6379sWQMN79-i7SOuNCHqQ4kIi7T3lDS/s1600/Screen+Shot+2013-05-26+at+6.38.48+PM.png" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgX1VyD5HedmWMcf3QRTJG4U7u1kuR90IILXxvLukgRBLk_B7e6m3zyfMS-LRDSh-0TIN-YGAdu3NeTKSrrNUOv1g54_C2Zi2mrN1MKIjlbWIIV4NE2wh09OcFEVxKmgCJ5xzLzJanVIYYK/s1600/logo3.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgX1VyD5HedmWMcf3QRTJG4U7u1kuR90IILXxvLukgRBLk_B7e6m3zyfMS-LRDSh-0TIN-YGAdu3NeTKSrrNUOv1g54_C2Zi2mrN1MKIjlbWIIV4NE2wh09OcFEVxKmgCJ5xzLzJanVIYYK/s1600/logo3.png" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOkiaUsKzvO_5AFBhZgsvn0Kek00dHBPSd_eUJa38ydsxm-EFTKQZt8N1UYERdgIyueun4cD2MdcQJQVauO3h3LLsnis2sI1jXGY8cv4kX6FjqF8g5sJIc4wdGTzQ6-MC66w-g_GC1pyd4/s1600/browsehorses.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOkiaUsKzvO_5AFBhZgsvn0Kek00dHBPSd_eUJa38ydsxm-EFTKQZt8N1UYERdgIyueun4cD2MdcQJQVauO3h3LLsnis2sI1jXGY8cv4kX6FjqF8g5sJIc4wdGTzQ6-MC66w-g_GC1pyd4/s1600/browsehorses.png" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWwMP89xuB7uKl-mGiXC785E6Rf_8of-TQM3hrL0Icrmwj7Mxlr3qsdqcAUiK15cFSAfIHbHQCjXLMZ6TlYOoMOzxgKHDnSNJ9wb_O5hU8InihMl7tsNkd571MQxkuiNX07Tc1Y6H2WTwq/s1600/catbrowsehorse.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWwMP89xuB7uKl-mGiXC785E6Rf_8of-TQM3hrL0Icrmwj7Mxlr3qsdqcAUiK15cFSAfIHbHQCjXLMZ6TlYOoMOzxgKHDnSNJ9wb_O5hU8InihMl7tsNkd571MQxkuiNX07Tc1Y6H2WTwq/s1600/catbrowsehorse.png" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyuF3-H4I1mzb2p9g3vAJtLcymqbG-Gdn09ecBo-u6ixWfojdeds9f_Gin9mhiMFNbuW1K7Yq_7Vvg3oH657Ge-guotGZ6A1lGuuw2CKCfkJNNx16jxppzMhKLhaG6WSIvADtAhCOsii38/s1600/catbrowsehorsegreen.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyuF3-H4I1mzb2p9g3vAJtLcymqbG-Gdn09ecBo-u6ixWfojdeds9f_Gin9mhiMFNbuW1K7Yq_7Vvg3oH657Ge-guotGZ6A1lGuuw2CKCfkJNNx16jxppzMhKLhaG6WSIvADtAhCOsii38/s1600/catbrowsehorsegreen.png" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3ND9x-tVD1mTdc39fTziOIlsn5EYEpmTdCsi1r69LIrkfWiscuy218ASjvy80M0vk7it_8l_VpdEaHq6dSO2tYvuE5PhJYYCwx5vH-Z_ZHgiTLA2QAuULrtgTQ5pif-A0XBmA7qcu8-Rv/s1600/categories-button-Black.gif" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3ND9x-tVD1mTdc39fTziOIlsn5EYEpmTdCsi1r69LIrkfWiscuy218ASjvy80M0vk7it_8l_VpdEaHq6dSO2tYvuE5PhJYYCwx5vH-Z_ZHgiTLA2QAuULrtgTQ5pif-A0XBmA7qcu8-Rv/s1600/categories-button-Black.gif" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-ds6Ny4rJuB3ZzFC41pIFP1RyjGyazxhuEzpUfXyjyiMYwMt5ev3QiZqjLuBuvK7PbtheyCCoJ_6AlxbsteaO2J0nfd2mEyrjzCHMi-5mCUypPL76bGBH6_58iRajLHHLu6y-j4GtKQ34/s1600/Cool+River+Ranch+245.jpg" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-ds6Ny4rJuB3ZzFC41pIFP1RyjGyazxhuEzpUfXyjyiMYwMt5ev3QiZqjLuBuvK7PbtheyCCoJ_6AlxbsteaO2J0nfd2mEyrjzCHMi-5mCUypPL76bGBH6_58iRajLHHLu6y-j4GtKQ34/s1600/Cool+River+Ranch+245.jpg" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBxR-_LUAYTnBBDDJmsCRPKHP0zuZxvh8VFRujGrcPMxR6yGUAgvweJvKxcN2rArOKZ0kE9x01NmjnbXyAM4FA7j3jgReNqnSWO2wxmZVc872jDxUBebzjQ3OexWxRdLsjGr3ezujy1nxA/s1600/Cool-River-Ranch-380.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBxR-_LUAYTnBBDDJmsCRPKHP0zuZxvh8VFRujGrcPMxR6yGUAgvweJvKxcN2rArOKZ0kE9x01NmjnbXyAM4FA7j3jgReNqnSWO2wxmZVc872jDxUBebzjQ3OexWxRdLsjGr3ezujy1nxA/s1600/Cool-River-Ranch-380.png" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuC1Lc2d68pADi5ilQ3bh3CB68SPzk-kxCrNdIHTRW4iSsJl9EJRu1lPlK8WS3F_gR70NVVef0ogemL8yBe0DZcmUFZqpBQWcTfjWuHerB4QiK8hPllavrVpdis0wYukIe3__QuSfIGS77/s1600/logo.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuC1Lc2d68pADi5ilQ3bh3CB68SPzk-kxCrNdIHTRW4iSsJl9EJRu1lPlK8WS3F_gR70NVVef0ogemL8yBe0DZcmUFZqpBQWcTfjWuHerB4QiK8hPllavrVpdis0wYukIe3__QuSfIGS77/s1600/logo.png" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-ztJthjdEp5wPbfgxIbD3Kz40SO7fzCrrng6PJ7cDxpi9DK0CA5vD-p8soZdJJsHNQ8lrCTP3GAoio6j7t77Sfssh35WM7yeTl30uTaaFtcdZ6uhorMyegw9aXzDnmnx-a76nZkdRAiBi/s1600/Screen+shot+2010-12-04+at+7.34.10+PM.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-ztJthjdEp5wPbfgxIbD3Kz40SO7fzCrrng6PJ7cDxpi9DK0CA5vD-p8soZdJJsHNQ8lrCTP3GAoio6j7t77Sfssh35WM7yeTl30uTaaFtcdZ6uhorMyegw9aXzDnmnx-a76nZkdRAiBi/s1600/Screen+shot+2010-12-04+at+7.34.10+PM.png" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhg72JnuDSMeDktRWH-bzroWu9FNQlALTWDHCh-AwJPczH3mzimuVz-0zpe9VuaIgjj5umQvCUzZTYN-EtXlVc5ulXGdFWFxZu9woXteYE5-U363XzjJorQ7kblX0oJsRv8OfJUZXe9X26K/s1600/bannerband2.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhg72JnuDSMeDktRWH-bzroWu9FNQlALTWDHCh-AwJPczH3mzimuVz-0zpe9VuaIgjj5umQvCUzZTYN-EtXlVc5ulXGdFWFxZu9woXteYE5-U363XzjJorQ7kblX0oJsRv8OfJUZXe9X26K/s1600/bannerband2.png" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRIZL2j3cYPCPpWxgw73qd9MgNomXeDMLpvxpX8oezlG0jk3vQZ_Ya0FGn7Gh0eL08UtkENQnNAlWTECky5j29W890y3_FFLXqYlbmDomN2YuT55ELJFdMFmNpH7Z1mk7nULz93IBPjJW7/s1600/bannerbandyoutube.jpg" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRIZL2j3cYPCPpWxgw73qd9MgNomXeDMLpvxpX8oezlG0jk3vQZ_Ya0FGn7Gh0eL08UtkENQnNAlWTECky5j29W890y3_FFLXqYlbmDomN2YuT55ELJFdMFmNpH7Z1mk7nULz93IBPjJW7/s1600/bannerbandyoutube.jpg" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjc7TOujlj-e4cpS-4CC1lwI6SZ_8csniRVq6U-AzWOTaNC4l4QuoQ7l5AOu_XWrK-qFDuL-IG3S-QX6zvZA8brnvrpD9Bgw0D8x5th1JjuZyNh2xlti3A_B3NTBVIt7hyphenhyphentx3WdA8AZqS-g/s1600/Screen+Shot+2016-06-11+at+2.08.09+AM.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjc7TOujlj-e4cpS-4CC1lwI6SZ_8csniRVq6U-AzWOTaNC4l4QuoQ7l5AOu_XWrK-qFDuL-IG3S-QX6zvZA8brnvrpD9Bgw0D8x5th1JjuZyNh2xlti3A_B3NTBVIt7hyphenhyphentx3WdA8AZqS-g/s1600/Screen+Shot+2016-06-11+at+2.08.09+AM.png" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXMJm81pj76lDudgIud4KsaAvspvw34UAt7THvaApwwb_vpl2cNq6UtVVdywgOrgOENbN6IESgn7Turo8Pr-DgWlB99gU0N1hzmHPJAq9JPPZQ31cC_d-MWLTULA5XEt-YAYthT0N4MN5s/s1600/audiblead300x81.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXMJm81pj76lDudgIud4KsaAvspvw34UAt7THvaApwwb_vpl2cNq6UtVVdywgOrgOENbN6IESgn7Turo8Pr-DgWlB99gU0N1hzmHPJAq9JPPZQ31cC_d-MWLTULA5XEt-YAYthT0N4MN5s/s1600/audiblead300x81.png" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia8T4ynVr4ngAT2BXb_iQJ-w6H6ESsBqNLeKPS5T-aYXDzSzbfGPQvwZxvi_BbMtUafGzvfN9AlojQlBy0LQIdRGAW9Ns6IFfP66xLfdkb6hyphenhyphenVIyNidupY6RhNlzGsm1D_U51Hp81_58LI/s1600/FREEaudiobook.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia8T4ynVr4ngAT2BXb_iQJ-w6H6ESsBqNLeKPS5T-aYXDzSzbfGPQvwZxvi_BbMtUafGzvfN9AlojQlBy0LQIdRGAW9Ns6IFfP66xLfdkb6hyphenhyphenVIyNidupY6RhNlzGsm1D_U51Hp81_58LI/s1600/FREEaudiobook.png" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFExhujcAbj7j3a0f3yOkp7r4TTWUZIsO75wxhuNPDaLXjAV6UiXfK-u8_j3LHmzaANhIWGu5R2BxhDggRkVNo0uwiJC1mtE3Saj82nJkKTsR3L7CO2TSq6Mhqj3AEfqEm3Hk4PJ0vfh8K/s1600/Screen+Shot+2016-06-11+at+2.08.09+AM.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFExhujcAbj7j3a0f3yOkp7r4TTWUZIsO75wxhuNPDaLXjAV6UiXfK-u8_j3LHmzaANhIWGu5R2BxhDggRkVNo0uwiJC1mtE3Saj82nJkKTsR3L7CO2TSq6Mhqj3AEfqEm3Hk4PJ0vfh8K/s1600/Screen+Shot+2016-06-11+at+2.08.09+AM.png" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinkmiLWtqk0kdTL5v05VV0COloBwCtV5EzTuhIR9Jt5hMsVei42CRH42F2eMMeOZqmKtG0IlvcMnwUQ_9Oa0a_Q9ncQPj-ejFPNzyI_K3VktNCLXocbLPj-boXnEJ7qWD0ChjIs1AQ53AB/s1600/Screen+Shot+2016-06-11+at+2.09.42+AM.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinkmiLWtqk0kdTL5v05VV0COloBwCtV5EzTuhIR9Jt5hMsVei42CRH42F2eMMeOZqmKtG0IlvcMnwUQ_9Oa0a_Q9ncQPj-ejFPNzyI_K3VktNCLXocbLPj-boXnEJ7qWD0ChjIs1AQ53AB/s1600/Screen+Shot+2016-06-11+at+2.09.42+AM.png" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3cvAmQE7WUVyStvIRmD3J9QN8ox256NEpowDUZMGd5Xe0CNl-qIZg55zyapicnXKK0PJoYCABcLX_U_cLd6_2Tb_0jQDiTF_AjhiQ-Dy0DzdYTcyDzHWLHVhKtIWRjC6IvOniP4r_te4L/s1600/Screen+Shot+2016-06-11+at+2.09.52+AM.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3cvAmQE7WUVyStvIRmD3J9QN8ox256NEpowDUZMGd5Xe0CNl-qIZg55zyapicnXKK0PJoYCABcLX_U_cLd6_2Tb_0jQDiTF_AjhiQ-Dy0DzdYTcyDzHWLHVhKtIWRjC6IvOniP4r_te4L/s1600/Screen+Shot+2016-06-11+at+2.09.52+AM.png" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjptVAY9UrS0wFFdCJhmHCFEeY-uHNTFnNYtq0krmMkNyNaPTR2u0oA2iWddBylNPkZHTHKDUpWOy76uHtwJkFUIchOn6ylXr0aQ_wmWNMtuk__wDCiWpo4ET9q2XqdLhpHphf-RAIgrRZO/s1600/Screen+Shot+2016-06-11+at+2.10.02+AM.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjptVAY9UrS0wFFdCJhmHCFEeY-uHNTFnNYtq0krmMkNyNaPTR2u0oA2iWddBylNPkZHTHKDUpWOy76uHtwJkFUIchOn6ylXr0aQ_wmWNMtuk__wDCiWpo4ET9q2XqdLhpHphf-RAIgrRZO/s1600/Screen+Shot+2016-06-11+at+2.10.02+AM.png" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwBnF_NaaauN6vFEwvOVQYd4SEfyq0Ehx9exyHHD8aTbAWNu_BwO6O1cpnAwSZh8stXBw7VjfJZfQeo_nkEsRI5ZNijdvS8Ut3ynVmpgeRNWSH073qCI7BXKrMyitib6XfzIIyRI23gm0F/s1600/Screen+Shot+2016-06-11+at+2.10.40+AM.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwBnF_NaaauN6vFEwvOVQYd4SEfyq0Ehx9exyHHD8aTbAWNu_BwO6O1cpnAwSZh8stXBw7VjfJZfQeo_nkEsRI5ZNijdvS8Ut3ynVmpgeRNWSH073qCI7BXKrMyitib6XfzIIyRI23gm0F/s1600/Screen+Shot+2016-06-11+at+2.10.40+AM.png" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2b9Hq-oR-be7HsT6R5kxvk3R4sRebGBBsROV7SnwwhgvE_92IGutkfDc9aueQpRZM3ulJ9MHmsENOSJXJj5F3D02FRxXYW1J7sFKWud_qgp2aQz8WV_CHXsbb28-ehbChCi3kBzt0DxNP/s1600/Screen+Shot+2016-06-11+at+2.11.06+AM.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2b9Hq-oR-be7HsT6R5kxvk3R4sRebGBBsROV7SnwwhgvE_92IGutkfDc9aueQpRZM3ulJ9MHmsENOSJXJj5F3D02FRxXYW1J7sFKWud_qgp2aQz8WV_CHXsbb28-ehbChCi3kBzt0DxNP/s1600/Screen+Shot+2016-06-11+at+2.11.06+AM.png" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1vTFaIoUFYsBec9MsO-whUahvxzUhI0MJc7kgnSiy7kuRAF6X8wuwJ_SAbWwHRbhrgKjzEXu_bwwFHL25AHFusz4FBF13MlQTjlfOPMU8VOGStBqjNSVwYOAuQNqmvDTx_-WUtJszz9aY/s1600/Screen+Shot+2016-06-11+at+2.12.03+AM.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1vTFaIoUFYsBec9MsO-whUahvxzUhI0MJc7kgnSiy7kuRAF6X8wuwJ_SAbWwHRbhrgKjzEXu_bwwFHL25AHFusz4FBF13MlQTjlfOPMU8VOGStBqjNSVwYOAuQNqmvDTx_-WUtJszz9aY/s1600/Screen+Shot+2016-06-11+at+2.12.03+AM.png" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjd1iX30wVjSL1r8apvJNMkENKNu9OA49t77EZugEuy2oRv_rUOjBZ8WahodvYXKNwgxV9PkWOu7pOuCRtlQvoUemm9sh7eFsY0Shhyphenhyphenrv6PfubN0EtJJ2dc5esvV0MRbcgboSCQMrQ9fUue/s1600/Screen+Shot+2016-06-11+at+2.12.12+AM.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjd1iX30wVjSL1r8apvJNMkENKNu9OA49t77EZugEuy2oRv_rUOjBZ8WahodvYXKNwgxV9PkWOu7pOuCRtlQvoUemm9sh7eFsY0Shhyphenhyphenrv6PfubN0EtJJ2dc5esvV0MRbcgboSCQMrQ9fUue/s1600/Screen+Shot+2016-06-11+at+2.12.12+AM.png" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiex-QnmCxzTKeAOIrcQ33tvse-t-_bCRWAv0fZeOdKo3cSQayDaImCmb3YkcVf3z12-j4zk7RHYblm0KTHWJFC7ad8mrL9Y5exfMuNt3gT5FbMlVXhX0fOkw0g1m8UHlTUw6rC2-VEysEM/s1600/Screen+Shot+2016-06-11+at+2.12.31+AM.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiex-QnmCxzTKeAOIrcQ33tvse-t-_bCRWAv0fZeOdKo3cSQayDaImCmb3YkcVf3z12-j4zk7RHYblm0KTHWJFC7ad8mrL9Y5exfMuNt3gT5FbMlVXhX0fOkw0g1m8UHlTUw6rC2-VEysEM/s1600/Screen+Shot+2016-06-11+at+2.12.31+AM.png" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPV7UKw6O36eA9esCrGUubz4hfeIG8lOU7ESXSIN56Ltf2n6M8ak-Bn5S_EjMN-VsdB2l9AwpD9UCrW20-yGqpfIxZQgvlXbIKgqsSZWdzhD6WiUF1hBvDLnkobd7D_JY0jviyhjrwA8B2/s1600/Screen+Shot+2016-06-11+at+2.13.02+AM.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPV7UKw6O36eA9esCrGUubz4hfeIG8lOU7ESXSIN56Ltf2n6M8ak-Bn5S_EjMN-VsdB2l9AwpD9UCrW20-yGqpfIxZQgvlXbIKgqsSZWdzhD6WiUF1hBvDLnkobd7D_JY0jviyhjrwA8B2/s1600/Screen+Shot+2016-06-11+at+2.13.02+AM.png" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMPexeHitb_gdWlpS0XeLlBMwvJwD6ApvkChg38P_5npHFHuHINr8yptMyfsTqfzKUv3HhXpWoA-b9s6H0YC5uPSIKLmg39_B84191Gti9mX1tkZuyKm29skITwVEj_OCbTO8WI1hOebHl/s1600/Screen+Shot+2016-06-11+at+2.13.16+AM.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMPexeHitb_gdWlpS0XeLlBMwvJwD6ApvkChg38P_5npHFHuHINr8yptMyfsTqfzKUv3HhXpWoA-b9s6H0YC5uPSIKLmg39_B84191Gti9mX1tkZuyKm29skITwVEj_OCbTO8WI1hOebHl/s1600/Screen+Shot+2016-06-11+at+2.13.16+AM.png" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFdXu7yrr9iazwNviu2_4Uc1vVRpKMckjmdftHuCxgY5XCX4bB4feH0q6RM0mkkeEAdDes4jxFU6Mva2iiwoo1AYwelfgakgOaibbhA1EDsqr0M1rOFInj5Goq_fHJJeiCQ2Tu4uz_lXP0/s1600/johnston2.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFdXu7yrr9iazwNviu2_4Uc1vVRpKMckjmdftHuCxgY5XCX4bB4feH0q6RM0mkkeEAdDes4jxFU6Mva2iiwoo1AYwelfgakgOaibbhA1EDsqr0M1rOFInj5Goq_fHJJeiCQ2Tu4uz_lXP0/s1600/johnston2.png" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9EcmAqZq3qVa15ZmWNf5BPpS-_snT25idH3GQMSD2tV31yvpUNSGrwf54IY9h-2ykuK3hcAzlwiS5AHB2N4oUHPmmTcOVboYTOYK5aQK3ri73lcqZq2SgOJh4mF51vwyAFysVhArX1HLO/s1600/header.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9EcmAqZq3qVa15ZmWNf5BPpS-_snT25idH3GQMSD2tV31yvpUNSGrwf54IY9h-2ykuK3hcAzlwiS5AHB2N4oUHPmmTcOVboYTOYK5aQK3ri73lcqZq2SgOJh4mF51vwyAFysVhArX1HLO/s1600/header.png" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi33zdEHVcrnvQ3h9kgp-JHDnZ2EIggd8oxootIvyKyXUS8iZAyOaPp3Bygw2q2K7gc3nYI-4KKBkI8Q2oMAEILc_7qVQ7_VnQv0NmndEyYa4b2EzxJj8s7OKnmTsxkrT9nc9O3mEbkahpP/s1600/logo.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi33zdEHVcrnvQ3h9kgp-JHDnZ2EIggd8oxootIvyKyXUS8iZAyOaPp3Bygw2q2K7gc3nYI-4KKBkI8Q2oMAEILc_7qVQ7_VnQv0NmndEyYa4b2EzxJj8s7OKnmTsxkrT9nc9O3mEbkahpP/s1600/logo.png" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOM023nYHNLN_W_-UWtu1AIOfPDaZQR-qTxQikoVJfYJqgM9kFjzjJrOXcEqHw0UEXtIOXy0uJVcNUjEdeTg7uuGJgT_Vd7aVfiO0u9DZik075BYHu3BhWoUTCD0GxoCwQNJrXZ_PYQEDL/s1600/cofffee.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOM023nYHNLN_W_-UWtu1AIOfPDaZQR-qTxQikoVJfYJqgM9kFjzjJrOXcEqHw0UEXtIOXy0uJVcNUjEdeTg7uuGJgT_Vd7aVfiO0u9DZik075BYHu3BhWoUTCD0GxoCwQNJrXZ_PYQEDL/s1600/cofffee.png" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0pmIzz7GQdOhfb4HZvOEIyuy2SwO-zEs2Joj1EmHWfC4pmsXYkS_3RL1XNDoGvTlxXI8mrcdQ4GBC6BAL5L-or_9-WgPSYSo1kJvjCkzSr73YuaDFu5AtlybkMnveKPOKpfv3jj1NZMnL/s1600/directions.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0pmIzz7GQdOhfb4HZvOEIyuy2SwO-zEs2Joj1EmHWfC4pmsXYkS_3RL1XNDoGvTlxXI8mrcdQ4GBC6BAL5L-or_9-WgPSYSo1kJvjCkzSr73YuaDFu5AtlybkMnveKPOKpfv3jj1NZMnL/s1600/directions.png" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix9RU_sT2PQnHTHelBCH6JIkGLTm2unL1I3zmGCR3oTdsWYzgcbNRxrMiue6JRsTo-YA6Ffcq2H8fxFqqKW_jjI1o3_ppuWYdrWLllbbhyITOuqpKv-FFW3HZTYRvlApR2aJ1IXrMwvapK/s1600/purchase-cofffee.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix9RU_sT2PQnHTHelBCH6JIkGLTm2unL1I3zmGCR3oTdsWYzgcbNRxrMiue6JRsTo-YA6Ffcq2H8fxFqqKW_jjI1o3_ppuWYdrWLllbbhyITOuqpKv-FFW3HZTYRvlApR2aJ1IXrMwvapK/s1600/purchase-cofffee.png" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbF07yXxi72abXlslzuQmiCbMg7oKlXlpCxd8Le-hjplPW-l4Ezn-5rNSomGFDz0adfUtkPfAS79QIB-EGadfiHNxRh3ojaoO-nq891lbcF004PHN71Uy9Zcomm6KF5NPUC_97udAqqnMs/s1600/template.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbF07yXxi72abXlslzuQmiCbMg7oKlXlpCxd8Le-hjplPW-l4Ezn-5rNSomGFDz0adfUtkPfAS79QIB-EGadfiHNxRh3ojaoO-nq891lbcF004PHN71Uy9Zcomm6KF5NPUC_97udAqqnMs/s1600/template.png" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMdJr4pAyHbMd-WC8cwBHC6VUVc5f5JGAZeowdTthAAW6s-Km5U_rnDAqKnVJFMQq80J7-t-iycBIUFgDp9yEcyTG7UnXlJjJiXIWaleHOed-FtrWB7tG-h-rVTtTiPKu7VBbtyqKhWlMr/s1600/facebook.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMdJr4pAyHbMd-WC8cwBHC6VUVc5f5JGAZeowdTthAAW6s-Km5U_rnDAqKnVJFMQq80J7-t-iycBIUFgDp9yEcyTG7UnXlJjJiXIWaleHOed-FtrWB7tG-h-rVTtTiPKu7VBbtyqKhWlMr/s1600/facebook.png" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSay1JWqgIefEk_IbdXztaZrWpdhrQzHqhLDD-31m1bSiCuIH-Ek3WkUyUAKYpgNRSMKy6DvjcCGaFeOK2Asq9WpGjlQAGmYflMiafjqSi4QErK75r-hTyYsuMLedRzPm_7q-FdP_XQeXt/s1600/IMG_0821.jpg" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSay1JWqgIefEk_IbdXztaZrWpdhrQzHqhLDD-31m1bSiCuIH-Ek3WkUyUAKYpgNRSMKy6DvjcCGaFeOK2Asq9WpGjlQAGmYflMiafjqSi4QErK75r-hTyYsuMLedRzPm_7q-FdP_XQeXt/s1600/IMG_0821.jpg" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdDIZNZ1sBe8yshX6sWHE6fixSnRLrjNOx7xhgf7mUClDg5SgalwMDM2p_q3YWpjUpwwYvFgSJ6yLQ8igj3aW7bkk7xsYVw61ctor0P1WdwhBYt0F-iE4LRCb8izo9Tg13BxpAkWq8c0BV/s1600/jacksons3.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdDIZNZ1sBe8yshX6sWHE6fixSnRLrjNOx7xhgf7mUClDg5SgalwMDM2p_q3YWpjUpwwYvFgSJ6yLQ8igj3aW7bkk7xsYVw61ctor0P1WdwhBYt0F-iE4LRCb8izo9Tg13BxpAkWq8c0BV/s1600/jacksons3.png" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAAmwXjXW66nTSvVGz8VCPKWF0fy-kBsclwcqxQWz7bjZhg7si0u1rFpLMBEVtiZa_QKHlWauUZWchtR3HfVMwegJMBCDQkw7cmoX7RfJCjqTBO6CKztMlpwP0RS714eIV6y5JrIt0wolv/s1600/elephant_vector1.jpg" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAAmwXjXW66nTSvVGz8VCPKWF0fy-kBsclwcqxQWz7bjZhg7si0u1rFpLMBEVtiZa_QKHlWauUZWchtR3HfVMwegJMBCDQkw7cmoX7RfJCjqTBO6CKztMlpwP0RS714eIV6y5JrIt0wolv/s1600/elephant_vector1.jpg" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjft8eZrazaTcxEqnR826IiwNYRvxlZSGcpugys8bxSBnx04ihEUNYoEC09BXJv71N5cmZsAIlw-OFT1aoHDSCwBfaNlfjIhBh7nBBkzBBtgErQlMdUEanu1g1FpcQ0URr-7PPeQktsyleV/s1600/elephant_vector2.jpg" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjft8eZrazaTcxEqnR826IiwNYRvxlZSGcpugys8bxSBnx04ihEUNYoEC09BXJv71N5cmZsAIlw-OFT1aoHDSCwBfaNlfjIhBh7nBBkzBBtgErQlMdUEanu1g1FpcQ0URr-7PPeQktsyleV/s1600/elephant_vector2.jpg" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEji3v2jVPCdSqQFanyxvm3xyR3klKMqChHQyHuG-ZPtvi4j-HSQGqyDTl1zqhfAjsoqKxVoDAQQQYCOP6vzEjfJYHP8EyizhMDJx09maOrPIfA1VwTophHeM9DgvZPWK1UpnspxbxLbvcp8/s1600/elephant_vector2b.jpg" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEji3v2jVPCdSqQFanyxvm3xyR3klKMqChHQyHuG-ZPtvi4j-HSQGqyDTl1zqhfAjsoqKxVoDAQQQYCOP6vzEjfJYHP8EyizhMDJx09maOrPIfA1VwTophHeM9DgvZPWK1UpnspxbxLbvcp8/s1600/elephant_vector2b.jpg" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8L3ghy6poHLDu7COENzSSl8j46jVAHWB5vIn6tc92qmnQ154dcLr6aZh1fh-4Ax28CnUN88ZPht1W5fy8JC6CgQi4UqnRkSHuyuOWaPSikx-VRF9-E4LJya3JVjM9xCx45p6UvcGmmHl1/s1600/elephant_vector3.jpg" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8L3ghy6poHLDu7COENzSSl8j46jVAHWB5vIn6tc92qmnQ154dcLr6aZh1fh-4Ax28CnUN88ZPht1W5fy8JC6CgQi4UqnRkSHuyuOWaPSikx-VRF9-E4LJya3JVjM9xCx45p6UvcGmmHl1/s1600/elephant_vector3.jpg" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhR7BPXR3Da1Jj8Oqps2qO6DHcfU-rhP2EtUJ5rZfPcrZFKcEBd8FSpgg_46_5In_klEWuPGeHmOzJZwSxdbISO6TqrQ9oSgkFnM0t6GZC-cApMiojYDDl4DXk0ea7j9HyxTActYmCKVVFh/s1600/elephant_vector4.jpg" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhR7BPXR3Da1Jj8Oqps2qO6DHcfU-rhP2EtUJ5rZfPcrZFKcEBd8FSpgg_46_5In_klEWuPGeHmOzJZwSxdbISO6TqrQ9oSgkFnM0t6GZC-cApMiojYDDl4DXk0ea7j9HyxTActYmCKVVFh/s1600/elephant_vector4.jpg" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_gqjjgLn0KMcct2mkRCyjhDwYVRuupQkEtsdM1qqmjFEgahqory76TahmA821a5xDf6E64Xx7cVRQ_borHaHs77exhiiKxqWvHQzDZO_pNwjLi7eOsiALhNxMry2IHHI__-HcvlNjU8rV/s1600/stretchyelephant_sketch.jpg" imageanchor="1"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_gqjjgLn0KMcct2mkRCyjhDwYVRuupQkEtsdM1qqmjFEgahqory76TahmA821a5xDf6E64Xx7cVRQ_borHaHs77exhiiKxqWvHQzDZO_pNwjLi7eOsiALhNxMry2IHHI__-HcvlNjU8rV/s1600/stretchyelephant_sketch.jpg" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglRHjNoGaByrgfm_WRzsMY8gqCBB5bw_AWOyN68bzMp6A8CwLWpu5XTmUE3v-J3leSY9pjeb3F32VFZKD1UwUlNCteurS2gNKEY9WmZ0Qc8FtEM2ty6kgwsiaftUvt0_eXTqPugchWbagG/s1600/Screen+Shot+2016-06-14+at+12.29.32+AM.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglRHjNoGaByrgfm_WRzsMY8gqCBB5bw_AWOyN68bzMp6A8CwLWpu5XTmUE3v-J3leSY9pjeb3F32VFZKD1UwUlNCteurS2gNKEY9WmZ0Qc8FtEM2ty6kgwsiaftUvt0_eXTqPugchWbagG/s1600/Screen+Shot+2016-06-14+at+12.29.32+AM.png" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVYh-dQOdwKC_OROwYLVOBPemXuOqyQEgcNIkGQVTcKnpJHKV3BVh-Ebxm_yU45JXULIfXw5_KMpb8oW51H7IO_D7xSivPM8bjQBgDMpyxiwR8bzrfi-ARbh4Jh_dc28pN2qyk2hJHMpw5/s1600/Screen+Shot+2016-06-14+at+12.30.27+AM.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVYh-dQOdwKC_OROwYLVOBPemXuOqyQEgcNIkGQVTcKnpJHKV3BVh-Ebxm_yU45JXULIfXw5_KMpb8oW51H7IO_D7xSivPM8bjQBgDMpyxiwR8bzrfi-ARbh4Jh_dc28pN2qyk2hJHMpw5/s1600/Screen+Shot+2016-06-14+at+12.30.27+AM.png" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaxTKyYgAxw-Wz6frOyEMdFUXBZvtcEFwy6kf0rnc02efXhWRZzfp2VgHZGpwYSX-VeYG0llcZ0f0m20hHYZvrf_Jxjrbz9R1X5LdWD2N5k4CqKi093Zy0hT1Eslo12MDLKkhmNsqhj_PI/s1600/Screen+Shot+2016-06-14+at+12.30.42+AM.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaxTKyYgAxw-Wz6frOyEMdFUXBZvtcEFwy6kf0rnc02efXhWRZzfp2VgHZGpwYSX-VeYG0llcZ0f0m20hHYZvrf_Jxjrbz9R1X5LdWD2N5k4CqKi093Zy0hT1Eslo12MDLKkhmNsqhj_PI/s1600/Screen+Shot+2016-06-14+at+12.30.42+AM.png" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix__48fnx6Fgk7-Iyn9ip0ikudouL5M_geSw8B3qad18Vax0yUoHSLUAa2R9s3pf_13CaXa3euHfQmQoIuvG9_LU3SOaIaHmiobAemh9ujsUK9K-wcZ_UVKIDw8TIMCNJnSZocwYQcYp6F/s1600/Screen+Shot+2016-06-14+at+12.31.58+AM.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix__48fnx6Fgk7-Iyn9ip0ikudouL5M_geSw8B3qad18Vax0yUoHSLUAa2R9s3pf_13CaXa3euHfQmQoIuvG9_LU3SOaIaHmiobAemh9ujsUK9K-wcZ_UVKIDw8TIMCNJnSZocwYQcYp6F/s1600/Screen+Shot+2016-06-14+at+12.31.58+AM.png" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvw2nl7UhEdNeuW6YjVEqaEQL-2ZA8hObW0UN-jvzXr46QUP41HQVa_jfkHiF4gL20-9wr5_6Kpl84mZZv9UT_hGZJpigvaigV1VCHHYy_mvZTAbnZ6lhvC3078wMq6rtXAHrXhONwDdA2/s1600/Screen+Shot+2016-06-14+at+12.32.08+AM.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvw2nl7UhEdNeuW6YjVEqaEQL-2ZA8hObW0UN-jvzXr46QUP41HQVa_jfkHiF4gL20-9wr5_6Kpl84mZZv9UT_hGZJpigvaigV1VCHHYy_mvZTAbnZ6lhvC3078wMq6rtXAHrXhONwDdA2/s1600/Screen+Shot+2016-06-14+at+12.32.08+AM.png" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhP0ibml-RhRS6EVL0Ep2d5hvULo1inPzYMvDuKmDCm3Z97uCJyMhRnZbn03gnX4r2sPydLfXiX6DGMA6BkBh2UoxzBsZ54KasA66Po5X_7AsyQzkutQeI1eFgBM2E_khzF1quJtlQMuyT9/s1600/Screen+Shot+2016-06-14+at+12.32.20+AM.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhP0ibml-RhRS6EVL0Ep2d5hvULo1inPzYMvDuKmDCm3Z97uCJyMhRnZbn03gnX4r2sPydLfXiX6DGMA6BkBh2UoxzBsZ54KasA66Po5X_7AsyQzkutQeI1eFgBM2E_khzF1quJtlQMuyT9/s1600/Screen+Shot+2016-06-14+at+12.32.20+AM.png" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOCLZioIeFfug2ZkCvaAcc29FgLb6EGEhkkBQxP-0K0M6nHhwVfEc1qAaQEdBz5LdFry8s8WJ9K2XeyNCFpGAqA_IaqMenwiXV5a6NaZBNzvAdYFxRh-wBMX8_lDuHdzstNI6arypJ-P9d/s1600/Screen+Shot+2016-06-14+at+12.32.37+AM.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOCLZioIeFfug2ZkCvaAcc29FgLb6EGEhkkBQxP-0K0M6nHhwVfEc1qAaQEdBz5LdFry8s8WJ9K2XeyNCFpGAqA_IaqMenwiXV5a6NaZBNzvAdYFxRh-wBMX8_lDuHdzstNI6arypJ-P9d/s1600/Screen+Shot+2016-06-14+at+12.32.37+AM.png" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiihX6gUbNB-eB9blrKCLilrLOX9W6Z32RPEgPVfbvWKUZQwfPQw_7eTqI12t-nl3o7axIBLl_n6jJ-oofvPrf0BAdzpJentP5lS9h_f3pu1AmjLPyZPP_aHzYcHFFCrCW5HNrqJxWmWHrE/s1600/Screen+Shot+2016-06-14+at+12.32.45+AM.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiihX6gUbNB-eB9blrKCLilrLOX9W6Z32RPEgPVfbvWKUZQwfPQw_7eTqI12t-nl3o7axIBLl_n6jJ-oofvPrf0BAdzpJentP5lS9h_f3pu1AmjLPyZPP_aHzYcHFFCrCW5HNrqJxWmWHrE/s1600/Screen+Shot+2016-06-14+at+12.32.45+AM.png" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidFEFC_OcPhplF95GKZ9LdU35MK2JnGoDAwlcvZJ66X3_UsR3vFciC_kct9l-MkNILX71Zwn5nh4PHA3_bt4P6str8SVb_C0bsQSPkwqLM1082PoQeRSV3lhqsmesH-7AElfAuD09b7nRa/s1600/Screen+Shot+2016-06-14+at+12.32.53+AM.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidFEFC_OcPhplF95GKZ9LdU35MK2JnGoDAwlcvZJ66X3_UsR3vFciC_kct9l-MkNILX71Zwn5nh4PHA3_bt4P6str8SVb_C0bsQSPkwqLM1082PoQeRSV3lhqsmesH-7AElfAuD09b7nRa/s1600/Screen+Shot+2016-06-14+at+12.32.53+AM.png" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGK-oCIOQj434EqNwA68nl4gt5Xp7R8TDNeLD5t_1y7MfELXKhHkXT5B2HMTM2aFsCRzQDNtfuIePB32NePfZAYZR0jm5YH60DJJJjIYMqfPECvQdvtaqdAXv4wo1NWIMMYnCQ2RN8Tnbz/s1600/Screen+Shot+2016-06-14+at+12.33.00+AM.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGK-oCIOQj434EqNwA68nl4gt5Xp7R8TDNeLD5t_1y7MfELXKhHkXT5B2HMTM2aFsCRzQDNtfuIePB32NePfZAYZR0jm5YH60DJJJjIYMqfPECvQdvtaqdAXv4wo1NWIMMYnCQ2RN8Tnbz/s1600/Screen+Shot+2016-06-14+at+12.33.00+AM.png" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDIbRZGueJS0YQ4Awi8vzPZoR22XwHXKFaTZ7BSjkGVk5xu_tC2blNJgxpit7sB3zXaZD88ZeHN-D2ygJ0XmqZmIhNK8swXzzw6hwhawsmz_tnfHyw0wF6lXE7-Cn2OFk50PNR7g-niUnT/s1600/Screen+Shot+2016-06-14+at+12.33.17+AM.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDIbRZGueJS0YQ4Awi8vzPZoR22XwHXKFaTZ7BSjkGVk5xu_tC2blNJgxpit7sB3zXaZD88ZeHN-D2ygJ0XmqZmIhNK8swXzzw6hwhawsmz_tnfHyw0wF6lXE7-Cn2OFk50PNR7g-niUnT/s1600/Screen+Shot+2016-06-14+at+12.33.17+AM.png" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRNcaouheSfLgLNtn4mXvT5EdoBAQ2aN5yIdjp0suMic5q2PS8VmOvMKceLg8fxU0iFewp8FAWihMOyDzc4FkyLhHLmEMsLHQY9UscHfOu2WsG-GPy_nAQypLRvU5lVx2IpjMgxMiSzfX9/s1600/Screen+Shot+2016-06-14+at+12.33.47+AM.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRNcaouheSfLgLNtn4mXvT5EdoBAQ2aN5yIdjp0suMic5q2PS8VmOvMKceLg8fxU0iFewp8FAWihMOyDzc4FkyLhHLmEMsLHQY9UscHfOu2WsG-GPy_nAQypLRvU5lVx2IpjMgxMiSzfX9/s1600/Screen+Shot+2016-06-14+at+12.33.47+AM.png" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibGfgxSPK2uAtL_g_iJoVZIg2V_o7W37gZTyeqgLtsZNSX79dw6BmXY3KSM6_zjJm2aGLs1ymXWqoe14brEhD6gIexU5incBVn5ArUNtiiZkvFhmgRhyphenhyphenYz7PpIVUWfJoCr5fFzPoGgSJbN/s1600/Screen+Shot+2016-06-14+at+12.34.18+AM.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibGfgxSPK2uAtL_g_iJoVZIg2V_o7W37gZTyeqgLtsZNSX79dw6BmXY3KSM6_zjJm2aGLs1ymXWqoe14brEhD6gIexU5incBVn5ArUNtiiZkvFhmgRhyphenhyphenYz7PpIVUWfJoCr5fFzPoGgSJbN/s1600/Screen+Shot+2016-06-14+at+12.34.18+AM.png" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihUZzwnpnT7Lfbp0oniMR1AdSJW_B_MW5Zct0AAY-xgvHVyc3cn4XcdZKmJav9o0-Cg12j2pI1TCS-S4qzhyphenhyphen7vTwekTtbZAkgJlia3hfPoqpMYCAURuZ7JslbOUiVou_TpIsiLt1zZjigo/s1600/Screen+Shot+2016-06-14+at+12.34.32+AM.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihUZzwnpnT7Lfbp0oniMR1AdSJW_B_MW5Zct0AAY-xgvHVyc3cn4XcdZKmJav9o0-Cg12j2pI1TCS-S4qzhyphenhyphen7vTwekTtbZAkgJlia3hfPoqpMYCAURuZ7JslbOUiVou_TpIsiLt1zZjigo/s1600/Screen+Shot+2016-06-14+at+12.34.32+AM.png" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-6_zN9e-Q1aY9Fv4l5krLQdRsd3aZfwos4jCE2Ke8f-HescnQqxULN_RsTkiW7QjU_xLmJaH-FYbfNdL5n505YHfQiDd1QJKV5YHTAap7eiZzmujdaYwP3L7_mZ59xk09O1gGwdGLy2tv/s1600/Screen+Shot+2016-06-14+at+12.34.42+AM.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-6_zN9e-Q1aY9Fv4l5krLQdRsd3aZfwos4jCE2Ke8f-HescnQqxULN_RsTkiW7QjU_xLmJaH-FYbfNdL5n505YHfQiDd1QJKV5YHTAap7eiZzmujdaYwP3L7_mZ59xk09O1gGwdGLy2tv/s1600/Screen+Shot+2016-06-14+at+12.34.42+AM.png" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhDlqnXgWe5mfyz8x-pcI5P5w7WaeANVPSjhDEfhNz1_Ex0e6gm8ZnsT1Bpwd9RS-rOEvxuiuluqc-TD1J9LFGjps9pMEnNt_3_FdhYSRGChrefsswUxm4uesfUpwP0oPwlf3HJJt4R8ZQ/s1600/Screen+Shot+2016-06-14+at+12.34.56+AM.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhDlqnXgWe5mfyz8x-pcI5P5w7WaeANVPSjhDEfhNz1_Ex0e6gm8ZnsT1Bpwd9RS-rOEvxuiuluqc-TD1J9LFGjps9pMEnNt_3_FdhYSRGChrefsswUxm4uesfUpwP0oPwlf3HJJt4R8ZQ/s1600/Screen+Shot+2016-06-14+at+12.34.56+AM.png" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_or8lgR0WRzUoqoK-kjr-qjY9f_JrCuMuuE-EiVTnmRf9WzGdDabxZ9JdXbGnCfiAwJ_fmC0IPa2P270LecxlbtSLApZvlO9GerBPHzfnvgjtZ3-GsKQ-vjmkBYRW7SBwgs_tZ8h0U51p/s1600/Screen+Shot+2016-06-14+at+12.35.04+AM.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_or8lgR0WRzUoqoK-kjr-qjY9f_JrCuMuuE-EiVTnmRf9WzGdDabxZ9JdXbGnCfiAwJ_fmC0IPa2P270LecxlbtSLApZvlO9GerBPHzfnvgjtZ3-GsKQ-vjmkBYRW7SBwgs_tZ8h0U51p/s1600/Screen+Shot+2016-06-14+at+12.35.04+AM.png" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRb_4vhqezncnpx7GpVU8xRsHeDHds7JxIpQhx48kOzP0Yd9LU_6hQ7lbkUxORj0Y_e8pzvidAbRZ74byWHQWL0j82tpN9krcf9pL-A7Mmkh0SD5hYP8_cpzZE0_GRLSQonu2ePLebrQma/s1600/Screen+Shot+2016-06-14+at+12.35.16+AM.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRb_4vhqezncnpx7GpVU8xRsHeDHds7JxIpQhx48kOzP0Yd9LU_6hQ7lbkUxORj0Y_e8pzvidAbRZ74byWHQWL0j82tpN9krcf9pL-A7Mmkh0SD5hYP8_cpzZE0_GRLSQonu2ePLebrQma/s1600/Screen+Shot+2016-06-14+at+12.35.16+AM.png" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgs7FjUIt1gNR0v4renlsml6givK0dfJTcUVWIDxOSo39eaFQcQ3UeIqLcxQdWGqMsd6BRGRA3i5KtaNkxiIPdDQ4PI_D6lEkDYxnLdrE-oz0KJiMoke_s9c7OjybYjpcaDr-SfWrXmJ-8E/s1600/Screen+Shot+2016-06-14+at+12.35.25+AM.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgs7FjUIt1gNR0v4renlsml6givK0dfJTcUVWIDxOSo39eaFQcQ3UeIqLcxQdWGqMsd6BRGRA3i5KtaNkxiIPdDQ4PI_D6lEkDYxnLdrE-oz0KJiMoke_s9c7OjybYjpcaDr-SfWrXmJ-8E/s1600/Screen+Shot+2016-06-14+at+12.35.25+AM.png" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixardTYdRw0joA7sj1DBYsNIRjgUDZIOBjg6aXZj3Yzcw5YcqjdmVDWdlXR_tdmgfa9aXw4j85KbQJBY1YAwPyb3HLN5Ly3EUqrdJ6gH8ub2SN5TS4REzm-bue7JbaJwRK1s9FBucLMTFx/s1600/Screen+Shot+2016-06-14+at+12.35.39+AM.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixardTYdRw0joA7sj1DBYsNIRjgUDZIOBjg6aXZj3Yzcw5YcqjdmVDWdlXR_tdmgfa9aXw4j85KbQJBY1YAwPyb3HLN5Ly3EUqrdJ6gH8ub2SN5TS4REzm-bue7JbaJwRK1s9FBucLMTFx/s1600/Screen+Shot+2016-06-14+at+12.35.39+AM.png" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlA4212e_6P0ktlSH_oqZebqmjm3dNbLqDxpKaAK5U22jMXrBJUF2JEM8AkubeeDrdyZysAqLkdYFHQRaKdXs5P5uv1PwurV8zmRTpCXMN6uVtMdTYV4zBu3ndpZAviZDE0UJQj3UsZMr7/s1600/Screen+Shot+2016-06-14+at+12.35.55+AM.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlA4212e_6P0ktlSH_oqZebqmjm3dNbLqDxpKaAK5U22jMXrBJUF2JEM8AkubeeDrdyZysAqLkdYFHQRaKdXs5P5uv1PwurV8zmRTpCXMN6uVtMdTYV4zBu3ndpZAviZDE0UJQj3UsZMr7/s1600/Screen+Shot+2016-06-14+at+12.35.55+AM.png" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgY6-JcKAC4ZbtZuBU0Gebv0k4gGBXtLhYb4jiJ36Hbenp9IymaMVD0LNn9cls8X_8wWHS04ItpPgIFC-vSLhPyeDhZchyphenhyphen2_NheHdFsKKsUxquMWcrRFpOYCleWJIZB8VcYl6mkYR2hyvNv/s1600/Screen+Shot+2016-06-14+at+12.36.04+AM.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgY6-JcKAC4ZbtZuBU0Gebv0k4gGBXtLhYb4jiJ36Hbenp9IymaMVD0LNn9cls8X_8wWHS04ItpPgIFC-vSLhPyeDhZchyphenhyphen2_NheHdFsKKsUxquMWcrRFpOYCleWJIZB8VcYl6mkYR2hyvNv/s1600/Screen+Shot+2016-06-14+at+12.36.04+AM.png" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfsMM6KFJ_0GBv-lbtls6xxA3MOzWDAugvmZao8OvE30wIPqL1CDCnGQxM64t2PSB-lStOF6ZhOIuZY4jvBqIGE4MG8AalylwkjKWeoL6-cYYYpcMraf9U0iBtJFszKb4M2fvJ-E5Y3Qbk/s1600/Screen+Shot+2016-06-14+at+12.36.14+AM.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfsMM6KFJ_0GBv-lbtls6xxA3MOzWDAugvmZao8OvE30wIPqL1CDCnGQxM64t2PSB-lStOF6ZhOIuZY4jvBqIGE4MG8AalylwkjKWeoL6-cYYYpcMraf9U0iBtJFszKb4M2fvJ-E5Y3Qbk/s1600/Screen+Shot+2016-06-14+at+12.36.14+AM.png" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGS-cehT1Ufjc9K1aA9JG3yS0Y15QaSHTlV-EPw_pFOTz2kkM8tU68_YhcWBIjsniwFsX5Mi6h6oevovbTZw0Q-8HVHWqEqWe9nD82YYuuB98BKwZsSokQkyirMSseU0yO-x0AElwJPYEd/s1600/Screen+Shot+2016-06-14+at+12.36.27+AM.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGS-cehT1Ufjc9K1aA9JG3yS0Y15QaSHTlV-EPw_pFOTz2kkM8tU68_YhcWBIjsniwFsX5Mi6h6oevovbTZw0Q-8HVHWqEqWe9nD82YYuuB98BKwZsSokQkyirMSseU0yO-x0AElwJPYEd/s1600/Screen+Shot+2016-06-14+at+12.36.27+AM.png" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqAwQ_03DlIDRxpe21e9vQKGwp3Wv3ZoFkKftOTE89eR69o5hj7ofJ-AM6ncoEM7DHC-nxXgEfHJjpRgK0_rt-j0pFTVMgEWLVSpZONdsgK-XxRgUdkvipjbLjJ8eDNn2-yXv5reNC0o01/s1600/Screen+Shot+2016-06-14+at+12.36.43+AM.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqAwQ_03DlIDRxpe21e9vQKGwp3Wv3ZoFkKftOTE89eR69o5hj7ofJ-AM6ncoEM7DHC-nxXgEfHJjpRgK0_rt-j0pFTVMgEWLVSpZONdsgK-XxRgUdkvipjbLjJ8eDNn2-yXv5reNC0o01/s1600/Screen+Shot+2016-06-14+at+12.36.43+AM.png" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixukRWCnWpX_TLw5_HMvZp39z71pMlXleEc7E1YSdK39QjiYDp_1qDqm_e9oIX8xzsPx7dzZI-qYgs-yPP4E0hEZHogMgmgLxxIrtCTfzyDA3ru_O3tykd-X-MOP8-KAnMrIL9QAr9w9Hq/s1600/Screen+Shot+2016-06-14+at+12.36.52+AM.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixukRWCnWpX_TLw5_HMvZp39z71pMlXleEc7E1YSdK39QjiYDp_1qDqm_e9oIX8xzsPx7dzZI-qYgs-yPP4E0hEZHogMgmgLxxIrtCTfzyDA3ru_O3tykd-X-MOP8-KAnMrIL9QAr9w9Hq/s1600/Screen+Shot+2016-06-14+at+12.36.52+AM.png" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyjPgMshaqcjSdcK7yyzb9H6YmKn4LV3C5xUmMdQIsyQQW-u4esWZYFdPMezoki7n4_uYkfg1vNYiXh3P98HB2A0u3w5vbD9tTNXWlzKKxg1kNL3TRw6jh3ExY6uGktFT-s-DzJqjZVm0q/s1600/Screen+Shot+2016-06-14+at+12.37.04+AM.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyjPgMshaqcjSdcK7yyzb9H6YmKn4LV3C5xUmMdQIsyQQW-u4esWZYFdPMezoki7n4_uYkfg1vNYiXh3P98HB2A0u3w5vbD9tTNXWlzKKxg1kNL3TRw6jh3ExY6uGktFT-s-DzJqjZVm0q/s1600/Screen+Shot+2016-06-14+at+12.37.04+AM.png" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9Nze8T_D_f93vj40_ea8s4bxfyivr6eMy5ueCqpN-IsXjDN3LroUSQCMNbevKlErjlfKPwvCeWe2fO5fnfWb5_CPQA8rwobWSLI6Sec_hSqyc4copV82RbJmkivlG-72mLsi0WuT3h7vv/s1600/Screen+Shot+2016-06-14+at+12.37.17+AM.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9Nze8T_D_f93vj40_ea8s4bxfyivr6eMy5ueCqpN-IsXjDN3LroUSQCMNbevKlErjlfKPwvCeWe2fO5fnfWb5_CPQA8rwobWSLI6Sec_hSqyc4copV82RbJmkivlG-72mLsi0WuT3h7vv/s1600/Screen+Shot+2016-06-14+at+12.37.17+AM.png" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmsWlfUmoRJC0t8wX3bnL-4ImG1LcQrB1YlU7g7QozAwa9_UA6KEXDAWV2Ntf9lGeQerlHAIyl42uXI6ga0WZs6AwYjju1jdcliX95LddUUSWQq51z846xZUGp_YyRfMYckzMrS7VLO6Lo/s1600/Screen+Shot+2016-06-14+at+12.37.34+AM.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmsWlfUmoRJC0t8wX3bnL-4ImG1LcQrB1YlU7g7QozAwa9_UA6KEXDAWV2Ntf9lGeQerlHAIyl42uXI6ga0WZs6AwYjju1jdcliX95LddUUSWQq51z846xZUGp_YyRfMYckzMrS7VLO6Lo/s1600/Screen+Shot+2016-06-14+at+12.37.34+AM.png" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkerJUhQfUoLIKJghF9d02wGX5QdlOOi_dFtyi1AbAXZ0-K0XP0SP057o-9bavmfYoE9mcGKNfGVGeWCzOKtzA0bVmzkPS-D7QMKOcEhH6z9b38Qet_VjZTvHYOcOnKr_MTpWf5in5UIZZ/s1600/Screen+Shot+2016-06-14+at+12.37.47+AM.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkerJUhQfUoLIKJghF9d02wGX5QdlOOi_dFtyi1AbAXZ0-K0XP0SP057o-9bavmfYoE9mcGKNfGVGeWCzOKtzA0bVmzkPS-D7QMKOcEhH6z9b38Qet_VjZTvHYOcOnKr_MTpWf5in5UIZZ/s1600/Screen+Shot+2016-06-14+at+12.37.47+AM.png" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEim8UJnF42PW7kKbUOuVQz5eEjIM1Hue8pYfPl0F6QieULjBeuVeau5LLcGxBW4kKpB101saR8xWkUv0YreFacoFmT_6D0WnH44HX_T93LLtVZBL1SMkwexUEv1pvX-3Gq_CXF2rktQPGm-/s1600/Screen+Shot+2016-06-14+at+12.37.55+AM.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEim8UJnF42PW7kKbUOuVQz5eEjIM1Hue8pYfPl0F6QieULjBeuVeau5LLcGxBW4kKpB101saR8xWkUv0YreFacoFmT_6D0WnH44HX_T93LLtVZBL1SMkwexUEv1pvX-3Gq_CXF2rktQPGm-/s1600/Screen+Shot+2016-06-14+at+12.37.55+AM.png" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLvKQ6dK9NEIJJdaxdq5J-F-v_wewwKEHUTnLX1WjCAxwwyAqEcpG9FzqQVtG6Oysea4wvHTgIumvCcMY_t3kR-jaUhFGDMdkKX5pZHo_EK8MMNvH1HjHTmJa0ZC_E5co8Cbx84fQp4Yen/s1600/Screen+Shot+2016-06-14+at+12.38.04+AM.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLvKQ6dK9NEIJJdaxdq5J-F-v_wewwKEHUTnLX1WjCAxwwyAqEcpG9FzqQVtG6Oysea4wvHTgIumvCcMY_t3kR-jaUhFGDMdkKX5pZHo_EK8MMNvH1HjHTmJa0ZC_E5co8Cbx84fQp4Yen/s1600/Screen+Shot+2016-06-14+at+12.38.04+AM.png" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5IFmTawFMHzH0N4nn3fp2y8sx28gI8dphyTbJStBPpGKt3RZcK6jVgUTQ12K8skpmU7mVChHA3H70MxPDJnfCmWYbQSnJOBfxE0YcSugjMoqxyXV3vcTrJBolZ9xs8FG0iBo89cGY1EJr/s1600/Screen+Shot+2016-06-14+at+12.38.39+AM.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5IFmTawFMHzH0N4nn3fp2y8sx28gI8dphyTbJStBPpGKt3RZcK6jVgUTQ12K8skpmU7mVChHA3H70MxPDJnfCmWYbQSnJOBfxE0YcSugjMoqxyXV3vcTrJBolZ9xs8FG0iBo89cGY1EJr/s1600/Screen+Shot+2016-06-14+at+12.38.39+AM.png" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5S5bJ-eso4s2BVyhPVRPDRvCuGbyjzxxTU7-ly0Ri4QL6nvsuMbxrlehm4Da7M3pYkFheSPK3IJLTm1Q467Xz5_RszNy2cVf1cVdNNFLDsPWAau6zzyZWBDp09_jWFEoM0AxGvV3aRE33/s1600/Screen+Shot+2016-06-14+at+12.38.56+AM.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5S5bJ-eso4s2BVyhPVRPDRvCuGbyjzxxTU7-ly0Ri4QL6nvsuMbxrlehm4Da7M3pYkFheSPK3IJLTm1Q467Xz5_RszNy2cVf1cVdNNFLDsPWAau6zzyZWBDp09_jWFEoM0AxGvV3aRE33/s1600/Screen+Shot+2016-06-14+at+12.38.56+AM.png" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEim6a12ixk8XCTiRwsJ5WvauSO6kdQNAWEnXPVvnyIgl_Y9YsiJUuQbfIdjL6VjVWr3enzXqrhlKOx46cfCQqw5vUXGjC0k9gTP_NN4Lf11LgcFV_HLthcDiMQJz81YYbSZbte-tnBFIOTQ/s1600/Screen+Shot+2016-06-14+at+12.39.16+AM.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEim6a12ixk8XCTiRwsJ5WvauSO6kdQNAWEnXPVvnyIgl_Y9YsiJUuQbfIdjL6VjVWr3enzXqrhlKOx46cfCQqw5vUXGjC0k9gTP_NN4Lf11LgcFV_HLthcDiMQJz81YYbSZbte-tnBFIOTQ/s1600/Screen+Shot+2016-06-14+at+12.39.16+AM.png" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvqGcHn1iFD_249SWtqewoP-OUOpWky_IGAojMzbnZP0m0cA8cBTc8QJVMTektICkTLqH2tgmRXqPil_jGggH-0va9vGHpzksoUHeIGRy1oYyqSzWZv6hQwMlGSY4WsCSf3cdM5HdlECvC/s1600/Screen+Shot+2016-06-14+at+12.40.15+AM.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvqGcHn1iFD_249SWtqewoP-OUOpWky_IGAojMzbnZP0m0cA8cBTc8QJVMTektICkTLqH2tgmRXqPil_jGggH-0va9vGHpzksoUHeIGRy1oYyqSzWZv6hQwMlGSY4WsCSf3cdM5HdlECvC/s1600/Screen+Shot+2016-06-14+at+12.40.15+AM.png" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizq-IxyxCPWyYcpETw_sW6nusfArL5dPRwdw8JgDrLzjFdL5zm6Kjv40Zs2nXO6RBSNECPwSPpuEqqaph15DJT_E7XMKzYMD7-OfJ1ZpOqqAmXnQ2wRZnss4F-WcY4N5yzvnr2pNQ0pYU-/s1600/Screen+Shot+2016-06-14+at+12.40.27+AM.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizq-IxyxCPWyYcpETw_sW6nusfArL5dPRwdw8JgDrLzjFdL5zm6Kjv40Zs2nXO6RBSNECPwSPpuEqqaph15DJT_E7XMKzYMD7-OfJ1ZpOqqAmXnQ2wRZnss4F-WcY4N5yzvnr2pNQ0pYU-/s1600/Screen+Shot+2016-06-14+at+12.40.27+AM.png" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHOHk-h4pCfJJ9xDXF5SrA-cb33RX8l9rDD50VaeN9KsA-WtMW7yHGm9YVkTDPaJqeXXboMEe8rXdf_6ZK3NyTJL3Mbi8ohjD58TaSgvkzm7VPCCX5skZsE-TUZACTs4L-EMOF2HqpaG2q/s1600/Screen+Shot+2016-06-14+at+12.41.07+AM.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHOHk-h4pCfJJ9xDXF5SrA-cb33RX8l9rDD50VaeN9KsA-WtMW7yHGm9YVkTDPaJqeXXboMEe8rXdf_6ZK3NyTJL3Mbi8ohjD58TaSgvkzm7VPCCX5skZsE-TUZACTs4L-EMOF2HqpaG2q/s1600/Screen+Shot+2016-06-14+at+12.41.07+AM.png" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgD31lYr49fKHknkZLJAeHQ8tVawM7YuSSXci8UK2OkVY1GdniJeTMkvP4fBZTar3SeE7ZHNN8Xl0ytxyHKxvMdboe0nyy-Kz7_sbE6BkyO9Co7Z4CZaZhZ_MCyqEvsE1JQUpmADIhbQhSQ/s1600/Screen+Shot+2016-06-14+at+12.41.36+AM.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgD31lYr49fKHknkZLJAeHQ8tVawM7YuSSXci8UK2OkVY1GdniJeTMkvP4fBZTar3SeE7ZHNN8Xl0ytxyHKxvMdboe0nyy-Kz7_sbE6BkyO9Co7Z4CZaZhZ_MCyqEvsE1JQUpmADIhbQhSQ/s1600/Screen+Shot+2016-06-14+at+12.41.36+AM.png" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAQfDdXSM8gsouhziWjxtIJdkJ1PJDC11DkN01HqPmDwCynYlvX-hSTq-8hUekRkPUTiLpvDj5DsCbUx-xV_L9n7g0JpOYDEziEHaoPOL9V76Y-Dk_v08hjboHibpkhg-GGcwWiXrakhpD/s1600/Screen+Shot+2016-06-14+at+12.41.58+AM.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAQfDdXSM8gsouhziWjxtIJdkJ1PJDC11DkN01HqPmDwCynYlvX-hSTq-8hUekRkPUTiLpvDj5DsCbUx-xV_L9n7g0JpOYDEziEHaoPOL9V76Y-Dk_v08hjboHibpkhg-GGcwWiXrakhpD/s1600/Screen+Shot+2016-06-14+at+12.41.58+AM.png" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQO93BHFrTl_pZnUx0-4ScljpRpAs8dgbhGPPwY8tyMHKdlV2AU0UHzUVPDx9VG-IHEDaFl5xlGK3fPPN4CRt3r8Zs_JGozxu_TiPOuzeDwF7jxTHvkZ6x7xqT14xahE12EG2yyymYCNUI/s1600/Screen+Shot+2016-06-14+at+12.42.17+AM.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQO93BHFrTl_pZnUx0-4ScljpRpAs8dgbhGPPwY8tyMHKdlV2AU0UHzUVPDx9VG-IHEDaFl5xlGK3fPPN4CRt3r8Zs_JGozxu_TiPOuzeDwF7jxTHvkZ6x7xqT14xahE12EG2yyymYCNUI/s1600/Screen+Shot+2016-06-14+at+12.42.17+AM.png" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivXCH0Bk2sx_dyUhM_1G_3G0Fzs6bhRix4hNPOhTbVvjqGtCtqf7tNpR1ru7iGinfYj4IevYb8NCOic-gUNP5FY2zFdixUEX1ZGg4Wl9_tLNvcm9dJuGjJCUP2N49oJ4AMVplVl33KB7eV/s1600/Screen+Shot+2016-06-14+at+12.34.18+AM.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivXCH0Bk2sx_dyUhM_1G_3G0Fzs6bhRix4hNPOhTbVvjqGtCtqf7tNpR1ru7iGinfYj4IevYb8NCOic-gUNP5FY2zFdixUEX1ZGg4Wl9_tLNvcm9dJuGjJCUP2N49oJ4AMVplVl33KB7eV/s1600/Screen+Shot+2016-06-14+at+12.34.18+AM.png" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXZnQ9Vryg3uMwBl0FlHSBZJgfNbrBVuF74Vt10WLvdPAB-4FXpsBe89ugfou4TRXeBAl4PRT0D5SopH_W22s9x1Z2fLF_hHWqqUagFE4ptKa7WgTOj8hsQWOSJgcykbqfbix8gYici_5j/s1600/Screen+Shot+2016-06-14+at+1.01.10+AM.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXZnQ9Vryg3uMwBl0FlHSBZJgfNbrBVuF74Vt10WLvdPAB-4FXpsBe89ugfou4TRXeBAl4PRT0D5SopH_W22s9x1Z2fLF_hHWqqUagFE4ptKa7WgTOj8hsQWOSJgcykbqfbix8gYici_5j/s1600/Screen+Shot+2016-06-14+at+1.01.10+AM.png" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7oQEfarzWK0X6Fo7yTiVYu8bqdY1BbvOK2ya3CGgoK1T30hab_l9PEzDc6Myt2ndQAE4zmQviy3I6mFqhaw6MposJpz6oXaZEW_K8bx9y5XlvKbN0dhyfwPbZjh84PYfeg82KNyqPDNaR/s1600/Screen+Shot+2016-06-14+at+1.01.19+AM.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7oQEfarzWK0X6Fo7yTiVYu8bqdY1BbvOK2ya3CGgoK1T30hab_l9PEzDc6Myt2ndQAE4zmQviy3I6mFqhaw6MposJpz6oXaZEW_K8bx9y5XlvKbN0dhyfwPbZjh84PYfeg82KNyqPDNaR/s1600/Screen+Shot+2016-06-14+at+1.01.19+AM.png" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLRbsOUco3e3uUoKsqb_BlOhOBzdTIYoI4VRNjfexvNZSKI4CImVt6fNeirkEbbDA9sGgAekN0O9hCOnoBz1xKviuiCoaXmIPoB0Ibh9Vi-_ohzSncfpZH6OS8T7NkCp5Y5HDgYSxkvJ3a/s1600/Screen+Shot+2016-06-14+at+1.01.39+AM.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLRbsOUco3e3uUoKsqb_BlOhOBzdTIYoI4VRNjfexvNZSKI4CImVt6fNeirkEbbDA9sGgAekN0O9hCOnoBz1xKviuiCoaXmIPoB0Ibh9Vi-_ohzSncfpZH6OS8T7NkCp5Y5HDgYSxkvJ3a/s1600/Screen+Shot+2016-06-14+at+1.01.39+AM.png" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo64BqBUB0thH9SPS-1wz9LqGgxQ_nLP2qEmmELlHci5xnhdG6ykZcIwVnS39LZXoglvnzN-S60SklTCcRNd9cjQBeyMwwV5RbLaKcGF7NKhRvudf_ODImpHNv83QAyELYB6_t6sudiAoJ/s1600/Screen+Shot+2016-06-14+at+1.03.22+AM.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo64BqBUB0thH9SPS-1wz9LqGgxQ_nLP2qEmmELlHci5xnhdG6ykZcIwVnS39LZXoglvnzN-S60SklTCcRNd9cjQBeyMwwV5RbLaKcGF7NKhRvudf_ODImpHNv83QAyELYB6_t6sudiAoJ/s1600/Screen+Shot+2016-06-14+at+1.03.22+AM.png" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh84qW7Rp7ERxkc-hcahOeMpD_cJtDKJom5Ad-y8tqKcFhSSU-LxcpMzmFNflEDrJcg12AW-uCOE-GyNxg7FCNJiY1IcSSEE_En9E46WCZEJJDQl11zqlt_BjOmVA7Ba043ZxwFmTRCu-On/s1600/Screen+Shot+2016-06-14+at+1.03.40+AM.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh84qW7Rp7ERxkc-hcahOeMpD_cJtDKJom5Ad-y8tqKcFhSSU-LxcpMzmFNflEDrJcg12AW-uCOE-GyNxg7FCNJiY1IcSSEE_En9E46WCZEJJDQl11zqlt_BjOmVA7Ba043ZxwFmTRCu-On/s1600/Screen+Shot+2016-06-14+at+1.03.40+AM.png" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKKSMWRncm1uttCEOgWjJTuMNMooFO4zu-IWI7uVotvE6bROSIZJOiQWhv84QxbGfelfE6wwATwmSRJGD1isR0Rgq1r50i_JUjEfCebOQQ6OXQ3npcy-3CvP8EcIttvMUEVVkmPwvy8g2q/s1600/celebrate.jpg" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKKSMWRncm1uttCEOgWjJTuMNMooFO4zu-IWI7uVotvE6bROSIZJOiQWhv84QxbGfelfE6wwATwmSRJGD1isR0Rgq1r50i_JUjEfCebOQQ6OXQ3npcy-3CvP8EcIttvMUEVVkmPwvy8g2q/s1600/celebrate.jpg" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidUgFswMZxVPuTtP8EUG6JVvVsNsI4SMrMCu5H8ORP5q7f_zifM2KBofBqjl8X6F9S8hHMljUQ_GGFPScIj9NRuYC6_62_6OTlWBEDdsrmbDpjnOjFU_4Ioqt_Am_KRdd6NoZGVMstjxPp/s1600/Yorkshire.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidUgFswMZxVPuTtP8EUG6JVvVsNsI4SMrMCu5H8ORP5q7f_zifM2KBofBqjl8X6F9S8hHMljUQ_GGFPScIj9NRuYC6_62_6OTlWBEDdsrmbDpjnOjFU_4Ioqt_Am_KRdd6NoZGVMstjxPp/s1600/Yorkshire.png" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAuCLP2n9iENw7WLx53ALOtI3HTtAqcqF4NNax4l6KL2y2BLf4RMDMLOhrHCi8Et_IsV-wFmRPInfkqnMG-VZFk8yvz5tx_tzaLN627PZYrHxDOItyYAahJM52BPDIrAaUF2OkBU9G_sD1/s1600/2013-03-03+08.33.03-1.jpg" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAuCLP2n9iENw7WLx53ALOtI3HTtAqcqF4NNax4l6KL2y2BLf4RMDMLOhrHCi8Et_IsV-wFmRPInfkqnMG-VZFk8yvz5tx_tzaLN627PZYrHxDOItyYAahJM52BPDIrAaUF2OkBU9G_sD1/s1600/2013-03-03+08.33.03-1.jpg" /></a>
</div>
</center>
<div class="clearfix"></div>
</div>
<h1 id="tools">Tools and Skills</h1>
<ul>
<li>Photoshop</li>
<li>Illustrator</li>
<li>Blogger</li>
<li>Wordpress</li>
</ul>
<div class="button-wrapper">
<button class="lined thin"><a href="http://www.desaraev.com/2016/06/book-review-blog.html">Book Blog</a></button>
</div>
DesaraeVhttp://www.blogger.com/profile/06354550301110673337noreply@blogger.com0tag:blogger.com,1999:blog-4717460821390233792.post-3792709958294690522016-06-18T20:13:00.001-05:002016-06-18T20:13:21.221-05:00UI/UX Checklist<p class="excerpt">The UI/UX Checklist provides a high level view of tasks for user interface/user experience designers in the application development life cycle. </p>
<a name='more'></a>
<style>
table#uiuxchecklist {
border: 1px solid #ccc;
max-width: 100%;
overflow: scroll;
width: 100%;
}
#uiuxchecklist th {
background: #b0dbe1;
padding: 0 10px;
}
#uiuxchecklist tr {
border: 1px solid #ccc;
}
#uiuxchecklist tr:hover {
background: #e5e5e5;
}
#uiuxchecklist td {
padding: 10px;
border-right: 1px solid #e5e5e5;
}
td[colspan="5"] {
background: rgba(232, 92, 65, 0.52);
}
.fa-check-square {
color: #229c6a;
}
</style>
<table id="uiuxchecklist">
<tr>
<th><h1><i class="fa fa-check-square" aria-hidden="true"></i></h1></th>
<th><h1>Task</h1></th>
<th><h1>Example Sub-tasks</h1></th>
<th><h1>UI</h1></th>
<th><h1>UX</h1></th>
</tr>
<tr>
<td colspan="5"><b>Initial Stakeholder Planning</b></td>
</tr>
<tr>
<td></td>
<td>Workflow Review</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td>Goals and Criteria</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td>Business Requirements</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td colspan="5"><b>Audit Legacy Systems</b></td>
</tr>
<tr>
<td></td>
<td>Contextual Inquiry</td>
<td>Interviews/Survey</td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td>IA Evaluation</td>
<td>Taxonomies, navigation, workflows</td>
<td></td>
<td></td>
</tr>
<tr>
<td colspan="5"><b>Ethnography</b></td>
</tr>
<tr>
<td></td>
<td>User Stories</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td>Persona(s)</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td colspan="5"><b>Information Architecture</b></td>
</tr>
<tr>
<td></td>
<td>Sitemap</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td>Data Review</td>
<td>Structured/semi-structured/unstructured</td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td>Content Models/Audit</td>
<td>Inventory Results, classification, taxonomies, metrics, policy, production checklist</td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td>Navigation</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td>Information Workflow</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td>Metadata</td>
<td>Strategy, standards, model/schema</td>
<td></td>
<td></td>
</tr>
<tr>
<td colspan="5"><b>Search Technology</b></td>
</tr>
<tr>
<td></td>
<td>Scope</td>
<td>website, application, enterprise</td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td>Type of search</td>
<td>keyword, concept, categories, labels, semantic, parametric</td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td>Search Measurement</td>
<td>Ongoing evaluation of usage, navigation, input</td>
<td></td>
<td></td>
</tr>
<tr>
<td colspan="5"><b>Low-fidelity Prototyping</b></td>
</tr>
<tr>
<td></td>
<td>Review UI Feature Checklist</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td>Wireframe Functionality</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td>Aesthetics Design</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td>Prototype Review</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td colspan="5"><b>Documentation</b></td>
</tr>
<tr>
<td></td>
<td>Style Guide</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td>Pattern Library</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td>User Interface Specification Documentation</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td colspan="5"><b>High-fidelity Prototyping</b></td>
</tr>
<tr>
<td></td>
<td>Prototype</td>
<td>Coded prototype includes aesthetics, semi-functioning elements, but not necessarily data.</td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td>Prototype Review</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td colspan="5"><b>High-fidelity Prototyping</b></td>
</tr>
<tr>
<td></td>
<td>User Interface Development</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td>Accessibility </td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td>Responsive Design</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td>Search Engine Optimization</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td colspan="5"><b>Testing</b></td>
</tr>
<tr>
<td></td>
<td>User Interface Testing</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td>Accessibility testing</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td>Responsive Design testing</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td>Usability Testing</td>
<td>Ongoing, Revisions</td>
<td></td>
<td></td>
</tr>
<tr>
<td colspan="5"><b>Application Review</b></td>
</tr>
<tr>
<td></td>
<td>Retrospective and Planning</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td>Usability Testing</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td><a href="http://www.read-able.com/">Readability Testing</a></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td>Update Documentation and Pattern Library</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td colspan="5"><b>Monitoring</b></td>
</tr>
<tr>
<td></td>
<td>Analytics</td>
<td>Reporting</td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td>Multi-variable testing </td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
DesaraeVhttp://www.blogger.com/profile/06354550301110673337noreply@blogger.com0tag:blogger.com,1999:blog-4717460821390233792.post-74881786756086115402016-06-18T20:13:00.000-05:002016-06-18T20:13:06.293-05:00Doodling WOW Costumes<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhl24t4EbTyc38pxu9ltKC0GxUtFYI1ABLLMtwwu18hr3d07sFIqDu-JllraKqFCwKXaegiMC1VlhIkn0qP5qtG5aI7cIFtmJmdwRW6BMyVdy_TRvSJ6rJTFicEhgtE8MMA5u3QC7qoCFbY/s1600/Screen+Shot+2016-06-13+at+6.06.13+PM.png" class="thumbnail" />
<p class="excerpt">The images on this page are simple digital drawings of costume ideas. I based them on a character from the video game, World of Warcraft.</p>
<a name='more'></a>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhl24t4EbTyc38pxu9ltKC0GxUtFYI1ABLLMtwwu18hr3d07sFIqDu-JllraKqFCwKXaegiMC1VlhIkn0qP5qtG5aI7cIFtmJmdwRW6BMyVdy_TRvSJ6rJTFicEhgtE8MMA5u3QC7qoCFbY/s1600/Screen+Shot+2016-06-13+at+6.06.13+PM.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhl24t4EbTyc38pxu9ltKC0GxUtFYI1ABLLMtwwu18hr3d07sFIqDu-JllraKqFCwKXaegiMC1VlhIkn0qP5qtG5aI7cIFtmJmdwRW6BMyVdy_TRvSJ6rJTFicEhgtE8MMA5u3QC7qoCFbY/s1600/Screen+Shot+2016-06-13+at+6.06.13+PM.png" class="left" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF-8NpMMmNG_Nc93LuPHezXJ9fw40B6TH7K_U14P8p8Q-EFA53grxKnB9v-X83YKYZCuLH6z_nSh7JszpMrJVd4pmACDmTKdac-iTQSoF0zwcq4l-lDh2lDpgTW4QC-itOF5bBxfE4jTTu/s1600/Screen+Shot+2016-06-13+at+6.06.02+PM.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF-8NpMMmNG_Nc93LuPHezXJ9fw40B6TH7K_U14P8p8Q-EFA53grxKnB9v-X83YKYZCuLH6z_nSh7JszpMrJVd4pmACDmTKdac-iTQSoF0zwcq4l-lDh2lDpgTW4QC-itOF5bBxfE4jTTu/s1600/Screen+Shot+2016-06-13+at+6.06.02+PM.png" class="left" /></a>DesaraeVhttp://www.blogger.com/profile/06354550301110673337noreply@blogger.com0tag:blogger.com,1999:blog-4717460821390233792.post-15047469680576937272016-06-18T20:12:00.002-05:002016-06-18T20:12:46.609-05:00Recommended Tools and Resources<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkaLIq9la0kXThyYg_8A55gdEl4OYSHIlfjA2lETNXD5Lr-QeQiRavcjY6n1QNhEKo7roDPU5m6FTUIQtGKNbwvkTzwnXgTOaFlBfM6QwcYsG1Vr45C8a5zEvnw1TdtuhHZyqKT4UuR3uv/s1600/Screen+Shot+2016-06-13+at+8.51.19+PM.png" class="thumbnail"/>
<p class="excerpt">The purpose of this page is to show a list of common tools I've used in UI/UX design and development.</p>
<a name='more'></a>
<ul>
<li><a href="https://gomockingbird.com/">Mockingbird: Website wireframes</a> - https://gomockingbird.com/</li>
<li><a href="https://drive.google.com/file/d/0ByncXJQoSbO0U3JQZUEwMWhfb0k/view?usp=sharing">508 Compliance (Accessibility) Checklist</a></li>
</ul>
DesaraeVhttp://www.blogger.com/profile/06354550301110673337noreply@blogger.com0tag:blogger.com,1999:blog-4717460821390233792.post-27850953734599123422016-06-18T20:12:00.001-05:002016-06-18T20:12:31.021-05:00Example Beta Testing<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqtNwbkr43ip0OL6efgmRPmhR7tmf0892GN2-arHo0ahwq509_HrVG9l1p3Zxmfk76g5erXTOqCIebmdJJgHJYq-AM5QIHQu-u_fd9vn2HQhZt9JWBNRz-tAaIAzsc9Jxximy77BfC4mFZ/s1600/Screen+Shot+2016-06-13+at+8.30.53+PM.png" class="thumbnail">
<p class="excerpt">The purpose of this page is to show a sample of beta testing a site.</p>
<a name='more'></a>
Please specify the type, make and model of the device(s) you used to access the site.</p>
<p> iPhone 5S</p>
<p> Safari and Chrome</p>
<p> Dell PC Windows OS</p>
<p> Chrome, IE 11, and Firefox</p>
<p> 2. Please specify the type and version of the browser(s) you used to access the site.</p>
<p> Safari</p>
<p> Chrome</p>
<p> IE 11</p>
<p> Firefox</p>
<p> 3. Assess the site’s overall layout and design. List all functional, performance, text, and visual problems you experienced.</p>
<p> General (all browsers)</p>
<p>Password login could be changed to GovTech Works Logo – this can easily be done</p>
<p>WordPress is very hard to secure for a government website</p>
<p>The read more button under tactical cloudlets is hard to read. in the PHP or there are many options for plugins that allow this It’s generally not a good practice to only use placeholder text for input labels (the contact form) I’ve attached code for an example that actually moves the place holder text up like a label after the field is selected. This is also generally not 508 compliant. This is confusing because a user will click on this to fill out the form quickly and may tab to the next field, it is inconvenient to have to click away to discover what should be there. This can especially be inconvenient if the field auto-inputs text that is incorrect and the user has no way to confirm if the right information is filled out. Recommendation: http://bradfrost.com/blog/post/float-label- pattern/</p>
<p> Dark gray on light gray is not 508 compliant</p>
<p> Recommend implementing an editorial calendar to schedule content after it’s gone through html/css updates, image optimization, and reviewed with a checklist of tags and keywords to optimize the pages.</p>
<p> It’s confusing to have arrow buttons that do not function as buttons. Why not make the entire area clickable?</p>
<p> The social media buttons on the far left require double clicking; a single click would be more convenient and may hinder mobile users. Would recommend removing all of these boxes except the ... dots and changing the dots to say share. Then a user knows that these will let them share any page and is not going to take them to GovTech</p>
<p> Works social media, it also will show them every shareable option quickly. The RSS feed link in the footer goes to the actual XML feed (https://www.govtechworks.com/feed/) would recommend changing this to direct to subscription options. WordPress has multiple encoding options that allow the reader to direct bots to the xml feed, mobile users to a mobile friendly option, and web users to a subscription page. If you would like an easy fix I would recommend integrating FeedBurner or MailChimp. FeedBurner is a google tool, is free, offers analytics, lots of integration options, and is very easy to setup in less than 5 minutes.</p>
<p> Every article should be coded to integrate title tags, alt tags, taxonomy, Meta data, cross-link to other relevant articles on the site, mention the relevant category and link to it, as well as use structured data and rich snippets.</p>
<p> https://developers.google.com/custom-search/docs/structured_data?hl=en</p>
<p> https://developers.google.com/structured-data/rich- snippets/reviews</p>
<p> https://codex.wordpress.org/Writing_Posts Every page should have a relevant Meta data description.</p>
<p> Every page should have relevant meta data keywords that are researched based on demographics, site analytics, and site goals. Keyword research can be done using google webmaster tools, yahoo, google analytics, google AdWords (free tool), WordTracker, spyfu, wordstream, twitter, youmoz, or similar tools. The best tools tend to be Google’s and they are free to use and easy to do competitor evaluations. Dark gray on black is very hard to read and not 508 compliant All videos should include a transcript option. Please note alignment issues. Example page: https://www.govtechworks.com/talking-tech- continuous-diagnostics-and-mitigation/ If you want these videos to go viral every video should include a link to the video on vimeo and YouTube at the bare minimum. There are many tools that integrate quickly with WordPress that can automate uploading the video and descriptions to other social networks. It would also be useful to make GovTech Works run like a podcast system to automate the RSS feed submission of videos to iTunes and Android.</p>
<p> YouTube is the second most used website and search engine with billions of views daily. If the goal is to have views, the descriptions, SEO, and submission of these videos is essential. Someone should also be dedicated to determining analytics and which thumbnails, keywords, and demographics are the most effective for viewership, comments, and sharing.</p>
<p> Recommend moving related articles down or adjusting placement of the primary image so that some of the article details are above the fold. This way the user does not immediately lose attention, since they came to the page for the primary content and are not likely willing to give more than .3 seconds worth of time before they lose interest. Plus most of the articles use stock images that are unlikely to draw attention.</p>
<p> The jump to sections buttons are invasive and add clutter Skip navigation and tabbing does not appear to be present on the site Not responsive for all sizes:</p>
<p> Will you be including contributors? Does this site auto-pull in articles from other outlets? I.e. Defense news etc.</p>
<p> Suggest a story, advertise, and research all go to contact us – perhaps when a user lands on the contact page the PHP could automate selecting a dropdown option for why the user is contacting GovTech Works? OR this page could be completely eliminated since the contact form is on the same page they clicked on those links to arrive on the contact page. What will research be? If advertising will be on the site that needs to be disclosed consistently. There are lots of transparency laws that require any reviews of products or services to be mentioned in articles, any freebies to be disclosed, and a list of advertisers has to be on the site even if that is done using Amazon prime, Double Click, or Google Ads. What does the tab contact page add for the user? This form could be automatically updated based on one dropdown menu or checkboxes as to why the user is contacting GovTech Works. The tabs clutter the page, are not user friendly, and have no additional information for the user. </p>
<p>Would recommend giving the user the option of a number to contact someone or a brief description of why they want to contact GovTech works. Remember not all users who access the website will be doing so without disabilities. Some may use e-readers, some may be on mobile devices, and others may have color-blindness as a barrier between the site and optimal viewing performance. The site should have a goal and get users to use it in the most efficient way possible. Would recommend adding a dynamic contact form to the footer of every page. When the user submits the contact form based on why they are doing so a link to more information could be offered. If the contact form was added to the footer universally, the contact us link in the navigation could be removed adding more room for the topics to be spread out. Lots of research has been done on the popularity and UX of main navigations. For a blog, it is important to get readers to the most commonly used resources on the site in the main navigation. For this website, that means the topics and sectors. These are currently being hidden inside a dropdown menu, unnecessarily. The subscribe link is redundant. An RSS button is at the top and bottom of every page, the sign up for our newsletter form is on many pages (and could be integrated near the contact form). Remove scrolling header</p>
<p> Navigation is not accessibility friendly Topics main pages take up too much of the above the fold. Rearrange items to feature content better.</p>
<p> No results found – Under the analytics section.</p>
<p> Many images on the site are not web optimized – the weather image under the homeland section is a good example. This slows down the site significantly, is scored very poorly by google and other search engines and is not web standards compliant.</p>
<p> Recommend adding links to relevant articles from the about us excerpt.</p>
<p> Recommend including a longer about us or link directly to GDIT’s about us.</p>
<p> Footer nav is redundant</p>
<p> Create a sitemap</p>
<p> Create user roles</p>
<p> This section could be used to highlight the article and why it is interesting An excerpt, image, and/ or meta data should be included.</p>
<p> Some sections are missing content The home page is excessively long without a goal to add value to the reader.</p>
<p> Contributors and what we are reading sections should be removed.</p>
<p> Recommend changing Nav:</p>
<p> <nav id="top-menu- nav"></p>
<p> <ul> <li><h2><a style="</p>
<p>
color: #C31300;</p>
<p>
font-size: 21px;</p>
<p>
padding: 0px;</p>
<p> margin: 0px;</p>
<p>
">Sector:</a></h2></li></p>
<p>
menu-item- object-page menu-item- 3401"><a</p>
<p>
href="https://www.govtechworks.com/sectors/defense/">Defense</a></li></p>
<p>
menu-item- object-page menu-item- 3382"><a</p>
<p>
href="https://www.govtechworks.com/sectors/federal-civilian/">Federal</p>
<p>
Civilian</a></li></p>
<p>
menu-item- object-page menu-item- 3403"><a</p>
<p>
href="https://www.govtechworks.com/sectors/state-local/">State &amp;</p>
<p>
Local</a></li></p>
<p>
menu-item- object-page menu-item- 3402"><a</p>
<p>
href="https://www.govtechworks.com/sectors/public-safety/">Public</p>
<p>
Safety</a></li></p>
<p>
menu-item- object-page menu-item- 3404"><a</p>
<p>
href="https://www.govtechworks.com/sectors/homeland/">Homeland</a></li></p>
<p>
<li id="menu-item- 3401" class="menu-item menu-item- type-post_type</p>
<p>
<li id="menu-item- 3382" class="menu-item menu-item- type-post_type</p>
<p>
<li id="menu-item- 3403" class="menu-item menu-item- type-post_type</p>
<p>
<li id="menu-item- 3402" class="menu-item menu-item- type-post_type</p>
<p>
<li id="menu-item- 3404" class="menu-item menu-item- type-post_type</p>
<p>
<li id="menu-item- 3621" class="menu-item menu-item- type-post_type</p>
<p>
menu-item- object-page menu-item- 3621"><a</p>
<p>
href="https://www.govtechworks.com/topics/analytics/">Analytics</a></li></p>
<p>
menu-item- object-page menu-item- 3622"><a</p>
<p>
href="https://www.govtechworks.com/topics/cloud-data- center/">Cloud &amp;</p>
<p>
Data Center</a></li></p>
<p>
menu-item- object-page menu-item- 3624"><a</p>
<p>
href="https://www.govtechworks.com/topics/cyber/">Cyber</a></li></p>
<p>
menu-item- object-page menu-item- 3623"><a</p>
<p>
href="https://www.govtechworks.com/topics/trends/">Trends</a></li></p>
<p>
</ul></p>
<p>
<li id="menu-item- 3622" class="menu-item menu-item- type-post_type</p>
<p>
<li id="menu-item- 3624" class="menu-item menu-item- type-post_type</p>
<p>
<li id="menu-item- 3623" class="menu-item menu-item- type-post_type</p>
<p> What we’re reading – seems a little too personal and more blog like than corporate. The tone of voice should be consistent.</p>
<p> When a user makes the site smaller for responsive viewing, the hamburger menu navigation items are unreadable if you hover (become black on black)</p>
<p> Related articles related articles should always include meta data like the author, date, and a thumbnail of the related video. These results can be maximized by coding results to be shown based on user preferences, demographics, keywords, or even recent searches and page views. It is a good practice to make sure all articles have an image; articles that do not have thumbnails can have the GovTech Works logo by default until they get a thumbnail or simply not be published until the article is completed. Choose a standard excerpt length as well so that all images line up perfectly. If the author for articles is always going to be GOVTECHWORKS remove the author meta or make it invisible. It is extra clutter on the page and completely unnecessary. The same information can be conveyed to bots and search engines using tags.</p>
<p> Examples of other useful tags:</p>
<p> http://www.vervesearch.com/blog/how-to- implement-the- relauthor-tag- a-step-</p>
<p> http://www.thecreativepenn.com/2013/02/28/keywords-metadata-</p>
<p> https://moz.com/blog/meta-data- templates-123</p>
<p> http://www.iacquire.com/blog/18-meta- tags-every- webpage-should- have-in-</p>
<p> http://www.dpci.com/blog/taxonomy-vs- metadata</p>
<p> Research blog taxonomy</p>
<p> Include google webmaster tools suggestions and google analytics for testing</p>
<p> Sort posts by categories, sub-categories, and offer users the ability to subscribe by category.</p>
<p> The top Google+ link goes to LinkedIn and the Facebook button tries to download a file. by-step- guide/ discoverability/ 2013</p>
<p> The GovTech Works logo on Twitter is pixelated and distorted. More tweets should be added before go-live, an editorial plan should be in place to automate this at least 3 months in advance. Social media management, keyword tools, and reputation management tracking should be in place. Images in search results and archives are very large. This is great for article pages but takes up a lot of “above the fold” space. This means the users will end up paginating a lot or just not see as many articles as quickly as necessary. It also has the potential to slow down mobile browsers (haven’t got to testing that yet). Smaller images would allow them to skim more articles quickly, and find the right article for them. Moving the title or meta data information over the top of the images would save space and allow more room for excerpts. Images are still very important and allow the users to quickly glimpse what articles may be about. Some images for various posts seem to use very bland stock imagery that has little or nothing to do with articles.</p>
<p> Subscription options I would recommend checking the news recap or weekly article by default (one or both based on what you would like the most people to subscribe to). It’s often nice to include a hover CSS tool tip that tells users what this will look like or include. You could even include a link to an example of what an article looks like. Would recommend allowing users to sign-in to the system, if a user signs in and is already subscribed, you could hide the newsletter sign up option or allow options for the user to edit their subscription and category preferences. This may also allow the user back-end functionality based on your preferences. The user might submit requests for certain types of articles, interact with editors, chat with other members, have forum access (something not on the site now), or even see all their past comments.</p>
<p> Would be useful to include a newsletter archive https://www.govtechworks.com/subscribe/ The included image is bland.</p>
<p> The arrows would be better off as read more buttons or using glyphicons Commonly used icons and images should be in sprites (logos, icons, social media, dropdown icons, read more arrows) All images need optimized Excessive use of H1 tag with little variation Excessive use of jquery and sliders that do not add value. No email verification appears to be setup Newsletter page doesn’t say what asterisks mean (indicates required field should be included at the top of any page or section that has a form field input with asterisks indicating requirements.</p>
<p>The search taxonomy doesn’t seem to be very accurate. I selected the search icon at the top of the page in the main navigation area.</p>
<p>Regardless of the search I enter, it is hard to tell why the results are selected after my search is entered. It may be more appropriate to integrate a third party search. If this is using a basic WordPress theme, the search features probably require additional programming. I would recommend using Google Custom search: https://developers.google.com/custom-search/?hl=en or automating the taxonomy setup process and have a copy/tech writer create a list of common keywords based on popular articles and past known searches found in analytics.</p>
<p> Would highly recommend replacing the basic commenting system with Disqus. It uses Gravatar images, was initially built to integrate WordPress fully, is one of the most commonly used blog commenting systems, and allows user filtering, spam protection, as well as integration with social media. Safari – no browser specific issues found Chrome on iPhone– no browser specific issues found Chrome on PC– no browser specific issues found IE 11</p>
<p> Excessive padding at the top of search results, would be helpful to say “search results of ___” Two x’s show up in the search Tabs look like they are on two lines Toggle content sometimes moves up instead of down, which means the user ends up in the middle of the content instead of at the top reading down. https://www.govtechworks.com/9-keys-to-a-successful-cloud-migration/ (on smaller responsive) Responsive issues with sharing Logo looks stretched</p>
<p>Firefox– no browser specific issues found</p>
<p>4. Assess the content of the site in terms of:</p>
<p>Topic Excellent</p>
<p>Relevance to GDIT</p>
<p>Quality of headlines</p>
<p>Very Good Average Below Average Quality of analysis</p>
<p>Image quality o o o</p>
<p>Video quality o o X – use of videos</p>
<p>Overall</p>
<p>aesthetics</p>
<p>Banners</p>
<p>Color scheme </p>
<p>The site has very clean lines and appears to have a web 2.0 style template, but is lacking accessibility. The stock imagery appears to be high quality photos, but they do not seem to add interest to the page or aesthetic appeal that brings interest to most of the stories. The best images on the site are the ones that appear relevant, like the video thumbnails. I rated the color scheme below average because it is hard to read in some places, is not accessibility friendly, and the bold colors take away from the content. Red should be used sparingly for items you want to call attention to. White on white and gray on gray is very hard to read even for users who are not color blind or visually impaired. Most of the site’s layout and padding has a template feel to it. With some CSS customization and minor changes to articles the site would read better and content would stand out more. A few minor tweaks and I would rate the look and feel excellent.</p>
<p>5. Evaluate the site’s navigation:</p>
<p>Was it intuitive? Redundant, poor color scheme for readability, not up to web standards or common standards of UX for ease of use</p>
<p>Did any links take you to the wrong place? If so, please specify. Yes, listed above.</p>
<p>Could you get where you were going with a minimum number of clicks? No.</p>
<p>6. Evaluate the overall performance of the site: Did the site seem slow? Not on my computer, because it’s fast. Was slow on my phone, images loaded slowly, and failed load testing.</p>
<h2>Did pages, images and videos load quickly? No.</h2>
<h2>Were the calls to action (subscribe, provide feedback, etc.) easy to understand?</h2>
<p>Arrows would be better off saying read more, subscribe and contact us would be better off in the footer. Redundant navigation items should be rearranged. Headers should be catchy, short, and include relevant keywords; all articles should have obvious call out buttons.</p>
<p>7. Did you come across any errors or non-functioning components within the site? If so, provide the URL, a description, and if possible, a screenshot.</p>
<p>Yes, they are listed above with screenshots.</p>
<p>8. Were there any issues that you had within the site that you believe were attributable to a known firewall issue?</p>
<p>No, but I didn’t test for that.</p>
<p>9. Assess the level of interactivity the site offered.</p>
<h2>Was the ability to subscribe easily accessible on every page?</h2>
<p>Yes but the checkbox descriptions could be improved and one should be checked by default</p>
<h2>Was the ability to post content to social media easy for the user?</h2>
<p>It’s in an easy place to ignore but also invasive to the site. Would be better off at the top/bottom of each article only with active call outs. Was the ability to share content with friends or provide feedback easy for the user?</p>
<p>Recommendations added above, but would recommend narrowing down to top networks and having a share call out at the top and bottom of articles. Lots of UX research has been done on this and it is the most effective way to get users to share content. The scrolling bar is not obvious that it is for sharing. The scrolling bar is invasive. Disqus would auto integrate more sharing options. Calling out share now at the bottom or top of articles may increase sharing. Recommend A/B testing.</p>
<p>10. Please feel free to share any additional comments you may have regarding the site.</p>
Added above
DesaraeVhttp://www.blogger.com/profile/06354550301110673337noreply@blogger.com0tag:blogger.com,1999:blog-4717460821390233792.post-85229542466456211172016-06-18T20:12:00.000-05:002016-06-18T20:12:12.518-05:00ICEdot Athletes<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVIAEyVvSvTvD5P_NKTTpV1K8qnvcjxtZl2Qgtyv_M5QLWn7tbxl1n8ITI71MgdbS0p0dyfppe-z3nxMcNdrjYLSgKLkULqoAL-wGZUmjmoaIxNfhBqEJwyM1G8ULeuzf7dacf5kKnl8hI/s1600/Screen+Shot+2016-06-11+at+10.27.54+PM.png" class="thumbnail" />
<p class="excerpt">The purpose of this page is to show a sample of sponsorship management and blogging.</p>
<a name='more'></a>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVIAEyVvSvTvD5P_NKTTpV1K8qnvcjxtZl2Qgtyv_M5QLWn7tbxl1n8ITI71MgdbS0p0dyfppe-z3nxMcNdrjYLSgKLkULqoAL-wGZUmjmoaIxNfhBqEJwyM1G8ULeuzf7dacf5kKnl8hI/s1600/Screen+Shot+2016-06-11+at+10.27.54+PM.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVIAEyVvSvTvD5P_NKTTpV1K8qnvcjxtZl2Qgtyv_M5QLWn7tbxl1n8ITI71MgdbS0p0dyfppe-z3nxMcNdrjYLSgKLkULqoAL-wGZUmjmoaIxNfhBqEJwyM1G8ULeuzf7dacf5kKnl8hI/s1600/Screen+Shot+2016-06-11+at+10.27.54+PM.png" /></a>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-0Q8tS6fCPnY8p-305KsLt4b-Uu7F6X7bfUb7NHS4xVh2ZBonTJ3T-f9AMyRWnWaEV7yYflUxwY-t5ALUsCMjk1P9tfUFxMqNusmM_iYjJ58zEaqmU7Jzr8QZQG1THkEnBnSs1S1uVNEq/s1600/bannerbandyoutube.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-0Q8tS6fCPnY8p-305KsLt4b-Uu7F6X7bfUb7NHS4xVh2ZBonTJ3T-f9AMyRWnWaEV7yYflUxwY-t5ALUsCMjk1P9tfUFxMqNusmM_iYjJ58zEaqmU7Jzr8QZQG1THkEnBnSs1S1uVNEq/s1600/bannerbandyoutube.jpg" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBxp1gC5AOtXt6800PGxTwggXEcfTTOG2cyFdy5qiBzWYs4TeTGHz_31bUyEiD1fJqJiDgrsI6QwgXIY7w3-HYKKpDZRVs2BCIp2rvSuTDqSTc8R6vjKE0j67bU8G54tT_KkD4EnTyHM4g/s1600/bannerband2.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBxp1gC5AOtXt6800PGxTwggXEcfTTOG2cyFdy5qiBzWYs4TeTGHz_31bUyEiD1fJqJiDgrsI6QwgXIY7w3-HYKKpDZRVs2BCIp2rvSuTDqSTc8R6vjKE0j67bU8G54tT_KkD4EnTyHM4g/s1600/bannerband2.png" /></a>
<div class="button-wrapper">
<button class='lined thin'><a href="http://site.icedot.org/site/">ICEdot Website</a></button>
<button class='lined thin'><a href="http://icedotathletes.com/projects/desarae-veit/">View the ICEdot Blog</a></button>
</div>DesaraeVhttp://www.blogger.com/profile/06354550301110673337noreply@blogger.com0tag:blogger.com,1999:blog-4717460821390233792.post-14525659785376401782016-06-18T20:11:00.001-05:002016-06-18T20:11:28.183-05:00SEO Documentation Examples<p class="excerpt">The purpose of this page is to provide a list of search engine optimization (SEO) related sample documents.</p>
<a name='more'></a>
<ul>
<li><a href="https://drive.google.com/drive/folders/0ByncXJQoSbO0by1jbVJyazdRejA">Content Ideas</a></li>
<li><a href="https://docs.google.com/spreadsheets/d/1VedNXCg6quNvbnfaasBYTlx4zGgdfe4dule0GyipGgI/edit?usp=sharing">Error Tracking</a></li>
<li><a href="https://drive.google.com/file/d/0ByncXJQoSbO0Y2ZlUzQ1RVktQlU/view?usp=sharing">Keyword Research</a></li>
<li><a href="https://docs.google.com/spreadsheets/d/1d5hS2Lo1qQbSmZPIWxI1_vyS98JAT85AdXsjvL6Bo0g/edit?usp=sharing">Editorial Calendar</a></li>
<li><a href="https://docs.google.com/document/d/1TiR3l_mL3xJJWzQ27eG5l-HPhYWcVqb8X0puJe6vA_I/edit?usp=sharing">Goals</a></li>
<li><a href="https://drive.google.com/file/d/0ByncXJQoSbO0a3gxRzI2NzE5ZG8/view?usp=sharing">Justification Documentation</a></li>
<li><a href="https://drive.google.com/file/d/0ByncXJQoSbO0VHFPLXlST2FrZE0/view?usp=sharing">Planning Tasks</a></li>
<li><a href="https://drive.google.com/file/d/0ByncXJQoSbO0VkhfVnBiSXZDOGs/view?usp=sharing">Reports - Site Evaluation</a></li>
<li><a href="https://drive.google.com/file/d/0ByncXJQoSbO0QVZTU3BGem9kblU/view?usp=sharing">Keyword Research</a></li>
</ul>DesaraeVhttp://www.blogger.com/profile/06354550301110673337noreply@blogger.com0tag:blogger.com,1999:blog-4717460821390233792.post-31052401697989342182016-06-18T20:11:00.000-05:002016-06-18T20:11:07.233-05:00HTML/CSS Toggle Button (No need for jQuery)<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixrd4gk_70LmqRZZ874ZH4OAZkyQG-fwzPGMDfr7zAVNxRFI0jQ4VdkBLo6y3t_LPDv2ekJ_SOl1s_eVlxy8zxIfC12qnTxpXyVjU8g3C8HDkYACkQZ7IiN6Jp9su0I0d5x3MJfBP8r-OE/s1600/Screen+Shot+2016-06-13+at+8.40.08+PM.png" class="thumbnail"/>
<p class="excerpt">The purpose of this page is to show a sample of HTML/CSS code.</p>
<a name='more'></a>
<style>
.post-body.entry-content a {
text-decoration: underline;
}
.causecontainer div[class*="message"] {
margin: -22px 0 13px 0;
background:#181818;
color:#FFF;
padding: 20px;
overflow: hidden;
box-sizing: border-box;
display: none;
}
div[class*="message"] h1 a, div[class*="message"] h2 a, div[class*="message"] h3 a, div[class*="message"] a {
color: #fff !important;
}
[id*="toggle1"] {
visibility: hidden;
appearance:none;
cursor:pointer;
left:-100%;
top:-100%;
}
[id*="toggle1"] + label {
cursor:pointer;
color: #FFF;
line-height:20px;
font-size:12px;
text-align: left;
-webkit-font-smoothing: antialiased;
cursor: pointer;
margin:20px 50px;
transition:all 500ms ease;
}
[id*="toggle1"] + label div {
background: #26ae90;
padding: 8px 10px;
transition:all 500ms ease;
border-radius: 3px;
}
[id*="toggle1"] + label div:after {
content:"Open";
text-align: right;
float: right;
color: #2B0B46;
font-weight: bold;
padding: 0px 25px 0px 0px;
}
[id*="toggle1"]:checked + label div:after {
content:"Close";
text-align: right;
float: right;
color: rgba(255, 0, 0, 0.72);
font-weight: bold;
padding: 0px 25px 0px 0px;
}
[id*='toggle'] .container, [class*='toggle'] .container {
transition: margin 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
padding:5em 3em;
}
[id*="toggle1"]:checked ~ .message {
display: block;
}
[id*="toggle1"]:checked ~ .container {
display: none;
}
[id*="toggle1"]:checked + label {
background:#dd6149;
}
.causecontainer {
padding: 0px !important;
margin: -34px 0 -20px 0 !important;
position: relative;
overflow: hidden;
}
/***EXAMPLE 2***/
.toggle3-wrapper {
position: relative;
overflow: hidden;
transition: margin 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
}
.toggle3-wrapper div[class*="toggle3-inside"] {
/* margin: -22px 0 13px 0;*/
overflow: hidden;
box-sizing: border-box;
display: none;
}
[id*='toggle'] .container, [class*='toggle'] .container {
transition: margin 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
padding:5em 3em;
}
[id*="toggle3"] {
visibility: hidden;
appearance:none;
cursor:pointer;
left:-100%;
top:-100%;
}
[id*="toggle3"] + label {
cursor:pointer;
text-align: left;
-webkit-font-smoothing: antialiased;
cursor: pointer;
margin:20px 50px;
transition:all 500ms ease;
}
[id*="toggle3"] + label div {
transition:all 500ms ease;
}
[id*="toggle3"] + label div:after {
content:"Open";
text-align: right;
float: right;
}
[id*="toggle3"]:checked + label div:after {
content:"Close";
text-align: right;
float: right;
}
[id*="toggle3"]:checked ~ .toggle3-inside {
display: block;
}
[id*="toggle3"]:checked ~ .container {
display: none;
}
</style>
<p>Open individual toggle buttons using only HTML and CSS</p>
<!--more-->
<H1>Challenge</h1>
<p>While creating a website, I wanted an HTML only toggle button. I found a few examples of code on Codepin and other sites, but most requires the use of jQuery. That's fine but most of the jQuery solutions are not mobile-friendly.</p>
<h2>Example of jQuery from Bootstrap</h2>
<pre><code class="language-js" data-lang="js"><span class="nx">$</span><span class="p">(</span><span class="s1">'.dropdown-toggle'</span><span class="p">).</span><span class="nx">dropdown</span><span class="p">()</span></code></pre>
<H1>Solution: Code Examples</h1>
<div class="clearfix"> </div>
<H2>Visual Example 1</h2>
<div class="clearfix"> </div>
<div class="causecontainer">
<input type="checkbox" name="toggle16" id="toggle16" />
<label for="toggle16"><div>Click me 1</div></label>
<div class="message">
<h1>Add a message</h1>
<p></p>
</div>
</div>
<div class="causecontainer">
<input type="checkbox" name="toggle19" id="toggle19" />
<label for="toggle19"><div>Click me 2</div></label>
<div class="message">
<h1>Add a message</h1>
<p></p>
</div>
</div>
<div class="clearfix"> </div>
<h2>Code Example 1</h2>
<h3>CSS</h3>
<code>
.causecontainer div[class*="message"] {
margin: -22px 0 13px 0;
background:#181818;
color:#FFF;
padding: 20px;
overflow: hidden;
box-sizing: border-box;
display: none;
}
div[class*="message"] h1 a, div[class*="message"] h2 a, div[class*="message"] h3 a, div[class*="message"] a {
color: #fff !important;
}
[id*="toggle1"] {
visibility: hidden;
appearance:none;
cursor:pointer;
left:-100%;
top:-100%;
}
[id*="toggle1"] + label {
cursor:pointer;
color: #FFF;
line-height:20px;
font-size:12px;
text-align: left;
-webkit-font-smoothing: antialiased;
cursor: pointer;
margin:20px 50px;
transition:all 500ms ease;
}
[id*="toggle1"] + label div {
background: #26ae90;
padding: 8px 10px;
transition:all 500ms ease;
border-radius: 3px;
}
[id*="toggle1"] + label div:after {
content:"Open";
text-align: right;
float: right;
color: #2B0B46;
font-weight: bold;
padding: 0px 25px 0px 0px;
}
[id*="toggle1"]:checked + label div:after {
content:"Close";
text-align: right;
float: right;
color: rgba(255, 0, 0, 0.72);
font-weight: bold;
padding: 0px 25px 0px 0px;
}
[id*='toggle'] .container, [class*='toggle'] .container {
transition: margin 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
padding:5em 3em;
}
[id*="toggle1"]:checked ~ .message {
display: block;
}
[id*="toggle1"]:checked ~ .container {
display: none;
}
[id*="toggle1"]:checked + label {
background:#dd6149;
}
.causecontainer {
padding: 0px !important;
margin: -34px 0 -20px 0 !important;
position: relative;
overflow: hidden;
}
</code>
<h3>HTML</h3>
<p>Note in the code that the class clearfix is used in a div before and after the toggle buttons because of the margin correction. This could be improved. Also everytime you create a new toggle button, anything named toggle needs to be unique (ie. for="toggle6" name="toggle6" id="toggle6").</p>
<!-- HTML generated using hilite.me --><div style="background: #ffffff; overflow:auto;width:auto;border:solid gray;border-width:.1em .1em .1em .8em;padding:.2em .6em;"><pre style="margin: 0; line-height: 125%"><span style="color: #333333"><</span>H2<span style="color: #333333">></span>Header<span style="color: #333333"></</span>h2<span style="color: #333333">></span>
<span style="color: #333333"><</span>div class<span style="color: #333333">=</span><span style="background-color: #fff0f0">"clearfix"</span><span style="color: #333333">>&</span>nbsp;<span style="color: #333333"></</span>div<span style="color: #333333">></span>
<span style="color: #333333"><</span>div class<span style="color: #333333">=</span><span style="background-color: #fff0f0">"causecontainer"</span><span style="color: #333333">></span>
<span style="color: #333333"><</span><span style="color: #007020">input</span> <span style="color: #007020">type</span><span style="color: #333333">=</span><span style="background-color: #fff0f0">"checkbox"</span> name<span style="color: #333333">=</span><span style="background-color: #fff0f0">"toggle6"</span> <span style="color: #007020">id</span><span style="color: #333333">=</span><span style="background-color: #fff0f0">"toggle6"</span> <span style="color: #333333">/></span>
<span style="color: #333333"><</span>label <span style="color: #008800; font-weight: bold">for</span><span style="color: #333333">=</span><span style="background-color: #fff0f0">"toggle6"</span><span style="color: #333333">><</span>div<span style="color: #333333">></span>Click me <span style="color: #0000DD; font-weight: bold">1</span><span style="color: #333333"></</span>div<span style="color: #333333">></</span>label<span style="color: #333333">></span>
<span style="color: #333333"><</span>div class<span style="color: #333333">=</span><span style="background-color: #fff0f0">"message"</span><span style="color: #333333">></span>
<span style="color: #333333"><</span>h1<span style="color: #333333">></span>Add a message<span style="color: #333333"></</span>h1<span style="color: #333333">></span>
<span style="color: #333333"><</span>p<span style="color: #333333">></</span>p<span style="color: #333333">></span>
<span style="color: #333333"></</span>div<span style="color: #333333">></span>
<span style="color: #333333"></</span>div<span style="color: #333333">></span>
<span style="color: #333333"><</span>div class<span style="color: #333333">=</span><span style="background-color: #fff0f0">"causecontainer"</span><span style="color: #333333">></span>
<span style="color: #333333"><</span><span style="color: #007020">input</span> <span style="color: #007020">type</span><span style="color: #333333">=</span><span style="background-color: #fff0f0">"checkbox"</span> name<span style="color: #333333">=</span><span style="background-color: #fff0f0">"toggle9"</span> <span style="color: #007020">id</span><span style="color: #333333">=</span><span style="background-color: #fff0f0">"toggle9"</span> <span style="color: #333333">/></span>
<span style="color: #333333"><</span>label <span style="color: #008800; font-weight: bold">for</span><span style="color: #333333">=</span><span style="background-color: #fff0f0">"toggle9"</span><span style="color: #333333">><</span>div<span style="color: #333333">></span>Click me <span style="color: #0000DD; font-weight: bold">2</span><span style="color: #333333"></</span>div<span style="color: #333333">></</span>label<span style="color: #333333">></span>
<span style="color: #333333"><</span>div class<span style="color: #333333">=</span><span style="background-color: #fff0f0">"message"</span><span style="color: #333333">></span>
<span style="color: #333333"><</span>h1<span style="color: #333333">></span>Add a message<span style="color: #333333"></</span>h1<span style="color: #333333">></span>
<span style="color: #333333"><</span>p<span style="color: #333333">></</span>p<span style="color: #333333">></span>
<span style="color: #333333"></</span>div<span style="color: #333333">></span>
<span style="color: #333333"></</span>div<span style="color: #333333">></span>
<span style="color: #333333"><</span>div class<span style="color: #333333">=</span><span style="background-color: #fff0f0">"clearfix"</span><span style="color: #333333">>&</span>nbsp;<span style="color: #333333"></</span>div<span style="color: #333333">></span>
</pre></div>
<div class="clearfix"> </div>
<H2>Visual Example 2</h2>
<div class="clearfix"> </div>
<div class="toggle3-wrapper">
<input type="checkbox" name="toggle3EXAMPLE2" id="toggle3EXAMPLE2" />
<label for="toggle3EXAMPLE2"><div>Click me 2</div></label>
<div class="toggle3-inside">
<h1>Add a message</h1>
<p></p>
</div>
</div>
<div class="clearfix"> </div>
<h2>Code Example 2</h2>
<h3>CSS</h3>
<code>
.toggle-wrapper {
position: relative;
overflow: hidden;
transition: margin 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
}
.toggle-wrapper div[class*="toggle-inside"] {
/* margin: -22px 0 13px 0;*/
overflow: hidden;
box-sizing: border-box;
display: none;
}
.container {
transition: margin 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
padding:5em 3em;
}
[id*="toggle"] {
visibility: hidden;
appearance:none;
cursor:pointer;
left:-100%;
top:-100%;
}
[id*="toggle"] + label {
cursor:pointer;
text-align: left;
-webkit-font-smoothing: antialiased;
cursor: pointer;
margin:20px 50px;
transition:all 500ms ease;
}
[id*="toggle"] + label div {
transition:all 500ms ease;
}
[id*="toggle"] + label div:after {
content:"Open";
text-align: right;
float: right;
}
[id*="toggle"]:checked + label div:after {
content:"Close";
text-align: right;
float: right;
}
[id*="toggle"]:checked ~ .toggle-inside {
display: block;
}
[id*="toggle"]:checked ~ .container {
display: none;
}
</code>
<h3>HTML</h3>
<!-- HTML generated using hilite.me --><div style="background: #ffffff; overflow:auto;width:auto;border:solid gray;border-width:.1em .1em .1em .8em;padding:.2em .6em;"><pre style="margin: 0; line-height: 125%"><span style="color: #333333"><</span>div class<span style="color: #333333">=</span><span style="background-color: #fff0f0">"toggle-wrapper"</span><span style="color: #333333">></span>
<span style="color: #333333"><</span><span style="color: #007020">input</span> <span style="color: #007020">type</span><span style="color: #333333">=</span><span style="background-color: #fff0f0">"checkbox"</span> name<span style="color: #333333">=</span><span style="background-color: #fff0f0">"toggleEXAMPLE"</span> <span style="color: #007020">id</span><span style="color: #333333">=</span><span style="background-color: #fff0f0">"toggleEXAMPLE"</span> <span style="color: #333333">/></span>
<span style="color: #333333"><</span>label <span style="color: #008800; font-weight: bold">for</span><span style="color: #333333">=</span><span style="background-color: #fff0f0">"toggleEXAMPLE"</span><span style="color: #333333">><</span>div<span style="color: #333333">></span>Click me <span style="color: #0000DD; font-weight: bold">2</span><span style="color: #333333"></</span>div<span style="color: #333333">></</span>label<span style="color: #333333">></span>
<span style="color: #333333"><</span>div class<span style="color: #333333">=</span><span style="background-color: #fff0f0">"toggle-inside"</span><span style="color: #333333">></span>
<span style="color: #333333"><</span>h1<span style="color: #333333">></span>Add a message<span style="color: #333333"></</span>h1<span style="color: #333333">></span>
<span style="color: #333333"><</span>p<span style="color: #333333">></</span>p<span style="color: #333333">></span>
<span style="color: #333333"></</span>div<span style="color: #333333">></span>
<span style="color: #333333"></</span>div<span style="color: #333333">></span>
<span style="color: #333333"><</span>div class<span style="color: #333333">=</span><span style="background-color: #fff0f0">"clearfix"</span><span style="color: #333333">>&</span>nbsp;<span style="color: #333333"></</span>div<span style="color: #333333">></span>
</pre></div>DesaraeVhttp://www.blogger.com/profile/06354550301110673337noreply@blogger.com1tag:blogger.com,1999:blog-4717460821390233792.post-50920508796481595342016-06-18T20:10:00.001-05:002016-06-18T20:10:36.583-05:00Version 2 of Toggle with No CSS (Simplified)<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzF56jD22pXHjTbNV6JaMQqYarJg9ddjg2T5NmoM1O6rymKVnzHUuhqyGATMDbAfI9NVjwnSfiDgkkhGaFgSadM-upYODfTafLhQHfkQ74dpk5eMeuki6AqP_r5wzr_-TSLGu57KmWG1lX/s1600/Screen+Shot+2016-06-13+at+8.39.10+PM.png" class="thumbnail" />
<style>
.toggle2-wrapper {
position: relative;
overflow: hidden;
transition: margin 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
}
.toggle2-wrapper div[class*="toggle2-inside"] {
/* margin: -22px 0 13px 0;*/
overflow: hidden;
box-sizing: border-box;
display: none;
}
[id*='toggle'] .container, [class*='toggle'] .container {
transition: margin 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
padding:5em 3em;
}
[id*="toggle2"] {
visibility: hidden;
appearance:none;
cursor:pointer;
left:-100%;
top:-100%;
}
[id*="toggle2"] + label {
cursor:pointer;
text-align: left;
-webkit-font-smoothing: antialiased;
cursor: pointer;
margin:20px 50px;
transition:all 500ms ease;
}
[id*="toggle2"] + label div {
transition:all 500ms ease;
}
[id*="toggle2"] + label div:after {
content:"Open";
text-align: right;
float: right;
}
[id*="toggle2"]:checked + label div:after {
content:"Close";
text-align: right;
float: right;
}
[id*="toggle2"]:checked ~ .toggle2-inside {
display: block;
}
[id*="toggle2"]:checked ~ .container {
display: none;
}
</style>
<p class="excerpt">The purpose of this page is to show a sample of HTML/CSS code.</p>
<a name='more'></a>
<div class="toggle2-wrapper">
<input type="checkbox" name="toggle2EXAMPLE" id="toggle2EXAMPLE" />
<label for="toggle2EXAMPLE"><div>Click me 2</div></label>
<div class="toggle2-inside">
<h1>Add a message</h1>
<p></p>
</div>
</div>
<div class="clearfix"> </div>DesaraeVhttp://www.blogger.com/profile/06354550301110673337noreply@blogger.com0tag:blogger.com,1999:blog-4717460821390233792.post-30822471393055723842016-06-18T20:10:00.000-05:002016-06-18T20:10:10.386-05:00Book Review Blog<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFuMC-wn7P2zel6tkF1Lk_IlCata6cGrsAAVdhrcXPyRmnUdDSeKphdHgHiYoN9iiB46tFsG-A9dU6NHfkubxG-UDBhltorGh1G80nM8pT0TlSs1CmLRugpi2WD6tMhUU8ruWv62mEe_x5/s1600/book+reviews.PNG" class="thumbnail" />
<p class="excerpt">The purpose of this page is to show a sample of blog development, design, and ongoing content creation. The page also includes information related to my user interface (UI) design and development process.</p>
<a name='more'></a>
<h1 id="bookreviewPortfolio">Book Reviews Blog</h1>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFuMC-wn7P2zel6tkF1Lk_IlCata6cGrsAAVdhrcXPyRmnUdDSeKphdHgHiYoN9iiB46tFsG-A9dU6NHfkubxG-UDBhltorGh1G80nM8pT0TlSs1CmLRugpi2WD6tMhUU8ruWv62mEe_x5/s1600/book+reviews.PNG" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFuMC-wn7P2zel6tkF1Lk_IlCata6cGrsAAVdhrcXPyRmnUdDSeKphdHgHiYoN9iiB46tFsG-A9dU6NHfkubxG-UDBhltorGh1G80nM8pT0TlSs1CmLRugpi2WD6tMhUU8ruWv62mEe_x5/s1600/book+reviews.PNG" style="max-width:100%;"/></a>
<div class="clearfix"></div>
<div class="right">
<blockquote>
<h2>Jump to a Section:</h2>
<ul>
<li><a href="#overview">Overview</a></li>
<li><a href="#challenge">Challenge</a></li>
<li><a href="#Solution">Solution</a></li>
<li><a href="#tools">Tools/Skills</a></li>
</ul>
</blockquote>
</div>
<h1 id="overview">Overview</h1>
<p>Out of all the topics I blog about, I write the most prolifically about books. I love to read/listen and probably average 3-30 books per month. Blogging about books started because I was already writing reviews on GoodReads, Shelfari, Amazon and Audible. One day, while talking to an author on Twitter I had an epiphany. I could use all the content that I'd already been creating and put it onto a site. This would make it easy for me and friends to find my reviews. Even better if one of those popular sites ever went down, I'd have my content saved. I also found it extremely frustrating that Audible doesn't allow users to edit their reviews, so this was a solution for that too.</p>
<h2 id="challenge">Challenge</h2>
<p>This is a <a href="http://www.desaraev.com/search/label/Self-intiiated?&max-results=10">self-initiated project</a> to share my love of books. I originally built DesaraeVeit.com as a catch-all blog for my hobbies and interests. Eventually the posts became so diverse the site began to appear cluttered and I was afraid users would not be able to find the topics they wanted.</p>
<p>As a side bonus, the more I blogged about various topics, the more I started to be contacted by people in those industry with offers to review their content. Sometimes publishers and authors send me books to review, for free, in exchange for honest reviews. You will notice on the site I rate books using starts and meta-data snippets. Even if I get a book for free, I mention that it is sponsored and am honest about whether or not I like it and why. Just because something isn't my cup of tea, doesn't mean another reader wouldn't connect to the book. In fact, sometimes I go back and re-read or listen to a title and love it later. So I make sure to explain why a book didn't fit my mood or was hard to complete.</p>
<h2 id="SolutionSolution">Solution</h2>
<p> I decided to create individual sites for various topics. To determine which topics needed renaming and how to organize them, I wrote each category on a slice of a memo paper. Each slice had a sticky side that was easily affixed to a piece of paper and could be moved around to other sheets easily. Affixing the memos to a piece of paper made storing the ideas (together) easy. This method also allowed me to take pictures of topics and request feedback from other people.</p>
<h2>Examples</h2>
<p>Click on any 'example' image to zoom in</p>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbX17Uk_ywoRMz-UVFw9DPuQUDgBbR17kjjfPfK5UhM3BMgc7iEXJ4NBETojHg7srXqG3AQ81G1qV7Bwz3pZTQTNKBCmCLU67Jzh6ONCB5rWDdv9IerRsuetVAsrU5BRTPD5pOvjP8xxIt/s1600/20160610_170520_resized.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbX17Uk_ywoRMz-UVFw9DPuQUDgBbR17kjjfPfK5UhM3BMgc7iEXJ4NBETojHg7srXqG3AQ81G1qV7Bwz3pZTQTNKBCmCLU67Jzh6ONCB5rWDdv9IerRsuetVAsrU5BRTPD5pOvjP8xxIt/s1600/20160610_170520_resized.jpg" class="left" /></a>
<h2 id="tools">My Role</h2>
<p>I custom designed and developed the website on BlogSpot. The site is based on a theme I created for DesaraeVeit.com but is extremely simplified. I also do the SEO, social media marketing, and writing. Most of the social media for my blogs are automated using tools like IFTTT. Some blogs have high monthly readership averages and others do not, but I don't spend a lot of time worrying about them becoming popular. I don't worry about it because I do not want to be famous and blog for my own enjoyment. </p>
<h3>Tools/Skills Used</h3>
<ul>
<li>IFTTT</li>
<li>Google Analytics</li>
<li><a href="http://www.desaraev.com/search/label/Tools%3A%20Blogger?&max-results=10">Blogger</a></li>
<li>SEO</li>
<li><a href="http://www.desaraev.com/search/label/Blogging?&max-results=10">Blogging</a></li>
<li><a href="http://www.desaraev.com/search/label/Languages%3A%20HTML?&max-results=10">HTML</a>/<a href="http://www.desaraev.com/search/label/Languages%3A%20CSS?&max-results=10">CSS</a></li>
<li>GitHub</li>
<li>http://codepen.io/</li>
<li>Audible</li>
<li>GoodReads</li>
<li>Disquis</li>
<li><a href="http://www.desaraev.com/search/label/Tools%3A%20Bootstrap%20Framework?&max-results=10">Bootstrap</a></li>
<li>Font-Awesome</li>
</ul>
http://www.desaraev.com/2016/06/self-initiated-projects.html
<div class="button-wrapper">
<button class='lined thin'><a href="http://www.desaraev.com/2016/06/blog-post.html" target="_blank">Visit the Site</a></button>
<button class='lined thin'><a href="http://www.desaraev.com/2016/06/self-initiated-projects.html">Self-Initiated Projects</a></button>
</div>DesaraeVhttp://www.blogger.com/profile/06354550301110673337noreply@blogger.com0tag:blogger.com,1999:blog-4717460821390233792.post-57271828722429543162016-06-18T20:09:00.001-05:002016-06-18T20:09:49.143-05:00Large Abstract Painting with Hidden Text<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxHtNVKKy6-P3zv16OL-sFmaIUcMezNzwlMPOGeLab24U4tDhQKn8lGldNUzJFtG8wWjtTzFrKd4eDsLNuLQUEZgPwaQqbaFu5mnOF0rPaBhuDvxbdBYuMS2Fzom5Afl2_-qYhG3Kzz-Wr/s1600/Screen+Shot+2016-06-09+at+7.48.50+PM.png" class="thumbnail" />
<p class="excerpt">The purpose of this page is to show a sample of fine art and abstract painting.</p>
<a name='more'></a>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxHtNVKKy6-P3zv16OL-sFmaIUcMezNzwlMPOGeLab24U4tDhQKn8lGldNUzJFtG8wWjtTzFrKd4eDsLNuLQUEZgPwaQqbaFu5mnOF0rPaBhuDvxbdBYuMS2Fzom5Afl2_-qYhG3Kzz-Wr/s1600/Screen+Shot+2016-06-09+at+7.48.50+PM.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxHtNVKKy6-P3zv16OL-sFmaIUcMezNzwlMPOGeLab24U4tDhQKn8lGldNUzJFtG8wWjtTzFrKd4eDsLNuLQUEZgPwaQqbaFu5mnOF0rPaBhuDvxbdBYuMS2Fzom5Afl2_-qYhG3Kzz-Wr/s1600/Screen+Shot+2016-06-09+at+7.48.50+PM.png" class="left" style="width: 50%;"/><span class="caption left" style="width: 50%;">Painting is approximately 7' X 4'</span></a>
<p>I first started this painting in 2008. It took over 6 months to complete the initial design. The art was intended to fill a space in my extremely tall stairway (my home at the time). When it was first painted, the hidden text also glowed in the dark (using a glow in the dark acrylic). I thought it was a cool addition to the piece, but my roommate at the time did not. So I painted over that portion of the artwork.</p>
<p>The colors perfectly match the design pallet I use in my current living room. I love blue and the yellow tones are very complimentary. Red and brown was added to ground the art work and give it a fiery/earthy feeling, much like the hidden word.</p>
<p>My favorite things about this painting are how the colors blend into one another. I also put a lot of additional effort to use varying methods to raise up the texture. The texture is hard to see second hand in photographs, but it adds depth and I think that quality makes the painting even more interesting in-person.</p>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixLV6YOqQpflN3YK2sV91fZ30daQE9R47yfC-_40h-UU7YsAaWWgqwGi5O-rE94mgO0JMS2blNv7lzcVflmz6L_y7-neqIc1nEsQoBKeX9n_J2sehDUvsq_QB3dbuGNnTB4fqvsUH3zyfz/s1600/Screen+Shot+2016-06-09+at+7.46.34+PM.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixLV6YOqQpflN3YK2sV91fZ30daQE9R47yfC-_40h-UU7YsAaWWgqwGi5O-rE94mgO0JMS2blNv7lzcVflmz6L_y7-neqIc1nEsQoBKeX9n_J2sehDUvsq_QB3dbuGNnTB4fqvsUH3zyfz/s1600/Screen+Shot+2016-06-09+at+7.46.34+PM.png" class="left"/><span class="caption">Abstract painting hung in my living room</span></a>
<h1>The Future</h1>
<p>I've been meaning to fully paint the top and bottom sides of the canvas. The sides are thick and it is noticeable when hung sideways or in a tall space. I initially intentionally left them unpainted to force people (my roomate) to hang the painting vertically. The painting has the world love hidden in the shapes and it is sideways if the artwork is hung horizontally.</p>
<p>Please keep in mind you need to be logged into Facebook to click the more art button.</p>
<div class="button-wrapper">
<div class="hover_img"><a href='https://www.facebook.com/desaraev/media_set?set=a.10101630677690800.1073741946.16900609&type=3' target="_blank"><button class='lined thin' title='Code pages are not optimized for mobile'>More Art</button> <span>Some of the art in this album comes from galleries.</span></a></div>
</div>DesaraeVhttp://www.blogger.com/profile/06354550301110673337noreply@blogger.com0tag:blogger.com,1999:blog-4717460821390233792.post-34598712296587903152016-06-18T20:09:00.000-05:002016-06-18T20:09:12.695-05:00Photo: Strolling in Ireland<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlrmZSjZVEEEx42a1Fwg69TAZQZrwzHtGX0mjAD5GIat3oC6Zpx8-4c_wfevxbDIweP-zEZ4OxSqRsobKS146dX74rXBhMGPVxn0tLYCFQUCrbUZeJgaoZmjMK9ddA-kH2ZcL8S-cb1ljJ/s1600/10906239_10102287409879230_2000210133287291296_n.jpg" class="thumbnail"/>
<p class="excerpt">The purpose of this page is to show a sample of photography and photoshop enhancement.</p>
<a name='more'></a>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlrmZSjZVEEEx42a1Fwg69TAZQZrwzHtGX0mjAD5GIat3oC6Zpx8-4c_wfevxbDIweP-zEZ4OxSqRsobKS146dX74rXBhMGPVxn0tLYCFQUCrbUZeJgaoZmjMK9ddA-kH2ZcL8S-cb1ljJ/s1600/10906239_10102287409879230_2000210133287291296_n.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlrmZSjZVEEEx42a1Fwg69TAZQZrwzHtGX0mjAD5GIat3oC6Zpx8-4c_wfevxbDIweP-zEZ4OxSqRsobKS146dX74rXBhMGPVxn0tLYCFQUCrbUZeJgaoZmjMK9ddA-kH2ZcL8S-cb1ljJ/s1600/10906239_10102287409879230_2000210133287291296_n.jpg" class="left"/></a>
<p>This photo was taken in Dublin. I used Photoshop to brighten the colors and slightly blur the edges which gives the photo the appearance of a pastel painting. </p>
<p>I love traveling, especially in Europe. This particular trip was magical. It was my first time in Ireland and a surprise trip for my Dad to visit my younger brother, who has been living over seas for a decade.</p>
<p>The trip was approximately two or three weeks long with only a few days at the beginning and end of the holiday spent in Ireland. Each day, I booked us in a new hotel. This was annoying and fun because we got to see different parts of the city and stay in places that would be too expensive to spend 5 days in (including a Castle!).</p>
<p>On this particular day, we where strolling around Trinity, like tourists and made our way to the shopping district, a few parks, and into a side neighborhood on our way to the Brazenhead (Dublin's oldest bar with lovely food, drinks, and live music). On our way, I snapped a few photos of building and the market. The woman in the photograph strolled out of a shop while I was taking photos and the scene was mostly accidental. I love the photo because it reminds me of that trip, the bright colors, beautiful music, and awesome people.</p>
<p>Please keep in mind, you need to be logged into Facebook to click the more art button.</p>
<div class="button-wrapper">
<div class="hover_img"><a href='https://www.facebook.com/desaraev/media_set?set=a.10101630677690800.1073741946.16900609&type=3' target="_blank"><button class='lined thin' title='Code pages are not optimized for mobile'>More Art</button> <span>Some of the art in this album comes from galleries.</span></a></div>
</div>DesaraeVhttp://www.blogger.com/profile/06354550301110673337noreply@blogger.com0tag:blogger.com,1999:blog-4717460821390233792.post-62659019330341154202016-06-18T20:08:00.000-05:002016-06-18T20:08:41.234-05:00Digital Self-Portrait Painting <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxggyBnKEVyfxba_u8emSDR1jJF1USCza-Ti8Ia6rjwXuAsWJz8sCLYudUrX5xYzses2WJHba85jrMuah0DoUVxFujJjLioNBWR2LAz0X2vjRRZ3Ieh9NC6n_awfUzHeu920KX5Crnqt6w/s1600/10426877_10102287417508940_180388683317618827_n.jpg" class="thumbnail">
<p class="excerpt">The purpose of this page is to show a project sample of digital design.</p>
<a name='more'></a>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxggyBnKEVyfxba_u8emSDR1jJF1USCza-Ti8Ia6rjwXuAsWJz8sCLYudUrX5xYzses2WJHba85jrMuah0DoUVxFujJjLioNBWR2LAz0X2vjRRZ3Ieh9NC6n_awfUzHeu920KX5Crnqt6w/s1600/10426877_10102287417508940_180388683317618827_n.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxggyBnKEVyfxba_u8emSDR1jJF1USCza-Ti8Ia6rjwXuAsWJz8sCLYudUrX5xYzses2WJHba85jrMuah0DoUVxFujJjLioNBWR2LAz0X2vjRRZ3Ieh9NC6n_awfUzHeu920KX5Crnqt6w/s1600/10426877_10102287417508940_180388683317618827_n.jpg" class="left" style="width:50%;"/></a>
<p>I drew this on an iPad, using my finger and a doodle app. At the time, I had bright red hair and wireframe glasses. It's a simple piece, but one of my favorite digital renderings. </p>
<p>I chose the faded black background to mimic early realism portraits. Most of those paintings either had one person faded into a dark background or an overly detailed setting in a room or landscape. The symbolist influence, incorporated naturalistic violet and green tones. Since I used only my finger and basic RGB colors, I chose to stick with black and a purple edging. I assumed these colors would print out nicely, if I ever chose to move the art onto a printed canvas.</p>
<p>Please keep in mind, you need to be logged into facebook to click the more art button.</p>
<div class="button-wrapper">
<div class="hover_img"><a href='https://www.facebook.com/desaraev/media_set?set=a.10101630677690800.1073741946.16900609&type=3' target="_blank"><button class='lined thin' title='Code pages are not optimized for mobile'>More Art</button> <span>Some of the art in this album comes from galleries.</span></a></div>
</div>DesaraeVhttp://www.blogger.com/profile/06354550301110673337noreply@blogger.com0tag:blogger.com,1999:blog-4717460821390233792.post-50984290890355647622016-06-18T20:07:00.001-05:002016-06-18T20:07:51.969-05:00Downtown Resource Group<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSBHFKJCCMHSoBT6FHisiyvpoJjuwhxTUhBuBvQJXrBmiJV7xiuLOMgzuuvymm979f8p45y4_wsP1Kr5G5Di05ksQVfAGd7HwKUhhLI4MB9Wc0HMX2fHHSYAYCJqoZKfCSm0pyNte4A0_X/s1600/Screen+Shot+2016-06-09+at+9.06.07+PM.png" class="thumbnail">
<p class="excerpt">The purpose of this page is to show project samples of SEO, social media, user interface design, marketing, and user experience.</p>
<a name='more'></a>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSBHFKJCCMHSoBT6FHisiyvpoJjuwhxTUhBuBvQJXrBmiJV7xiuLOMgzuuvymm979f8p45y4_wsP1Kr5G5Di05ksQVfAGd7HwKUhhLI4MB9Wc0HMX2fHHSYAYCJqoZKfCSm0pyNte4A0_X/s1600/Screen+Shot+2016-06-09+at+9.06.07+PM.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSBHFKJCCMHSoBT6FHisiyvpoJjuwhxTUhBuBvQJXrBmiJV7xiuLOMgzuuvymm979f8p45y4_wsP1Kr5G5Di05ksQVfAGd7HwKUhhLI4MB9Wc0HMX2fHHSYAYCJqoZKfCSm0pyNte4A0_X/s1600/Screen+Shot+2016-06-09+at+9.06.07+PM.png" class="left"/><span class="caption">Client from 2008-2011</span></a>
<div class="clearfix"></div>
<div class="right">
<blockquote>
<h2>Jump to a Section:</h2>
<ul>
<li><a href="#overview">Overview</a></li>
<li><a href="#goals">Setting Goals</a></li>
<li><a href="#research">Research</a></li>
<li><a href="#tools">Tools/Skills</a></li>
</ul>
</blockquote>
</div>
<h1 id="overview">Overview</h1>
<p>For about two years I worked on contract with the Downtown Resource Group to help improve their search engine rankings. This included a plan to repurpose content, integrate social media (like Facebook and Twitter), as well as build micro-sites.</p>
<h1 id="goals">Phase One: Planning</h1>
<p>At the beginning of the project, I sat down with stakeholders to set expectations, discuss goals, and prepare a mutually agreed-upon contract.</p>
<h1 id="research">Phase Two: Research</h1>
<p>The next step of the project was to determine how the site ranked, what the competition was doing, and create a plan to achieve long-term and short-term goals.</p>
<p> I researched the keywords the stakeholders requested, and did an analysis of the local market to determine recommendations for low hanging fruit and highly searched terms relative to their interests and demographics. This was done by determining if a keyword was highly searched for and how much competition the word or phrase had. If the keyword had lots of searches, it was probably a good term to try to compete for. The amount of competition determined if the keyword was a long-term or short-term goal. Lots of competition means that a keyword may take more time and effort to rank.</p>
<h1 id="tools">Phase Three: Improving Content</h1>
<p>Methods for improving the site's search included:</p>
<ul>
<li>Rewriting content to incorporate approved keywords</li>
<li>Ensuring code was clean and well-organized</li>
<li>Evaluating the navigational structure</li>
<li>Analysing and synthesizing the data on an ongoing basis</li>
<li>Integrating a PR campaign to improve backlink results</li>
<li>Improving the company's social media strategy</li>
<li>Integrating search-engine marketing (sponsored search)</li>
</ul>
<div class="alert">
<p>Note: The image pictured is from the client's 2016 website not from the period of work.</p>
</div>DesaraeVhttp://www.blogger.com/profile/06354550301110673337noreply@blogger.com0tag:blogger.com,1999:blog-4717460821390233792.post-86281696925479797852016-06-18T20:07:00.000-05:002016-06-18T20:07:27.997-05:00Dr. Kulick<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhov5BC8luO1i9Yi0jOCURgDXN8DpEHga9KWuNGq0ZEzHQtrA6Oue3Cmowp_dsSpEOWsy1kHqsHUQkI-48czVrFRi8BSjph0hUsGB_krd8ib3CfgHKKcg1Ai9p_BO6eLkyozdbMw7dVw8Db/s1600/Screen+Shot+2016-06-09+at+9.34.46+PM.png" class="thumbnail">
<p class="excerpt">The purpose of this page is to show project samples of SEO, social media, user interface design, marketing, and user experience.</p>
<a name='more'></a>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhov5BC8luO1i9Yi0jOCURgDXN8DpEHga9KWuNGq0ZEzHQtrA6Oue3Cmowp_dsSpEOWsy1kHqsHUQkI-48czVrFRi8BSjph0hUsGB_krd8ib3CfgHKKcg1Ai9p_BO6eLkyozdbMw7dVw8Db/s1600/Screen+Shot+2016-06-09+at+9.34.46+PM.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhov5BC8luO1i9Yi0jOCURgDXN8DpEHga9KWuNGq0ZEzHQtrA6Oue3Cmowp_dsSpEOWsy1kHqsHUQkI-48czVrFRi8BSjph0hUsGB_krd8ib3CfgHKKcg1Ai9p_BO6eLkyozdbMw7dVw8Db/s1600/Screen+Shot+2016-06-09+at+9.34.46+PM.png" class="left"/></a>
<div class="clearfix"></div>
<div class="right">
<blockquote>
<h2>Jump to a Section:</h2>
<ul>
<li><a href="#overview">Overview</a></li>
<li><a href="#goals">Setting Goals</a></li>
<li><a href="#examples">Examples</a></li>
<li><a href="#tools">Tools/Skills</a></li>
</ul>
</blockquote>
</div>
<h1 id="overview">Overview</h1>
<p>I began working with Dr. Michael Kulick based on a referral from a former supervisor in 2007 and still consult for him from time to time. </p>
<p>Dr. Kulick is a board certified plastic surgeon in San Francisco, California. His site, when we first started working together, was expansive but disorganized. The original navigation was built on Flash with background music. The Flash-based navigation hindered his search engine-rankings and usability. </p>
<h1 id="goals">Setting Goals</h1>
<p>Based on our initial conversations, Dr. Kulick wanted a site redesign, to improve his website's overall traffic, and use the new website to attract more clients. We also set a few secondary goals like getting involved on social media, create a blog and an email newsletter. The secondary goals where set to improve content for his current clients so they could get a better feel for what plastic surgery was like before visiting the office. Fortunately, Dr. Kulick has a lot of content (over 1TB) of medical journals, patient before and afters, and other data that was just waiting for someone to organize it and create a story behind it.</p>
<h1 id="examples">Examples</h1>
<h2>Before</h2>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7Nj0anJAIvplarynPD6i1qpqkypWO3EJuPTl09D-x5diVt9DEJA8bOMh0gUJnsy0yhXwMU_-dslUdH2wVl_y-xYAUs10VNKuY-4wfcAfteB2jX9JvQN_XN3pZikZ7o_T3onUhTzuoF3A4/s1600/Screen+Shot+2016-06-11+at+2.29.48+AM.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7Nj0anJAIvplarynPD6i1qpqkypWO3EJuPTl09D-x5diVt9DEJA8bOMh0gUJnsy0yhXwMU_-dslUdH2wVl_y-xYAUs10VNKuY-4wfcAfteB2jX9JvQN_XN3pZikZ7o_T3onUhTzuoF3A4/s1600/Screen+Shot+2016-06-11+at+2.29.48+AM.png" class="left"/></a>
<a href="https://web.archive.org/web/20090125204943/http://drkulick.com/">WayBack Machine</a>
<h2>After</h2>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEig6S0Ya1Q9hw-H447yuFr7BQjTGhZQ102AdvbXxqY0qjgpjV8kNdtgpuiAnHrsbx0R4ybdCRu93rqTkLJBzKT-XrxkoioyK00jon0tdAdCl6i3YW-dPM-yVoA3685afAK7OuK2rxv21xo5/s1600/home-screenshot.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEig6S0Ya1Q9hw-H447yuFr7BQjTGhZQ102AdvbXxqY0qjgpjV8kNdtgpuiAnHrsbx0R4ybdCRu93rqTkLJBzKT-XrxkoioyK00jon0tdAdCl6i3YW-dPM-yVoA3685afAK7OuK2rxv21xo5/s1600/home-screenshot.png" class="left"/></a>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2-yfOvoQ-sOaeEXhPTbbNuzQHU4olVYdiAAOQx7Y4cse3Z7LTviVGdC505LD0c9LCpW6dTh4w1Em-N-JLqEAiroZkd0Jmzk_Wf6o2JhSPAKv1_ohw0Va0WL0nDA778KB6Ajn74D2evIPQ/s1600/Screen+Shot+2016-06-11+at+2.13.02+AM.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2-yfOvoQ-sOaeEXhPTbbNuzQHU4olVYdiAAOQx7Y4cse3Z7LTviVGdC505LD0c9LCpW6dTh4w1Em-N-JLqEAiroZkd0Jmzk_Wf6o2JhSPAKv1_ohw0Va0WL0nDA778KB6Ajn74D2evIPQ/s1600/Screen+Shot+2016-06-11+at+2.13.02+AM.png" class="left"/></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCvc8bZ2ubDbh2sdWU85w-JjejsxslwWRm9zSotCJX8tbEaMeKVJl3WiTceW4I7RjjKlqtSyqkup4SQ8i05KpwXg9dZu9DHNJ8SzrYHwGWYisDGsHa26_-0SRiUXYAxVq2g6rtGKYepQF3/s1600/Screen+Shot+2016-06-11+at+2.13.16+AM.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCvc8bZ2ubDbh2sdWU85w-JjejsxslwWRm9zSotCJX8tbEaMeKVJl3WiTceW4I7RjjKlqtSyqkup4SQ8i05KpwXg9dZu9DHNJ8SzrYHwGWYisDGsHa26_-0SRiUXYAxVq2g6rtGKYepQF3/s1600/Screen+Shot+2016-06-11+at+2.13.16+AM.png" class="left"/></a>
<div class="clearfix"></div>
<h1 id="tools">Tools/Skills</h1>
<ul>
<li>Wordpress</li>
<li>Hosting/Infrastructure management</li>
<li>SEO</li>
<li>Social Media</li>
<li>Content Writing</li>
<li>PR</li>
<li>Project Management</li>
<li>HTML/CSS</li>
<li>PHP</li>
<li>Google Analytics</li>
<li>Google Webmaster Tools</li>
<li>Google Optimizer (A/B Testing)</li>
</ul>
<div class="button-wrapper">
<div class="hover_img"><a href='https://drkulick.com' target="_blank"><button class='lined thin' title='Code pages are not optimized for mobile'>Visit Current Site</button></a></div>
</div>DesaraeVhttp://www.blogger.com/profile/06354550301110673337noreply@blogger.com0tag:blogger.com,1999:blog-4717460821390233792.post-1862804024700612572016-06-18T20:06:00.001-05:002016-06-18T20:06:36.467-05:00Style for Dignity<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhM7XIyHyoK0ihTxxuTusJBqHZqyMZEqd2Peuxmpu4cckPfirhin8iF3Ck6ZP5SDN9uimA6zRkEtHtd74wqRSRLsvRV5smqhfGCNr-XPX48LfCAVOfzkz1rcmpaTMlJF2DkjYGDg-LDWHU/s1600/dignity.PNG" alt="style for dignity" class="thumbnail">
<p class="excerpt">The purpose of this page is to show examples of social media, graphic design, print design, and event management related work.</p>
<a name='more'></a>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhM7XIyHyoK0ihTxxuTusJBqHZqyMZEqd2Peuxmpu4cckPfirhin8iF3Ck6ZP5SDN9uimA6zRkEtHtd74wqRSRLsvRV5smqhfGCNr-XPX48LfCAVOfzkz1rcmpaTMlJF2DkjYGDg-LDWHU/s1600/dignity.PNG" alt="style for dignity" class="left">
<div class="clearfix"></div>
<div class="right">
<blockquote>
<h2>Jump to a Section:</h2>
<ul>
<li><a href="#overview">Overview</a></li>
<li><a href="#goals">Setting Goals</a></li>
<li><a href="#tools">Tools/Skills</a></li>
</ul>
</blockquote>
</div>
<h1 id="overview">Overview</h1>
<p>Style for Dignity is a website built for dig·ni·ty events and fundraisers. The goal of the group is to raise funds and/or awareness for social justice issues. A list of the charitable entities and goals are listed on the website.</p>
<h1 id="goals">Goals</h1>
<p>I did the graphic design, event management, social media, and most of the vendor management for the first event. The event was hosted at Della Viti in downtown Des Moines and sold out in under a week. Attendance was low the first time, since the venue was small and the day-of the event we had bad weather. A list of sponsors, volunteers, and videos/photos from the event are available on the website.</p>
<h1 id="tools">Tools and Skills</h1>
<ul>
<li>Event Planning</li>
<li>Vendor Management</li>
<li>Recruitment</li>
<li>Fundraising</li>
<li>Print Design</li>
<li>Banner Design</li>
<li>Graphic Design</li>
<li>Web Design</li>
<li>Social Media Marketing</li>
<li>PR</li>
</ul>
<div class="button-wrapper">
<div class="hover_img"><a href='https://stylefordignity.com' target="_blank"><button class='lined thin' >Visit Current Site</button></a></div>
</div>DesaraeVhttp://www.blogger.com/profile/06354550301110673337noreply@blogger.com0tag:blogger.com,1999:blog-4717460821390233792.post-64894384951477780742016-06-18T20:06:00.000-05:002016-06-18T20:06:17.758-05:00Author Brian Rathbone<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8W-4qfBOi5Fz5P-H0muGl_cqYSHTkmxC_u973CyfMQNpFCwFbQcFlEFeBNE6Q4mHCPYJzPRVwoMHDsbrBlrAqWvUXpSaWkJPvJizaibSDY-nKSnkIpoqXBLiKEkibywt0svFBBurDeLVr/s1600/Screen+Shot+2016-06-09+at+9.46.11+PM.png" class="thumbnail"/>
<p class="excerpt">The purpose of this page is to show examples of the UI design process and re-design work for a fantasy author.</p>
<a name='more'></a>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8W-4qfBOi5Fz5P-H0muGl_cqYSHTkmxC_u973CyfMQNpFCwFbQcFlEFeBNE6Q4mHCPYJzPRVwoMHDsbrBlrAqWvUXpSaWkJPvJizaibSDY-nKSnkIpoqXBLiKEkibywt0svFBBurDeLVr/s1600/Screen+Shot+2016-06-09+at+9.46.11+PM.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8W-4qfBOi5Fz5P-H0muGl_cqYSHTkmxC_u973CyfMQNpFCwFbQcFlEFeBNE6Q4mHCPYJzPRVwoMHDsbrBlrAqWvUXpSaWkJPvJizaibSDY-nKSnkIpoqXBLiKEkibywt0svFBBurDeLVr/s1600/Screen+Shot+2016-06-09+at+9.46.11+PM.png" class="left"/></a>
<div class="clearfix"></div>
<div class="right">
<blockquote>
<h2>Jump to a Section:</h2>
<ul>
<li><a href="#overview">Overview</a></li>
<li><a href="#goals">Setting Goals</a></li>
<li><a href="#tools">Tools/Skills</a></li>
</ul>
</blockquote>
</div>
<h1 id="overview">Overview</h1>
<p>I love <a href="http://www.desaraev.com/2016/06/book-review-blog.html">books</a>, funny jokes, and geeky things. It was probably only a matter of time before I met Brian, he is the best of all of those things. I'm not sure how, but we met on Twitter in 2014(?). After reading about 100 of his (hilarious) tweets about dragons, computers, and books; I figured I should checkout his website. The link to his blog that I found on his Twitter profile was very broken.</p>
<p>I messaged Brian with a screenshot of the issue and step-by-step details on how to fix a few of the problems. He thanked me and asked if I could help, so I fixed the problems and <i>offered</i> to build him a new website (for <i>free</i>). I loved his books and figured a quick blog (<i>with little to no QA</i>) would only take me a few days.</p>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjA5IkibwJjpolJXSvl-iEC4bqu2U6dqmPyXYVPMfjNgVD0n3BR1I-YqANSqoEAD27xkE_2jfs73HSv4QXuZohdTnDBgZzMw3WdF8UEBB4MfOkXt4MnGnSjuQiLbcZuPBhbz_7AXWoeVl3N/s1600/Screen+Shot+2016-06-09+at+9.46.21+PM.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjA5IkibwJjpolJXSvl-iEC4bqu2U6dqmPyXYVPMfjNgVD0n3BR1I-YqANSqoEAD27xkE_2jfs73HSv4QXuZohdTnDBgZzMw3WdF8UEBB4MfOkXt4MnGnSjuQiLbcZuPBhbz_7AXWoeVl3N/s1600/Screen+Shot+2016-06-09+at+9.46.21+PM.png" class="left"/></a>
<h1 id="goals">Setting Goals</h1>
<p>I used the header from his old site, but scrapped the rest of the design. I based the colors off of his books and tried to highlight his books and how to buy them. Secondary goals included adding links to the many places you can find Brian's books, show-casing interviews, making it easy for him to add new pages (I used blogger so that was easy), and making it easy to contact Brian.</p>
<p>To streamline setup, I used my personal blog, DesaraeVeit.com, as a template for Brian's website. I had already put a lot of time into that site and improving the template. I looked for all of Brian's books and added them to the site, included lots of links, and even found some YouTube videos to create a couple of blog posts. </p>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNdofOtxW0bZp_IjRIyAd1KEVh5P5dXLnkw7G9VQs11LLfvK-mN83I82_7yDvphyphenhyphenGTYbm5S5T6eCAgePjyFeEfljlAssLX6qKkOODkRhsmHt0onKE01eusvVff1qS0cvXpPbIr8FzUqYh4/s1600/Screen+Shot+2016-06-09+at+9.46.29+PM.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNdofOtxW0bZp_IjRIyAd1KEVh5P5dXLnkw7G9VQs11LLfvK-mN83I82_7yDvphyphenhyphenGTYbm5S5T6eCAgePjyFeEfljlAssLX6qKkOODkRhsmHt0onKE01eusvVff1qS0cvXpPbIr8FzUqYh4/s1600/Screen+Shot+2016-06-09+at+9.46.29+PM.png" class="left"/></a>
<p>All in all the site only took a few days to create, Brian seems fairly happy with it and we stay in contact as Facebook/Twitter friends. He's even sent me a few books and referred me to more Indy authors who also have sent me free books to read/review. </p>
<h1 id="tools">Tools</h1>
<p>I used to use Drupal, Wordpress, or other content management systems (CMS) to setup websites for clients. They all have their goods and bads. I've started using Google's Blogger platform a lot more in the past three years because it doesn't have all the security issues self-hosted Wordpress, Drupal, and Joomla sites have. If the website doesn't need to process payments it's a great way to blog and easy to customize. For more robust sites, I work with other platforms and my day job creates custom applications for government clients almost exclusively using JAVA.</p>
<div class="button-wrapper">
<div class="hover_img"><a href='https://brianrathbone.com' target="_blank"><button class='lined thin' >Visit Current Site</button></a></div>
</div>DesaraeVhttp://www.blogger.com/profile/06354550301110673337noreply@blogger.com0tag:blogger.com,1999:blog-4717460821390233792.post-50616033625559997262016-06-18T20:05:00.002-05:002016-06-18T20:05:59.253-05:00CDS Global<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg48OpVY99jfxZNYD6kT8yiQcalNTlvsGJ7UcMesYJ6e2Trt4YKE_Z1dwdNBSNyriIgtEYj8ljRf-iBo4APmGr7OU_VJdoebsF8yX5H_adR2M9kzqzr_Fj4M1qdDXWDwPKocG9f_5jVE_w-/s1600/Screen+Shot+2016-06-10+at+12.03.19+AM.png" class="thumbnail">
<p class="excerpt">The purpose of this page is to show examples of ecommerce UI/UX design related work.</p>
<a name='more'></a>
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg48OpVY99jfxZNYD6kT8yiQcalNTlvsGJ7UcMesYJ6e2Trt4YKE_Z1dwdNBSNyriIgtEYj8ljRf-iBo4APmGr7OU_VJdoebsF8yX5H_adR2M9kzqzr_Fj4M1qdDXWDwPKocG9f_5jVE_w-/s1600/Screen+Shot+2016-06-10+at+12.03.19+AM.png" class="left"/>
<div class="clearfix"></div>
<div class="right">
<blockquote>
<h2>Jump to a Section:</h2>
<ul>
<li><a href="#overview">Overview</a></li>
<li><a href="#goals">Goals</a></li>
<li><a href="#tools">Tools/Skills</a></li>
</ul>
</blockquote>
</div>
<h1 id="overview">Overview</h1>
<h2>Magento Site Migration</h2>
<p>In 2012, I began work at <a href="http://www.cds-global.com/">CDS Global</a> as a contractor. CDS Global is a subsidiary of <a href="https://www.hearst.com/">Hearst</a>, a leader in the magazine industry. My initial contract was for six months but was extended twice and ended up as about a years worth of work. I also did additional freelance work for CDS Global multiple times after leaving my initial contract, while working for Buccaneer.</p>
<h2 id="goals">Beginning the Contract</h2>
<p>The goal for my contract was to migrate and build new sites for 150 webserv sites and move them onto a custom Magento application. Every magazine site needed a brand new CSS that matched the existing company's main website. </p>
<h2>Mid-Contract</h2>
<p>Later in the contract, we also began developing email newsletter templates, promotional banners, and custom micro-sites with fresh new designs.</p>
<h3>Projects I worked on (not a complete list)</h3>
<p>To view samples from when I worked on these projects visit, <a href="https://archive.org/web/">Internet Archive: Wayback Machine</a> (From October 2011 to June 2012).</p>
<ul style="text-align: left;">
<li>Reiman</li>
<li>Consumer Reports</li>
<li>Conde Nast</li>
<li>Quicken</li>
<li>Brides</li>
<li>Book Depot</li>
<li>Holiday</li>
<li>Bagwell</li>
<li>Americas Test Kitchen</li>
<li>Entrepreneur</li>
<li>Electro Depot</li>
<li>Disney Family Fun</li>
<li>Inc.</li>
<li>Hoffman</li>
<li>Highlights for Children</li>
<li>The Spring Big Black Book Esquire</li>
<li>Guideposts</li>
<li>Future US</li>
<li>Fast Company</li>
<li>ESPN</li>
<li>The John Steinbeck Library</li>
<li>LOA</li>
<li>Kettenbach</li>
<li>JLC</li>
<li>M Shanken</li>
<li>Superguides</li>
<li>Redan</li>
<li>Readers Digest </li>
<li>National Geographic</li>
<li>NG Explorer</li>
<li>NG Digital</li>
<li>NG Kids</li>
<li>NG Promotional </li>
<li>McGraw Hill</li>
<li>Mansueto</li>
<li>Yankee</li>
<li>Reminisce</li>
<li>The Family Handyman</li>
<li>Taste of Home</li>
<li>Shop Books from the Sun</li>
<li>Spirituality</li>
<li>Scientific American</li>
<li>Rolling Stone</li>
<li>Tronix</li>
<li>Hoffman</li>
</ul>
<h2>Collaborating</h2>
<p>Towards the end of the first project, I began working with another team (while maintaining my existing workload). On the other team, I developed blogs and helped manage the CDS Global corporate sites. I really enjoyed my time working with CDS Global and initially there was discussion of moving into a permanent role, but by the time an offer was made I had already moved onto a new position.</p>
<p>I made a lot of friends while at CDS Global, and still keep in touch with most.</p>
<p><i>References from this position available upon request.</i></p>
<h1 id="tools">Skills and Tools</h1>
<ul>
<li>Magento</li>
<li>Eclipse</li>
<li>Photoshop</li>
<li>Illustrator</li>
<li>HTML/CSS</li>
<li>Wordpress</li>
<li>Helped create an eBook and white papers</li>
<li>Event Planning</li>
</ul>DesaraeVhttp://www.blogger.com/profile/06354550301110673337noreply@blogger.com0tag:blogger.com,1999:blog-4717460821390233792.post-34741257288409088622016-06-18T20:05:00.001-05:002016-06-18T20:05:42.034-05:00Gage Marketing<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNWHKV5K3lg4DuPXVzt6iIrKlNoWT_d0wSyHdQ9DrfjkwGXtqCsvKoMRtgqqstcMWnKuMtldOcgWyDLdJptpe_dX4Z9K8SJnA4v2Yk7dtKljhiUOIZPtmaBxBamePX0IbDM_LGvNXen0Rl/s1600/Screen+Shot+2016-06-10+at+12.36.18+AM.png" class="thumbnail" />
<p class="excerpt">The purpose of this page is to show examples of graphic design and product art.</p>
<a name='more'></a>
<div class="left">
<blockquote>
<h2>Jump to a Section:</h2>
<ul>
<li><a href="#about">About Gage</a></li>
<li><a href="#overview">Overview</a></li>
<li><a href="#goals">Projects</a></li>
<li><a href="#tools">Tools/Skills</a></li>
</ul>
</blockquote>
</div>
<h1 id="about">About Working at Gage</h1>
<p>Gage marketing was one of my first design jobs after college (it was 2007). Gage is a digital agency located in Minneapolis, MN. At Gage, I was lucky to work under Mike Kraabel. He <strike>was</strike> is still one of the best bosses I've ever had. Mike introduced me to the world of advertising agencies and bulk developing production art. We brainstormed in meetings and practiced forward thinking in a creative way on a daily basis.</p>
<p>I wish I had a picture of my office at Gage, because even that was cool (side tangent). One wall had a corkboard. The hallway wall was all glass and frequently used as a whiteboard. The back wall was a giant window facing a garden.</p>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNWHKV5K3lg4DuPXVzt6iIrKlNoWT_d0wSyHdQ9DrfjkwGXtqCsvKoMRtgqqstcMWnKuMtldOcgWyDLdJptpe_dX4Z9K8SJnA4v2Yk7dtKljhiUOIZPtmaBxBamePX0IbDM_LGvNXen0Rl/s1600/Screen+Shot+2016-06-10+at+12.36.18+AM.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNWHKV5K3lg4DuPXVzt6iIrKlNoWT_d0wSyHdQ9DrfjkwGXtqCsvKoMRtgqqstcMWnKuMtldOcgWyDLdJptpe_dX4Z9K8SJnA4v2Yk7dtKljhiUOIZPtmaBxBamePX0IbDM_LGvNXen0Rl/s1600/Screen+Shot+2016-06-10+at+12.36.18+AM.png" class="left"/></a>
<h1 id="overview">Overview</h1>
<p>Gage has a lot of big clients, that I'm sure you can find on their website www.Gage.com. My favorite project was working on <a href="http://www.mccormick.com/Lawrys">Lawry's</a> seasoning salt. I bulk edited the production art (rounding corners, optimizing images, inserting text etc.) and helped develop some of the email newsletter templates. It was fun work and I still love seeing the (new then) product designs on the shelf.</p>
<p id="goals">I worked on a few other notable projects for companies like 3M and Best Buy. The projects had very exact (to the pixel) design standards and branding guidelines. Those projects where fun and interesting. They sparked an interest in technical writing and furthered my passion for organization. In fact, almost every project I work on has it's own print and digital folder with style guides, a pattern library, a vision document, and copies of various business requirements. PMP training in 2015 gave me even more ideas on how to stay organized when working on multi-million dollar <i>sometimes</i> international projects. </p>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmOv9YLlWYbrjEpvHG99nDM7nVBGZAN7dlm0rMGduIcVVQlBZENkH681hySJ_K2y_d2_c_bCsQVCY7vopXaNA7Azu2-01U78kVoymtVmDTRfjwxPZ3Tul5jkgtkUWGYEJ0SsZBkiRjyODT/s1600/Screen+Shot+2016-06-11+at+2.32.52+AM.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmOv9YLlWYbrjEpvHG99nDM7nVBGZAN7dlm0rMGduIcVVQlBZENkH681hySJ_K2y_d2_c_bCsQVCY7vopXaNA7Azu2-01U78kVoymtVmDTRfjwxPZ3Tul5jkgtkUWGYEJ0SsZBkiRjyODT/s1600/Screen+Shot+2016-06-11+at+2.32.52+AM.png" /></a>
<a href="https://web.archive.org/web/20130620215142/http://www.lawrys.com/">WayBack Machine</a>
<h1 id="tools">Tools and Skills</h1>
<ul>
<li>Flash</li>
<li>Photoshop</li>
<li>Illustrator</li>
<li>Dreamweaver</li>
<li>HTML/CSS</li>
<li>Email Newsletters</li>
</ul>
<div class="alert">
<p>Note: The image pictured is from the client's 2016 website not from the period of work.</p>
</div>DesaraeVhttp://www.blogger.com/profile/06354550301110673337noreply@blogger.com1tag:blogger.com,1999:blog-4717460821390233792.post-641224351830392342016-06-18T20:05:00.000-05:002016-06-18T20:05:07.901-05:00MyFreeEstimates<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhliBfVlejm1fUi8fLWykNo2oijBUh02HQaYZ2arxi1g2WKW9nyOQCWHg0jUMgXHxzknyQh5qwl6t2gZk6asjbX_XnlvMmUvLhsZdoJP6yO_Qf75aiakHCVuOHDJXGCzt1NoS5dwUsVzwSq/s1600/196644_5644512719_2914_n.jpg" class="thumbnail" />
<p class="excerpt">The purpose of this page is to show examples of SEO, vendor management, and print related work.</p>
<a name='more'></a>
<div class="left">
<blockquote>
<h2>Jump to a Section:</h2>
<ul>
<li><a href="#overview">Overview</a></li>
<li><a href="#tools">Tools/Skills</a></li>
</ul>
</blockquote>
</div>
<h1 id="overview">Overview</h1>
<p>Development of innovative product offerings generated new sales opportunities.</p>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhliBfVlejm1fUi8fLWykNo2oijBUh02HQaYZ2arxi1g2WKW9nyOQCWHg0jUMgXHxzknyQh5qwl6t2gZk6asjbX_XnlvMmUvLhsZdoJP6yO_Qf75aiakHCVuOHDJXGCzt1NoS5dwUsVzwSq/s1600/196644_5644512719_2914_n.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhliBfVlejm1fUi8fLWykNo2oijBUh02HQaYZ2arxi1g2WKW9nyOQCWHg0jUMgXHxzknyQh5qwl6t2gZk6asjbX_XnlvMmUvLhsZdoJP6yO_Qf75aiakHCVuOHDJXGCzt1NoS5dwUsVzwSq/s1600/196644_5644512719_2914_n.jpg" class="right" style="width: 50%;"/></a>
<p>Account executive turned lead art director. Created e-newsletters on loyalty programs. Expanded & managed web site remodel, print/web design & national marketing campaigns. Direct overall layouts, brand designs, and logo placement. Coding and new business. model new techniques to layout code for unique working menus, banners, and forms.</p>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYBknZY_C1VkQxEtFI4JiDcJOrP7w7UK0Vi6XApYryXaREsEib2k8XXu_Z6cHnca6AcGPcKPdjRsCy2Wk3ui4kaev2b8ZVpn_bH5UM3VA7v92bMFoYGnbPxd6IF0rlzLBTyRpmzm6CL-0N/s1600/199432_5641312719_2652_n.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYBknZY_C1VkQxEtFI4JiDcJOrP7w7UK0Vi6XApYryXaREsEib2k8XXu_Z6cHnca6AcGPcKPdjRsCy2Wk3ui4kaev2b8ZVpn_bH5UM3VA7v92bMFoYGnbPxd6IF0rlzLBTyRpmzm6CL-0N/s1600/199432_5641312719_2652_n.jpg" class="left" style="width: 25%;"/></a>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhT10v6abbyA1pVWHOJJGE9pLYGb2tf-ofxCc_7PweSKFjpKnN3X8JmpfmQJY1DZHphbvMCXef2V2gKja7_z-7lJ5WbVh6Aj5-h057cBR8VpY-o0NBpvXWnL0Cz3-snOrhr34yFOkQlYHTx/s1600/200284_5644502719_2194_n.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhT10v6abbyA1pVWHOJJGE9pLYGb2tf-ofxCc_7PweSKFjpKnN3X8JmpfmQJY1DZHphbvMCXef2V2gKja7_z-7lJ5WbVh6Aj5-h057cBR8VpY-o0NBpvXWnL0Cz3-snOrhr34yFOkQlYHTx/s1600/200284_5644502719_2194_n.jpg" class="left" style="width: 25%;"/></a>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg27_dm_ELvv9imN3l8PE4sxFlNrYDWz7TgriARNljUWx0r3RY-6cCWC7OOjfd6wS7r3oCl_3lHw47h3t4da1uwpHa2397_NaLHySXUnYmafpIkKjrx4SGvs-sASlE5zv4-e9OJ8uEBD8Wh/s1600/205716_5644507719_2548_n.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg27_dm_ELvv9imN3l8PE4sxFlNrYDWz7TgriARNljUWx0r3RY-6cCWC7OOjfd6wS7r3oCl_3lHw47h3t4da1uwpHa2397_NaLHySXUnYmafpIkKjrx4SGvs-sASlE5zv4-e9OJ8uEBD8Wh/s1600/205716_5644507719_2548_n.jpg" class="left" style="width: 25%;"/></a>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiszjtfAaxCgyWVWuqOqIU21y9HSFBdMGtAQt0rVHWFSCZgMb7sjk0n0r2n9I1Vihmg5DLJm_9ZrBmCPrzU4nsikBj8zqvqxM4wBOXDzjNcvR4devEg5uzoDnQNe1CxEZFQDowM9K8iHiOA/s1600/205735_5640162719_6592_n.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiszjtfAaxCgyWVWuqOqIU21y9HSFBdMGtAQt0rVHWFSCZgMb7sjk0n0r2n9I1Vihmg5DLJm_9ZrBmCPrzU4nsikBj8zqvqxM4wBOXDzjNcvR4devEg5uzoDnQNe1CxEZFQDowM9K8iHiOA/s1600/205735_5640162719_6592_n.jpg" class="left" style="width: 25%;"/></a>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCqCT3bFLbQ9akRznrTh6MCjzieLbh1TJMI04JT0ZOKwYLhtKHCYxM5AcjwuRLM2cDme6F8T8Ump0kwojhNxS4uTWFc2OqU8VUERiuy911mEAO33CsAXT98oZbykyZSajhKTkOO1k1ly0N/s1600/206295_5640167719_6826_n.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCqCT3bFLbQ9akRznrTh6MCjzieLbh1TJMI04JT0ZOKwYLhtKHCYxM5AcjwuRLM2cDme6F8T8Ump0kwojhNxS4uTWFc2OqU8VUERiuy911mEAO33CsAXT98oZbykyZSajhKTkOO1k1ly0N/s1600/206295_5640167719_6826_n.jpg" class="left" style="width: 25%;" /></a>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijmKHSZKZrIF6Sglrl4gdTKCgZAxLJ7ih2428toh8IdEYCmk_PBZS2JA5wflp5A4CDHsu3cAEuzhADw81I8Qb-49-DrAROSnbu7PEHdncodIUetLNJnm1VTbDbUVePiVu3h9-LGpa99Ip7/s1600/208607_5640157719_6304_n.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijmKHSZKZrIF6Sglrl4gdTKCgZAxLJ7ih2428toh8IdEYCmk_PBZS2JA5wflp5A4CDHsu3cAEuzhADw81I8Qb-49-DrAROSnbu7PEHdncodIUetLNJnm1VTbDbUVePiVu3h9-LGpa99Ip7/s1600/208607_5640157719_6304_n.jpg" class="left" style="width: 25%;"/></a>
<div class="clearfix"></div>
<h1 id="tools">Tools and Skills</h1>
<ul>
<li>Conducting experimental research, diary studies, interviews, A/B testing, qualitative coding, task analyses, cognitive walk-throughs, and heuristic evaluations.</li>
<li>Created reports and communicated the findings in the form of publications, posters, work flows, reports, designs, presentations, and press releases.</li>
<li>Wrote technical reports and presentations including the findings of heuristic evaluations and design recommendations.</li>
<li>SEO/SEM</li>
<li>Affiliate Management</li>
<li>Drupal</li>
<li>Joomla</li>
<li>Print Design</li>
</ul>
<div class="button-wrapper">
<div class="hover_img"><a href='http://www.myfreeestimates.com' target="_blank"><button class='lined thin' title='Code pages are not optimized for mobile'>Vsit Site</button> </a></div>
</div>DesaraeVhttp://www.blogger.com/profile/06354550301110673337noreply@blogger.com0tag:blogger.com,1999:blog-4717460821390233792.post-1600820203655365622016-06-18T20:04:00.000-05:002016-06-18T20:04:14.943-05:00Recommendations<p class="excerpt">The purpose of this page is to show a list of references from colleagues, friends, and people I've volunteered with</p>
<p>Additional references available upon request.</p>
<a name='more'></a>
<h1>From LinkedIn</h1>
<h2>Patrick Rhone</h2>
<p><i>Author of Keeping It Straight and enough — http://patrickrhone.com/books/</i></p>
Desarae is a perfect catalyst. She possesses a rare combination of brilliance and compassion. She connects people with needs with the people, companies, and/or teams to make them happen. She does this not just in the areas of design, marketing, and social media, but also in the private sector as well.</p>
<p>May 24, 2010, Patrick was with another company when working with Desarae at Agency Couture</p>
<h2>Xochi Adame</h2>
<p><i>Sr. Marketing & PR. Full stack. B2B.</i></p>
<p>"Desarae went above and beyond her contracted Magento tasks to help Global Marketing troubleshoot issues on our website and blogs. Desarae is both talented and self-motivated. She participated in several branding and engagement strategy sessions with me, bringing valuable working knowledge to the table. Her expertise in UI design and her innate talent for relationship building resulted in Desarae being sent along with our corporate team to SXSW 2012 for learning and networking."</p>
<p><i>May 22, 2012, Xochi worked directly with Desarae at CDS Global</i></p>
<h2>Rick Mahn</h2>
<p>Sr. IT Architect - System Center Configuration Manager
<p>Deasarae is a knowledgeable and motivated professional in the social media space. She's worked with Social Media Breakfast - MSP to share her knowledge and expertise with our community, proving her vision and professionalism time and again. She is a great choice for anyone looking for a knowledgeable speaker and business/brand advocate for their event or organization.</p>
<p>September 2, 2010, Rick was with another company when working with Desarae at Agency Couture</p>
<h2>Nate Riggs</h2>
<p><i>Inbound Marketing Consultant, HubSpot Gold Partner, CEO at NR Media Group, Experienced Conference Speaker and Educator</i></p>
<p>Desarae is a trust agent. I know that because when I met her in Minneapolis last year during a trip to the IABC conference, 4-5 people in the area mentioned her name. We met up at a cool little Jazz club and spent the next few hours talking about everything from business to faith to how the web is evolving. </p>
<p>Desarae is as sharp as they come. She's had an extensive and diverse background in everything digital and has all the qualities of a natural communicator. Those skills have allowed her to build a virtual agency and make it profitable - and that's a tough business model to make work. </p>
<p>In my mind, Des should be leading teams of people for a BIG company. She's a go getter, a diligent manager, excellent at building relationships and levels of respect and has a no BS interaction style. I'm glad to have her in my network.</p>
<p>August 19, 2010, Nate was with another company when working with Desarae at Agency Couture</p>
<h2>Cory Vandenberghe</h2>
<p><i>Digital Marketing Manager | Interactive Producer & Strategist</i></p>
<p>Desarae has been great to work with on different website projects. She has a unique eye for design, and has recommended many great interactive marketing strategies for our clients. I'm looking forward to working on more projects with Desarae. She's got a great work ethic, and does well in meetings with clients.</p>
<p>April 10, 2008, Cory was with another company when working with Desarae at www.dveit.com</p>
<div class="clearfix"></div>
<div class="button-wrapper">
<div class="hover_img"><a href='http://www.desaraev.com/p/about.html' target="_blank"><button class='lined thin' >About Desarae</button></a></div>
</div>DesaraeVhttp://www.blogger.com/profile/06354550301110673337noreply@blogger.com0tag:blogger.com,1999:blog-4717460821390233792.post-22011995126646670112016-06-18T20:03:00.000-05:002016-06-18T20:03:39.832-05:00General Dynamics Information Technology<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqtNwbkr43ip0OL6efgmRPmhR7tmf0892GN2-arHo0ahwq509_HrVG9l1p3Zxmfk76g5erXTOqCIebmdJJgHJYq-AM5QIHQu-u_fd9vn2HQhZt9JWBNRz-tAaIAzsc9Jxximy77BfC4mFZ/s1600/Screen+Shot+2016-06-13+at+8.30.53+PM.png" class="thumbnail" />
<div dir="ltr" style="text-align: left;" trbidi="on">
<p class="excerpt">The purpose of this page is to describe projects and my role while employed at General Dynamics (GDIT). </p>
<a name='more'></a>
<div class="clearfix">
</div>
<div class="right">
<blockquote>
<h2>Jump to a Section:</h2>
<ul>
<li><a href="https://www.blogger.com/blogger.g?blogID=5358063918643889764#overview">Overview</a></li>
<li><a href="https://www.blogger.com/blogger.g?blogID=5358063918643889764#goals">Goals</a></li>
<li><a href="https://www.blogger.com/blogger.g?blogID=5358063918643889764#examples">Examples</a></li>
<li><a href="https://www.blogger.com/blogger.g?blogID=5358063918643889764#tools">Tools/Skills</a></li>
<li><a href="https://www.blogger.com/blogger.g?blogID=5358063918643889764#mentions">Mentions</a></li>
</ul>
</blockquote>
</div>
<h1 id="overview">Overview</h1>
<p>I am a senior UI designer at GDIT. General Dynamics is a leading large-scale IT contractor for defense, intelligence, civilian government & private business. When I first started with the company, I worked on a small team for a company called Buccaneer (yes the office was full of pirate memorabilia until recently and it was awesome). Shortly after being hired onto the position Buccaneer was bought by Vangent who was almost immediately purchased by General Dynamics. If you've never heard of GD, you may recognize some of the company's various sectors' work like Gulf Stream airplanes, military tanks, bombs, government fraud and waste prevention systems, military training programs, or big data sites that have recently won numerous (positive) recognition/awards. I do not work on defense contracts or in aviation (though I love aviation). I'm in the Health and Civilian Solutions Division our sector provides software development support for extremely large information systems. Basically we improve processes/applications, analyze big data, and provide the backbone (infrastructure).</p>
<p>In this position, I've gained experience working with military and government agencies. Government work comes with it's own unique set of challenges and rewards. This includes working with a variety of technologies and development paradigms that are unique to government and enterprise software development, such as CMMI, UK accessibility standards (BSI), and Section 508 compliance. </p>
<h1 id="goals">Goals and Mission Statement</h1>
<p>The goal of my role, as a user experience(UX) designer is to advocate for stakeholders and end-users in areas like usability, accessibility, and strategic development that improve processes while increasing efficiency. In my role as a user interface (UI) designer, I aim to create aesthetically pleasing designs that push the boundaries of innovative technology.</p>
<h2>In Pursuit of Excellence</h2>
<p>At GDIT, I've spent over four years creating designs, documents and collaborating on strategies for multiple applications. I create wireframes, prototypes, and provide front-end design/development for multiple applications concurrently across multiple foreign/domestic divisions. The team I work on is matrix based meaning we often share talent and resources within the division. My role working with teams outside of my division is a unique one, but it has given me the opportunity to mentor other teams while advocating for the role of user-centered design in the overall software development lifecycle.</p>
<h1 id="examples">Examples</h1>
<p>Click on any 'example' image to zoom in</p>
<div class="clearfix">
</div>
<div class="portfoliogrid">
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1t-0DzNmeNi3G5ix3BVWwqnQgg-c4u965cgx5i57e9H_g63Tqc7iAlJYoLLTdVHNuD3vy2IPFMsGzC9Ge6KmGIWzHfDb1RFoj1QtxbmVMn6zBt6dWKvqUHNyUkzii_nGjWXWqEpJcg8B1/s1600/20160610_170829_resized.jpg" imageanchor="1"><img border="0" class="left" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1t-0DzNmeNi3G5ix3BVWwqnQgg-c4u965cgx5i57e9H_g63Tqc7iAlJYoLLTdVHNuD3vy2IPFMsGzC9Ge6KmGIWzHfDb1RFoj1QtxbmVMn6zBt6dWKvqUHNyUkzii_nGjWXWqEpJcg8B1/s1600/20160610_170829_resized.jpg" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBWtK_OTG6EFAPu5Ey_p268SuRJwGO_9cnX3HrLpT3D5A7PLWTo8zhOGeqBElDoUtcuQIqr2z3_Lhy6zBeMiRiIgXQPu9sEHjyIvB8OyrWHAtNWbX2coa3JPMvdeJF_0TKelkA3XvLB6Zz/s1600/20160610_170612_resized.jpg" imageanchor="1"><img border="0" class="left" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBWtK_OTG6EFAPu5Ey_p268SuRJwGO_9cnX3HrLpT3D5A7PLWTo8zhOGeqBElDoUtcuQIqr2z3_Lhy6zBeMiRiIgXQPu9sEHjyIvB8OyrWHAtNWbX2coa3JPMvdeJF_0TKelkA3XvLB6Zz/s1600/20160610_170612_resized.jpg" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtQ0TaHeewNeaV-9jM6IkNWhP3R8xcNdlXcwqDQ6kKnWcfOQ9SzzbKcufOHPrCPesjbkqhpcffLyVmH2QJHcBUDKtlxyNIXCMxIHVJOInHVEKH1Ajxk8I629TC61Oxo5J_nyGZ5oY68aJa/s1600/20160610_170908_resized.jpg" imageanchor="1"><img border="0" class="left" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtQ0TaHeewNeaV-9jM6IkNWhP3R8xcNdlXcwqDQ6kKnWcfOQ9SzzbKcufOHPrCPesjbkqhpcffLyVmH2QJHcBUDKtlxyNIXCMxIHVJOInHVEKH1Ajxk8I629TC61Oxo5J_nyGZ5oY68aJa/s1600/20160610_170908_resized.jpg" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgC0ZScbMf6-a0hrpjK_SVh84XUSV7RS6trm1cqVLTXnJem0mSC94o4U3TcylF1ij8VyoKyiLMARNlJ1PboqxZVxZ5kX6Hyywyc5PCTPvB0dqawa0v6O0vHqDAHD0Wlx8xUdv0gzn-VchCf/s1600/20160610_170626_resized.jpg" imageanchor="1"><img border="0" class="left" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgC0ZScbMf6-a0hrpjK_SVh84XUSV7RS6trm1cqVLTXnJem0mSC94o4U3TcylF1ij8VyoKyiLMARNlJ1PboqxZVxZ5kX6Hyywyc5PCTPvB0dqawa0v6O0vHqDAHD0Wlx8xUdv0gzn-VchCf/s1600/20160610_170626_resized.jpg" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVKVhI3-xNpwyp7_bkMk7PnCBI9HQlrXtvqEBu2OQ9Lhw71xM6yPcriSiIkWCVBWrhm029KpD_VS3fezZfTVJrHT-QxPhtbBU4rChhU2fArJOQxOa8CSGp-LzP459NmfqUvx5L_Ci8Vt-E/s1600/20160610_170649_resized.jpg" imageanchor="1"><img border="0" class="left" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVKVhI3-xNpwyp7_bkMk7PnCBI9HQlrXtvqEBu2OQ9Lhw71xM6yPcriSiIkWCVBWrhm029KpD_VS3fezZfTVJrHT-QxPhtbBU4rChhU2fArJOQxOa8CSGp-LzP459NmfqUvx5L_Ci8Vt-E/s1600/20160610_170649_resized.jpg" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmY1OK9Xrz5QlgfsH9aJsLMKe2_Xpev5OCc6lri2nVHMDVv-GGFT0paNOyNKioc0FFw3CM_SQZf6HYuMnR1-yHi_Ap4Chl6U5MtWp9EnQATnQDcXi6ijhEKWNw7rflpnumVZr_vWzqiGQU/s1600/20160610_170712_resized.jpg" imageanchor="1"><img border="0" class="left" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmY1OK9Xrz5QlgfsH9aJsLMKe2_Xpev5OCc6lri2nVHMDVv-GGFT0paNOyNKioc0FFw3CM_SQZf6HYuMnR1-yHi_Ap4Chl6U5MtWp9EnQATnQDcXi6ijhEKWNw7rflpnumVZr_vWzqiGQU/s1600/20160610_170712_resized.jpg" style="margin: -302px -71px;" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhX2cGkjvCYcL2bRQOpuWbcbrVZXC3y7TzB37oUIF4_Rf-spooYmESDyaOOuYz2hP2IkrcKZxuQ7PfYmAsQ4qhXyar_AkHzTwFCu0b5AgJkPsEVIv9QffC0Cicqy9vDCnrgbvGaSkMLy-a_/s1600/20160610_170757_resized.jpg" imageanchor="1"><img border="0" class="left" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhX2cGkjvCYcL2bRQOpuWbcbrVZXC3y7TzB37oUIF4_Rf-spooYmESDyaOOuYz2hP2IkrcKZxuQ7PfYmAsQ4qhXyar_AkHzTwFCu0b5AgJkPsEVIv9QffC0Cicqy9vDCnrgbvGaSkMLy-a_/s1600/20160610_170757_resized.jpg" /></a>
</div>
<div class="imagewrapper">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6dC9ox-pyd8T9RXEWURfx03mlDK1PJzTkZ9wTtFwANH5KlcXFT-3OBdwDQGAPmzgM1k6wfGBkRVB8BEMkK8JTH5SH55HQH6qREo7yqB4-7GzdR6fZPQ8gidqJxd0Bg07BrwAOp4n9Wmwu/s1600/20160610_170827_resized.jpg" imageanchor="1"><img border="0" class="left" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6dC9ox-pyd8T9RXEWURfx03mlDK1PJzTkZ9wTtFwANH5KlcXFT-3OBdwDQGAPmzgM1k6wfGBkRVB8BEMkK8JTH5SH55HQH6qREo7yqB4-7GzdR6fZPQ8gidqJxd0Bg07BrwAOp4n9Wmwu/s1600/20160610_170827_resized.jpg" /></a>
</div>
</div>
<div class="clearfix"></div>
<p>The following are links to articles about projects I redesigned, reviewed, or did other work for. NONE of the links in the following bullet points are the actual project I worked on. </p>
<ul>
<li><a href="https://www.ccwdata.org/web/guest/home" rel="nofollow">CCW</a></li>
<li><a href="http://www.gdit.com/" rel="nofollow">GDIT.com</a></li>
<li><a href="https://www.govtechworks.com/" rel="nofollow">GovTechWorks</a></li>
<li><a href="http://createsend.com/t/r-B7BC12BFF69659072540EF23F30FEDED" rel="nofollow">CQRS</a></li>
<li><a href="https://www.qtso.com/" rel="nofollow">QIES</a></li>
<li><a href="http://www.paymentinitiative.org/aboutUs/Pages/default.aspx" rel="nofollow">APII</a></li>
<li><a href="http://arfamiliesfirst.com/the-arkansas-payment-improvement-initiative/" rel="nofollow">APII</a></li>
</ul>
<h1>Presentation</h1>
<iframe width="560" height="315" src="https://www.youtube.com/embed/g0QLXrQTT6s" frameborder="0" allowfullscreen></iframe>
<h1 id="tools">Skills and Tools</h1>
<h2>Role</h2>
<ul>
<li>Create designs and layouts</li>
<li>Mock-up new functionality in low or high fidelity wireframes or prototypes</li>
<li>Mentor</li>
<li>Strategic software development planning</li>
<li>508 compliance and accessibility compliance testing/integration</li>
<li>Assist on capture management teams including writing responses to requests for information (RFI), requests for proposals (RFP), and proposal writing</li>
<li>Usability testing</li>
<li>Case studies</li>
<li>Business requirements</li>
<li>Ongoing application maintenance including stakeholder interface to resolve technical issues involving design, development and ux testing</li>
<li>Public speaking and recruitment</li>
<li>Analyze and synthesize website traffic data in detailed reports or presentations</li>
<li>Create and track behavioral flows, user story flows, case studies and audience demographics</li>
<li>Document site styles, patterns, and workflows as pattern libraries, style guides, and information architecture documentation</li>
<li>Experience working on applications for health analytics claims data analyzing Medicare and Medicaid data</li>
<li>Applications generating reports related to big data through services like OBIEE and SAS</li>
<li>Data entry, filing, and claims data experience with warehouse data </li>
<li>Design and task lead for high profile international projects</li>
<li>Accountable for development front-end code, wireframes, prototypes, and ongoing design strategy for provider reports </li>
<li>Design lead for transitioning data mining projects and the analysis of claims data for provider profiles which involved summarizing diagnoses, procedures, drugs, type of claims and providers, demographic information, and calculation of HEDIS measures</li>
<li>Co-lead for design workgroup, provided leadership and UI/UX support</li>
<li>Evaluation consultant for overall UI/UX/accessibility including beta testing GDIT.com and GovTechWorks</li>
</ul>
<h1 class="mentions">Mentions</h1>
<ul>
<li>Featured on Teamworks (internal company board) for Distinguished Performance Award</li>
<li>Featured on Teamworks for participating in Ragbrai and Tour de Cure (with other colleagues)</li>
<li>Featured on Teamworks for planning various local activities via the activities commitee (Dunk your boss, multiple fundraisers for charity, volunteering at Women of Innovation (WOI) and Hyperstream (a club that helps teach high school students about technology)</li>
<li><a href="https://www.govtechworks.com/state-cios-push-accessibility-and-user-experience-with-new-standards/#gs.0HHi3Vc">GovTechWorks</a></li>
</ul>
</div>DesaraeVhttp://www.blogger.com/profile/06354550301110673337noreply@blogger.com0tag:blogger.com,1999:blog-4717460821390233792.post-27523071589330335702016-06-18T19:59:00.000-05:002016-06-18T19:59:59.358-05:00User Experience Review<p class="excerpt">The purpose of this content is to provide an overview of the User Experience (UX) Review process. The UX Review section of the UX review process focuses specifically on the user experience, user interface, and usability testing (where applicable). This document describes methodology and standards used by the UX review team during a UX review. It also describes the artifacts delivered at the end of the review.</p>
<a name='more'></a>
<h2>Introduction</h2>
<p>The purpose of this content is to provide an overview of the User Experience (UX) Review process. The UX Review section of the UX review process focuses specifically on the user experience, user interface, and usability testing (where applicable). This document describes methodology and standards used by the UX review team during a UX review. It also describes the artifacts delivered at the end of the review.</p>
<h2>Prerequisites</h2>
<p>In order to perform a UX review, the review team requires access to the systems’ requirements, use cases, design documentation, etc., and access to a working copy of the application/website with valid test user accounts.</p>
<h2>Review Methodology</h2>
<p>The application review team will first meet with the review coordinator, at least one business analyst, and at least one of the system developers to get an overview of the system, purpose, primary tasks, and overall user statistics. It is also useful to determine if there are specific sections of the application that are expected to require more and/or primary focus than others, such as high severity defects, etc.</p>
<p>The application review team begins by focusing on the primary tasks of the application.</p>
<p>In general, the review team is looking at the application and task flow at a high level to identify areas of improvement within the overall information architecture. This process will help identify areas that are prone to user error, task inefficiency, and get in the way of the users’ success.</p>
<p>Below is a comprehensive list of all available review categories, along with an outline of each ones’ purpose. Category recommendations will depend upon overall review goals, expectations, and review timeline:</p>
<ul>
<li>Heuristic Review</li>
<li>Contextual Inquiry</li>
<li>Search Engine Optimization (SEO)</li>
<li>Task AnalysisvInitial assessment of application to identify medium to high severity usability concerns, as well as to baseline the application against established UI standards.</li>
<li>Initial interview of users to walk through current workflow within application. This helps to identify particular areas of frustration for users, any system limitations/performance issues, error-prone areas, and establish overall baseline user satisfaction.</li>
<li>Establish primary and secondary keywords that best match the product/application. Identify current page rank among various search engines and how to optimize for best search engine ranking relative to primary/secondary keywords.</li>
<li>Define tasks of user group and task frequency.</li>
<li>User Profile</li>
<li>Information Architecture</li>
<li>Conceptual Design</li>
<li>Usability testing (iterative process)</li>
<li>Usability test results and recommendations</li>
<li>Detailed Design</li>
<li>User research to gather user information/statistics such as demographics, user types, level of education, technical baseline, etc.</li>
<li>Diagram representing the navigational structure and architecture of the site.</li>
<li>Static graphical representation of concepts. Content and Functional Specs added as available.</li>
<li>Test preparation (user recruitment, test scripts, etc.) and facilitation.</li>
<li>Compile usability test results, and determine/prepare recommendations.</li>
<li>Static and/or interactive representation of revised concept based upon recommendations via results of usability testing.</li>
</ul>
<h3>Deliverables</h3>
<p>Upon completion of the User Experience Review, the application review team will provide document that describes in detail each of the findings that were discovered during each categorical review</p>
<p>Each categorical review includes the following detailed documentation:</p>
<ul>
<li>Heuristic Review - documentation</li>
<li>Contextual Inquiry – documentation</li>
<li>Search Engine Optimization - documentation</li>
<li>Task Analysis - documentation</li>
<li>User Profile - documentation</li>
<li>Topology (Information Architecture) - visio diagram</li>
<li>Conceptual design - documentation</li>
<li>Usability test prep (user criteria; test scripts) - documentation</li>
<li>Usability test results and recommendations - documentation</li>
<li>Detailed design - documentation</li>
<li>UI/Functional specifications - documentation</li>
</ul>
<p>The application review team will review the findings with the review coordinator, business analyst, and developers, to ensure collaborative understanding as well as to answer any questions that arise.</p>DesaraeVhttp://www.blogger.com/profile/06354550301110673337noreply@blogger.com0