42 v7/source/blog/2014-08-03-step-one-acquire-customer.markdown
View file
@@ -0,0 +1,42 @@
---
title: Step One - Acquire Customer
---

Creating a business, whether it be a digital startup or a brick and mortar retail store, requires some amount of capital (even time spent building a product can be a capital investment). Physical businesses typically self-fund but it's not uncommon for a restaurant to seek out a VC firm or other investors willing to take a stake in its company [3], [4]. Tech startups tend to look for funding through accelerator programs and/or angel investors. Of course numerous startups (both tech and non-tech) are [bootstrapped](http://37signals.com/bootstrapped).

I think it's safe to assume that the overwhelming majority of funded startups have a **good** idea. In other words, an idea that attracts people. An idea that solves a real problem. <span class="hl">And most importantly, an idea that creates customers</span>. If we can agree with that assumption, then we must consider with another; startups fail for 'x', but 'x' does not indicate the lack of a good idea. Therefore I think it's safe to say that good, even great, ideas are not the end-all be-all of the startup world. However, I wouldn't go so far as to identify them as worthless [5].

One of the best tests to determine if you do in fact have a good idea is to talk to people, potential users, about it. In practice, this is great. You'll most likely receive a good amount of valuable feedback. Communicating with your potential users marks such an important step that it's actually one of the fundamental ideas of the lean startup process [6]. However, if we go back to our assumption that 'x' is not a lack of a good idea then what's the importance of talking with potential users (other than to confirm that you're in the 10th percentile)? To grossly oversimplify the answer to this question, it's **finding money**. When you talk with potential users and customers, your goal should be to find their money and make them give it to you. "Are they willing to pay for it?" should be at the forefront of your mind when speaking with potential users about your business idea.

The importance lies with the false reality of believing at face value that someone loves your product and says they'd use it. Until their money makes it into your bank account, take everything they say with a grain of salt. Acquiring this mindset from the beginning also forces the founding team to focus on the only thing that matters in the business world, performance, often measured by financial, institutional and organizational success. (Of course Silicon Valley has shown some very odd behavior in the last 3-6 years where [companies that hemorrhage money raise insane IPOs,](https://www.google.com/webhp?sourceid=chrome-instant&ion=1&espv=2&ie=UTF-8#q=TWTR) but I wouldn't count on that trend to continue for another 5 years).

Because you're focusing on the one thing that matters in business you'll most likely deliver a product that people love (that's why they're giving you money for it). If you can't find people to give you money you are either **a.)** delivering a sub-par product or **b.)** in the consumer space. If you're in the consumer space I have no advice for you besides...good luck (which of course is no advice at all). On the other hand, if you're delivering a sub-par product then you know that it's time to go back to the drawing board. This doesn't necessarily mean that everything about your product is wrong. It could be as simple as one killer feature, but it's important to realize this early before you spend too much time engineering a product that no one wants.

So how do you get people to give you money if you don't even have a product yet? The good thing about being a B2B business is that if you can truly show how your product improves a company's performance (no matter how small of a contribution to that uptick) they'll more than likely pay you for it. If you're delivering a product that greatly improves their performance (combined with a price insensitive market like healthcare, government contracting, etc.) they'll even give you money upfront. This is what I identify as a 'kickstarting' business model. I use the word 'kickstart' because it essentially follows the same principles that guide crowd funding platforms (like kickstarter). <span class="hl">You prototype a product, promote it, and then collect money from people with the promise that you'll deliver something in the near future.</span>

The initial sales cycle looks something like this:

- Idea (Creating a solution to a problem; creating a customer)
- Research (Talking with industry insiders, most likely not those with purchasing power but those that have intimate knowledge about the market)
- Prototype (Non-functional but polished)
- Sell (Talking with industry insiders that have purchasing power)
- Refine (Once you've sold a few units you'll most likely have feature requests that keep coming up; good thing you haven't built anything yet)
- Build (Starting with feature priority)
- Release (Release versions of the product to your new customers incrementally) **
- Deliver (A polished product)

** By allowing early access to the product, you help insure customer satisfaction as well as provide a sense of importance. When you're selling, you'll typically provide the customer with a rough delivery date (e.g. 6 months). If at 3 months you have 50% of the product built, you should fork that and deliver it to your customers early with the expectation that you are releasing a preliminary beta to loyal and early adopters. In most cases they'll be pleasantly surprised that they are receiving part of the product 3 months ahead of schedule. <span class="hl">A tangentially related benefit of this step is that you can solicit feedback that you can incorporate into the final release</span>.

The 'kickstart' method has two obvious benefits:

- You have a customer
- You're creating a product of value

By sharing this method I hope to give those with truly great ideas a possible path toward building a successful business.

[1]: http://en.wikipedia.org/wiki/Apple_Inc.
[2]: http://en.wikipedia.org/wiki/RightNow_Technologies
[3]: http://www.equityeats.com/#about-1
[4]: http://www.foodstart.com/
[5]: http://www.forbes.com/sites/joshsteimle/2013/09/01/why-great-ideas-are-worthless/
[6]: http://theleanstartup.com/
6 v7/source/blog/index.html.erb
View file
@@ -0,0 +1,6 @@
---
title: Blog
---
<%= partial "sections/headers/header_light" %>
<%= partial "sections/blog/blog_loop" %>
<%= partial "sections/footers/footer" %>
7 v7/source/catalyze.html.erb
View file
@@ -0,0 +1,7 @@
---
title: Catalyze
layout: layout_work
---
<%= partial "sections/headers/header_light" %>
<%= partial "sections/work/catalyze" %>
<%= partial "sections/footers/footer" %>
6 v7/source/contact.html.erb
View file
@@ -0,0 +1,6 @@
---
title: Profile + Contact
---
<%= partial "sections/headers/header_light" %>
<%= partial "sections/contact/card" %>
<%= partial "sections/footers/footer" %>
7 v7/source/gradesnap.html.erb
View file
@@ -0,0 +1,7 @@
---
title: Gradesnap
layout: layout_work
---
<%= partial "sections/headers/header_light" %>
<%= partial "sections/work/gradesnap" %>
<%= partial "sections/footers/footer" %>
7 v7/source/hney.html.erb
View file
@@ -0,0 +1,7 @@
---
title: HNEY Inc
layout: layout_work
---
<%= partial "sections/headers/header_light" %>
<%= partial "sections/work/hney" %>
<%= partial "sections/footers/footer" %>
7 v7/source/honeyjar.html.erb
View file
@@ -0,0 +1,7 @@
---
title: Honeyjar
layout: layout_work
---
<%= partial "sections/headers/header_light" %>
<%= partial "sections/work/honeyjar" %>
<%= partial "sections/footers/footer" %>
9 v7/source/index.html.erb
View file
@@ -0,0 +1,9 @@
---
title: Home
layout: layout_home
---
<%= partial "sections/headers/header_light" %>
<%= partial "sections/headers/header_masthead" %>
<%= partial "sections/work/work_home" %>
<%= partial "sections/footers/about_footer" %>
<%= partial "sections/footers/footer" %>
16 v7/source/layouts/layout.erb
View file
@@ -0,0 +1,16 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Ryan Rich is a Product Designer, Digital Entrepreneur, and Developer with a passion for simplicity in Human Computer Interaction">
<title>Ryan S Rich - <%= current_page.data.title %></title>
<link rel=icon type="image/png" href="/assets/img/fav.png">
<%= stylesheet_link_tag "//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css", "styles" %>
</head>
<body class="<%= page_classes %>">
<%= yield %>
</body>
<%= javascript_include_tag "http://fast.fonts.net/jsapi/1d852d38-11df-412c-acaf-e93c61fcfe2a.js", "https://code.jquery.com/jquery-1.11.2.min.js" %>
</html>
23 v7/source/layouts/layout_blog.erb
View file
@@ -0,0 +1,23 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Ryan Rich is a Product Designer, Digital Entrepreneur, and Developer with a passion for simplicity in Human Computer Interaction">
<title>Ryan S Rich - <%= current_page.data.title %></title>
<link rel=icon type="image/png" href="/assets/img/fav.png">
<%= stylesheet_link_tag "//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css", "styles" %>
</head>
<body class="<%= page_classes %>">
<%= partial "sections/headers/header_light" %>
<div class="grid">
<h1 class="rsr_post-title"><%= current_page.data.title %></h1>
<div class="rsr_blog-post">
<%= yield %>
</div>
</div>
<%= partial "sections/footers/footer" %>
</body>
<%= javascript_include_tag "http://fast.fonts.net/jsapi/1d852d38-11df-412c-acaf-e93c61fcfe2a.js", "https://code.jquery.com/jquery-1.11.2.min.js" %>
</html>
16 v7/source/layouts/layout_home.erb
View file
@@ -0,0 +1,16 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Ryan Rich is a Product Designer, Digital Entrepreneur, and Developer with a passion for simplicity in Human Computer Interaction">
<title>Ryan S Rich - <%= current_page.data.title %></title>
<link rel=icon type="image/png" href="/assets/img/fav.png">
<%= stylesheet_link_tag "//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css", "styles" %>
</head>
<body class="<%= page_classes %>">
<%= yield %>
</body>
<%= javascript_include_tag "http://fast.fonts.net/jsapi/1d852d38-11df-412c-acaf-e93c61fcfe2a.js", "https://code.jquery.com/jquery-1.11.2.min.js", "box", "home" %>
</html>
16 v7/source/layouts/layout_work.erb
View file
@@ -0,0 +1,16 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Ryan Rich is a Product Designer, Digital Entrepreneur, and Developer with a passion for simplicity in Human Computer Interaction">
<title>Ryan S Rich - <%= current_page.data.title %></title>
<link rel=icon type="image/png" href="/assets/img/fav.png">
<%= stylesheet_link_tag "//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css", "styles" %>
</head>
<body class="<%= page_classes %>">
<%= yield %>
</body>
<%= javascript_include_tag "http://fast.fonts.net/jsapi/1d852d38-11df-412c-acaf-e93c61fcfe2a.js", "https://code.jquery.com/jquery-1.11.2.min.js", "box", "work" %>
</html>
9 v7/source/new.html.erb
View file
@@ -0,0 +1,9 @@
---
title: Home
layout: layout_home
---
<%= partial "sections/headers/header_light" %>
<%= partial "sections/headers/header_masthead" %>
<%= partial "sections/work/work_home" %>
<%= partial "sections/footers/about_footer" %>
<%= partial "sections/footers/footer" %>
5 v7/source/sections/blog/blog_loop.erb
View file
@@ -0,0 +1,5 @@
<section class="rsr_blog-loop">
<% page_articles.each_with_index do |article, i| %>
<%= link_to article.title, article %></span>
<% end %>
</section>
27 v7/source/sections/contact/card.erb
View file
@@ -0,0 +1,27 @@
<div class="rsr_contact-card">
<div class="rsr_custom-col">
<div class="rsr_card-left">
<div class="rsr_big-g">G</div>
</div>
</div>
<div class="rsr_custom-col">
<div class="rsr_card-right">
<div class="rsr_contact-info">
<header>
<p>Ryan S. Rich</p>
<p>Product Designer</p>
</header>
<p><span>t.</span>503.334.9134</p>
<p><span>e.</span>rrichrs@gmail.com</p>
<p><span>t.</span>ryanSrich.com</p>
</div>
</div>
</div>
</div>
<div class="rsr_prof-about">
<p>I am a Product Designer, Digital Entrepreneur, and Developer with a passion for simplicity in Human Computer Interaction.</p>

<p>I attended Rochester Institute of Technology (RIT) where I studied Visual Design, and Web Development. I received a Bachelor's of Science in Applied Arts and Science. After graduating, I was a Web Developer at Global Thinking, a creative agency in the Washington DC area.</p>

<p>I currently work for Catalyze where I'm helping developers build the future of healthcare software. As a remote employee, I am able to travel the U.S. with my girlfriend, Kara. We currently reside in Portland OR. Our previous destinations include Rochester, NY and Alexandria, VA.</p>
</div>
13 v7/source/sections/footers/about_footer.erb
View file
@@ -0,0 +1,13 @@
<section class="rsr_about-footer">
<div class="grid">
<div class="col-7-12">
<h1>About</h1>
<p>I attended Rochester Institute of Technology (RIT) where I studied Visual Design, and Web Development. I received a Bachelor's of Science in Applied Arts and Science. After graduating, I was a Web Developer at Global Thinking, a creative agency in the Washington DC area.</p>

<p>I currently work for Catalyze where I'm helping developers build the future of healthcare software. As a remote employee, I am able to travel the U.S. with my girlfriend, Kara. We currently reside in Portland, OR. Our previous destinations include Rochester, NY and Alexandria, VA.</p>
</div>
<div class="col-5-12">
<div class="rsr_big-start">A</div>
</div>
</div>
</section>
21 v7/source/sections/footers/footer.erb
View file
@@ -0,0 +1,21 @@
<footer class="rsr_main-footer">
<div class="grid">
<div class="rsr_footer-logo">
<img src="/assets/img/logo_small.png" alt="Footer Logo">
</div>
<div class="rsr_right-section">
<p>rrichrs@gmail.com</p>
<p>Remote, USA</p>
<nav>
<a href="https://twitter.com/ryanSrich" target="_blank"><i class="fa fa-twitter"></i> Twitter</a>
<a href="https://twitter.com/ryanSrich" target="_blank"><i class="fa fa-instagram"></i> Instagram</a>
<a href="https://twitter.com/ryanSrich" target="_blank"><i class="fa fa-dribbble"></i> Dribbble</a>
<a href="https://twitter.com/ryanSrich" target="_blank"><i class="fa fa-github"></i> Github</a>
<a href="https://twitter.com/ryanSrich" target="_blank"><i class="fa fa-stack-overflow"></i> Stackoverflow</a>
</nav>
</div>
</div>
</footer>
<div class="rsr_bigass-footer">
<h1>The mountains are calling and I must go. <span>- muir</span></h1>
</div>
19 v7/source/sections/headers/header_extend.erb
View file
@@ -0,0 +1,19 @@
<header class="rsr_header-extend">
<div class="grid">
<nav class="rsr_simple-nav">
<%= link_to "Home", "/" %>
<%= link_to "Blog", "/blog" %>
<%= link_to "Profile + Contact", "/contact" %>
</nav>
<article>
<div class="col-9-12">
<div class="rsr_about-clip">
<p>Ryan Rich is a Product Designer, Digital Entrepreneur, and Developer with a passion for simplicity in Human Computer Interaction.</p>
</div>
</div>
<div class="col-3-12">
<div class="rsr_main-logo"></div>
</div>
</article>
</div>
</header>
12 v7/source/sections/headers/header_light.erb
View file
@@ -0,0 +1,12 @@
<header class="rsr_header-light">
<div class="grid">
<nav class="rsr_simple-nav">
<%= link_to "Home", "/" %>
<%= link_to "Blog", "/blog" %>
<%= link_to "Profile + Contact", "/contact" %>
</nav>
<a href="/">
<div class="rsr_main-logo"></div>
</a>
</div>
</header>
21 v7/source/sections/headers/header_masthead.erb
View file
@@ -0,0 +1,21 @@
<section class="rsr_main-masthead">
<div class="grid">
<h1 class="rsr_base-h1">
let's make it work &#8594;
</h1>
<p class="rsr_header-p">
Hello. My name is Ryan Rich. I'm a Product Designer, Digital Entrepreneur, and Developer with a passion for simplicity. I love building meaningful products for industries like healthcare and employment. My skills lie at the intersection of psychology, engineering and design.
</p>
<!-- <p class="rsr_header-g">
<a href="mailto:rrichrs@gmail.com">
&#8594; make it work
&#8594; <span id="rsr_make-it" class="rsr_no-hover">make</span> it<span id="rsr_hide-me">'s</span> <span class="rsr_under-line">usable</span>
</a>
</p> -->
</div>
</section>
<!-- <section class="rsr_huge-letter">
<div class="grid">
<h1>Build Great Products</h1>
</div>
</section> -->
60 v7/source/sections/work/catalyze.erb
View file
@@ -0,0 +1,60 @@
<section class="rsr_hugework-letter">
<div class="grid">
<h1>Build Great Healthcare</h1>
<a href="/symptom-reporter" class="rsr_newsletter-btn">Symptom Reporter &#8594; </a>
</div>
</section>
<header class="rsr_work-header">
<div class="rsr_small-grid">
<div class="col-3-12">
<h1 id="portLetter">C</h1>
</div>
<div class="col-9-12">
<p>My current position is Lead Product Designer at Catalyze where I work on everything from marketing materials to developer experience and user interface design.</p>

<p>My primary focus is to build a quality experience around the environment creation process for our platform as a service customers. This means making it easy for developers to quickly spec out and build a HIPAA compliant software environment on our platform.</p>

<p>My typical workflow involves hand-drawn wireframes that are translated into Sketch artboards. I then take those artboards and build bootstrap modules around them. Once that is done I assist our engineering team with integrating the design into our angular.js front-end.</p>

<p><a href="https://catalyze.io" target="_blank">Visit Catalyze</a></p>
</div>
</div>
</header>
<section class="rsr_port-images">
<div class="grid">
<div class="col-1-1">
<a href="/assets/img/port_imgs/catalyze/one.png">
<img src="/assets/img/port_imgs/catalyze/one.png" alt="Catalyze Blog Home">
</a>
</div>
<div class="col-1-1">
<a href="/assets/img/port_imgs/catalyze/two.png">
<img src="/assets/img/port_imgs/catalyze/two.png" alt="Catalyze Blog Article">
</a>
</div>
<div class="col-1-1">
<div class="rsr_inner-para">
<p>My current position is Lead Product Designer at Catalyze where I work on everything from marketing materials to developer experience and user interface design.</p>

<p>My primary focus is to build a quality experience around the environment creation process for our platform as a service customers. This means making it easy for developers to quickly spec out and build a HIPAA compliant software environment on our platform.</p>

<p>My typical workflow involves hand-drawn wireframes that are translated into Sketch artboards. I then take those artboards and build bootstrap modules around them. Once that is done I assist our engineering team with integrating the design into our angular.js front-end.</p>
</div>
</div>
<div class="col-1-1">
<a href="/assets/img/port_imgs/catalyze/three.png">
<img src="/assets/img/port_imgs/catalyze/three.png" alt="Catalyze Resources Article">
</a>
</div>
<div class="col-1-1">
<a href="/assets/img/port_imgs/catalyze/four.png">
<img src="/assets/img/port_imgs/catalyze/four.png" alt="Catalyze Resources PaaS Getting Started Guide">
</a>
</div>
<div class="col-1-1">
<a href="/assets/img/port_imgs/catalyze/five.png">
<img src="/assets/img/port_imgs/catalyze/five.png" alt="Catalyze Dashboard - Application Archive">
</a>
</div>
</div>
</section>
71 v7/source/sections/work/gradesnap.erb
View file
@@ -0,0 +1,71 @@
<section class="rsr_hugework-letter">
<div class="grid">
<h1>Build Great Education</h1>
<a href="/honeyjar" class="rsr_newsletter-btn">Honeyjar &#8594; </a>
</div>
</section>
<header class="rsr_work-header">
<div class="rsr_small-grid">
<div class="col-3-12">
<h1 id="portLetter">G</h1>
</div>
<div class="col-9-12">
<p>Gradesnap was a startup I co-founded as a sophomore at RIT. What started as a simple idea of grading a multiple choice test with a phone grew into a startup that focused on disrupting the automated grading market.</p>

<p>With the ability to grade tests and extract data from those tests with simply an image, Gradesnap was a powerful tool. We unfortunately couldn't find a market fit and after two businesses accelerators we closed the doors.</p>

<p>I built the brand, designed the website, built the user interface, and pitched to investors. In 2013 we went through the winter class of HTR launchpad.</p>
</div>
</div>
</header>
<section class="rsr_port-images">
<div class="grid">
<div class="col-1-1">
<a href="/assets/img/port_imgs/gradesnap/one.png">
<img src="/assets/img/port_imgs/gradesnap/one.png" alt="Gradesnap Landing Page">
</a>
</div>
</div>
<div class="grid">
<div class="col-1-1">
<a href="/assets/img/port_imgs/gradesnap/two.png">
<img src="/assets/img/port_imgs/gradesnap/two.png" alt="Gradesnap Wireframe">
</a>
</div>
</div>
<div class="grid">
<div class="col-1-1">
<a href="/assets/img/port_imgs/gradesnap/three.png">
<img src="/assets/img/port_imgs/gradesnap/three.png" alt="Gradesnap Wireframe">
</a>
</div>
</div>
<div class="grid">
<div class="col-1-1">
<a href="/assets/img/port_imgs/gradesnap/four.png">
<img src="/assets/img/port_imgs/gradesnap/four.png" alt="Gradesnap Wireframe">
</a>
</div>
</div>
<div class="grid">
<div class="col-1-1">
<a href="/assets/img/port_imgs/gradesnap/five.png">
<img src="/assets/img/port_imgs/gradesnap/five.png" alt="Gradesnap Wireframe">
</a>
</div>
</div>
<div class="grid">
<div class="col-1-1">
<a href="/assets/img/port_imgs/gradesnap/six.png">
<img src="/assets/img/port_imgs/gradesnap/six.png" alt="Gradesnap Wireframe">
</a>
</div>
</div>
<div class="grid">
<div class="col-1-1">
<a href="/assets/img/port_imgs/gradesnap/seven.png">
<img src="/assets/img/port_imgs/gradesnap/seven.png" alt="Gradesnap Wireframe">
</a>
</div>
</div>
</section>
37 v7/source/sections/work/hney.erb
View file
@@ -0,0 +1,37 @@
<section class="rsr_hugework-letter">
<div class="grid">
<h1>Build Great Fashion</h1>
<a href="/vhc" class="rsr_newsletter-btn">VHC &#8594; </a>
</div>
</section>
<header class="rsr_work-header">
<div class="rsr_small-grid">
<div class="col-3-12">
<h1 id="portLetter">Y</h1>
</div>
<div class="col-9-12">
<p>HNEY is clothing company dedicated to creating contemporary shirts and clothes for today's modern individual.</p>

<p>I built HNEY's ecommerce site and designed most of their graphic t-shirts. ilikehney.com uses a custom sass framework and the Shopify API to drive the websites backend.</p>
</div>
</div>
</header>
<section class="rsr_port-images">
<div class="grid">
<div class="col-1-1">
<a href="/assets/img/port_imgs/hney/one.png">
<img src="/assets/img/port_imgs/hney/one.png" alt="HNEY Landing Page">
</a>
</div>
<div class="col-1-1">
<a href="/assets/img/port_imgs/hney/two.png">
<img src="/assets/img/port_imgs/hney/two.png" alt="HNEY Shirts">
</a>
</div>
<div class="col-1-1">
<a href="/assets/img/port_imgs/hney/three.png">
<img src="/assets/img/port_imgs/hney/three.png" alt="HNEY Logo">
</a>
</div>
</div>
</section>
44 v7/source/sections/work/honeyjar.erb
View file
@@ -0,0 +1,44 @@
<section class="rsr_hugework-letter">
<div class="grid">
<h1>Build Great Tools</h1>
<a href="/catalyze" class="rsr_newsletter-btn">Catalyze &#8594; </a>
</div>
</section>
<header class="rsr_work-header">
<div class="rsr_small-grid">
<div class="col-3-12">
<h1 id="portLetter">H</h1>
</div>
<div class="col-9-12">
<p>Honeyjar works with the greatest distributed teams to match exceptional employees with exceptional companies. I helped Honeyjar with the creation and design of their site.</p>

<p>I built and designed both the front-end and back-end of honeyjar.co. I also helped craft the marketing copy, email integration and print materials for the company.</p>

<p><a href="https://honeyjar.co" target="_blank">Visit Honeyjar</a></p>
</div>
</div>
</header>
<section class="rsr_port-images">
<div class="grid">
<div class="col-1-1">
<a href="/assets/img/port_imgs/honeyjar/one.png">
<img src="/assets/img/port_imgs/honeyjar/one.png" alt="Honeyjar Employee Home">
</a>
</div>
<div class="col-1-1">
<a href="/assets/img/port_imgs/honeyjar/two.png">
<img src="/assets/img/port_imgs/honeyjar/two.png" alt="Honeyjar Employeer Home">
</a>
</div>
<div class="col-1-1">
<a href="/assets/img/port_imgs/honeyjar/three.png">
<img src="/assets/img/port_imgs/honeyjar/three.png" alt="Honeyjar - How It Works">
</a>
</div>
<div class="col-1-1">
<a href="/assets/img/port_imgs/honeyjar/four.png">
<img src="/assets/img/port_imgs/honeyjar/four.png" alt="Honeyjar Form">
</a>
</div>
</div>
</section>
39 v7/source/sections/work/symptom_reporter.erb
View file
@@ -0,0 +1,39 @@
<section class="rsr_hugework-letter">
<div class="grid">
<h1>Build Great Apps</h1>
<a href="/hney" class="rsr_newsletter-btn">HNEY Inc &#8594; </a>
</div>
</section>
<header class="rsr_work-header">
<div class="rsr_small-grid">
<div class="col-3-12">
<h1 id="portLetter">S</h1>
</div>
<div class="col-9-12">
<p>Symptom Reporter is an app I'm building to help users describe their symptoms to their physicians with pin point accuracy.</p>

<p>The product is built on the idea of a single report that users edit as they navigate through questions about their symptoms.</p>

<p>During interactions with the app, users will be prompted to compare their current pain to other common ailments that they've had in the past. This allows for more accurate descriptions of their symptoms.</p>
</div>
</div>
</header>
<section class="rsr_port-images">
<div class="grid">
<div class="col-1-1">
<a href="/assets/img/port_imgs/symptom_reporter/one.png">
<img src="/assets/img/port_imgs/symptom_reporter/one.png" alt="Symptom Reporter Logo">
</a>
</div>
<div class="col-1-1">
<a href="/assets/img/port_imgs/symptom_reporter/two.png">
<img src="/assets/img/port_imgs/symptom_reporter/two.png" alt="Symptom Reporter Intro">
</a>
</div>
<div class="col-1-1">
<a href="/assets/img/port_imgs/symptom_reporter/three.png">
<img src="/assets/img/port_imgs/symptom_reporter/three.png" alt="Symptom Reporter Edit Screens">
</a>
</div>
</div>
</section>
41 v7/source/sections/work/vhc.erb
View file
@@ -0,0 +1,41 @@
<section class="rsr_hugework-letter">
<div class="grid">
<h1>Build Great Communities</h1>
<a href="/gradesnap" class="rsr_newsletter-btn">Gradesnap &#8594; </a>
</div>
</section>
<header class="rsr_work-header">
<div class="rsr_small-grid">
<div class="col-3-12">
<h1 id="portLetter">V</h1>
</div>
<div class="col-9-12">
<p>The VHC Physician Group website is a project I worked on while employed at Global Thinking. We assisted the newly formed entity in creating an easy-to-navigate website with a focus on doctor profiles and search.</p>

<p>I designed and developed the main search page. I also assisted in building the site in WordPress and migrating the data from the previous web properties.</p>

<p>The search functionality takes advantage of Google's Custom Search API with the ability to search by category, location or by doctor which is all built around Google's refinements feature.</p>

<p><a href="http://www.vhcphysiciangroup.com/" target="_blank">Visit VHC</a></p>
</div>
</div>
</header>
<section class="rsr_port-images">
<div class="grid">
<div class="col-1-1">
<a href="/assets/img/port_imgs/vhc/one.png">
<img src="/assets/img/port_imgs/vhc/one.png" alt="VHC Landing Page">
</a>
</div>
<div class="col-1-1">
<a href="/assets/img/port_imgs/vhc/two.png">
<img src="/assets/img/port_imgs/vhc/two.png" alt="VHC Shirts">
</a>
</div>
<div class="col-1-1">
<a href="/assets/img/port_imgs/vhc/three.png">
<img src="/assets/img/port_imgs/vhc/three.png" alt="VHC Logo">
</a>
</div>
</div>
</section>
100 v7/source/sections/work/work_home.erb
View file
@@ -0,0 +1,100 @@
<section class="rsr_home-work">
<div class="rsr_work-row">
<div class="grid">
<div class="col-1-3">
<div class="rsr_work-spot">
<a href="/catalyze" class="rsr_block-link" id="catalyze">
<div class="rsr_work-image">
<img src="/assets/img/work_catalyze-cover.png" alt="Catalyze Cover">
<div class="rsr_image-mark">C</div>
</div>
<header class="rsr_work-expo">
<h1>Catalyze</h1>
<h2>Lead Product Designer</h2>
</header>
<p class="rsr_expo-sum">My current position is Lead Product Designer at Catalyze where I work on everything from marketing…</p>
</a>
</div>
</div>
<div class="col-1-3">
<a href="/symptom-reporter" class="rsr_block-link">
<div class="rsr_work-spot">
<div class="rsr_work-image">
<img src="/assets/img/work_symptom-cover.png" alt="Symptom Reporter Cover">
<div class="rsr_image-mark">S</div>
</div>
<header class="rsr_work-expo">
<h1>Symptom Reporter</h1>
<h2>Designer</h2>
</header>
<p class="rsr_expo-sum">Devjobs is a project I've been working on for a few months now. It's original conception is what…</p>
</div>
</a>
</div>
<div class="col-1-3">
<a href="/hney" class="rsr_block-link">
<div class="rsr_work-spot">
<div class="rsr_work-image">
<img src="/assets/img/work_hney-cover.png" alt="HNEY Cover">
<div class="rsr_image-mark">Y</div>
</div>
<header class="rsr_work-expo">
<h1>HNEY</h1>
<h2>Designer</h2>
</header>
<p class="rsr_expo-sum">HNEY is a clothing company focused on designing quality shirts and items for individuals…</p>
</div>
</a>
</div>
</div>
</div>
<div class="rsr_work-row">
<div class="grid">
<div class="col-1-3">
<div class="rsr_work-spot">
<a href="/vhc" class="rsr_block-link">
<div class="rsr_work-image">
<img src="/assets/img/work_vhc-cover.png" alt="VHC Cover">
<div class="rsr_image-mark">V</div>
</div>
<header class="rsr_work-expo">
<h1>VHC Physician Group</h1>
<h2>Web Developer</h2>
</header>
<p class="rsr_expo-sum">The VHC Physician Group website is a project I worked on while employed at Global Thinking…</p>
</a>
</div>
</div>
<div class="col-1-3">
<a href="/gradesnap" class="rsr_block-link">
<div class="rsr_work-spot">
<div class="rsr_work-image">
<img src="/assets/img/work_gradesnap-cover.png" alt="Gradesnap Cover">
<div class="rsr_image-mark">G</div>
</div>
<header class="rsr_work-expo">
<h1>Gradesnap</h1>
<h2>Co-founder</h2>
</header>
<p class="rsr_expo-sum">Gradesnap was a startup I co-founded as a sophomore at RIT. What started as a simple…</p>
</div>
</a>
</div>
<div class="col-1-3">
<a href="/honeyjar" class="rsr_block-link">
<div class="rsr_work-spot">
<div class="rsr_work-image">
<img src="/assets/img/work_honeyjar-cover.png" alt="Honeyjar Cover">
<div class="rsr_image-mark">H</div>
</div>
<header class="rsr_work-expo">
<h1>Honeyjar</h1>
<h2>Designer</h2>
</header>
<p class="rsr_expo-sum">Honeyjar works with the greatest distributed teams to match exceptional employees…</p>
</div>
</a>
</div>
</div>
</div>
</section>
7 v7/source/symptom-reporter.html.erb
View file
@@ -0,0 +1,7 @@
---
title: Symptom Reporter iOS App
layout: layout_work
---
<%= partial "sections/headers/header_light" %>
<%= partial "sections/work/symptom_reporter" %>
<%= partial "sections/footers/footer" %>
7 v7/source/vhc.html.erb
View file
@@ -0,0 +1,7 @@
---
title: VHC Physician Group
layout: layout_work
---
<%= partial "sections/headers/header_light" %>
<%= partial "sections/work/vhc" %>
<%= partial "sections/footers/footer" %>
18 v7/source/work.html.erb
View file
@@ -0,0 +1,18 @@
---
title: Home
layout: layout_home
---
<section class="rsr_home-wrapper">
<div class="rsr_please-center">
<div class="rsr_logo-home"><img src="/assets/img/logo_white.png"></div>
<div class="rsr_name-mark">rynrch</div>
<p class="rsr_about-mark">Ryan Rich is a Product Designer, Digital Entrepreneur, and Developer with a passion for simplicity in Human Computer Interaction.</p>
<div class="rsr_large-title">Build Great Products</div>
<p class="rsr_about-mark">Always remove the vowels.</p>
<nav class="rsr_home-nav">
<a href="/work">Work</a>
<a href="/blog">Blog</a>
<a href="/contact">Profile + Contact</a>
</nav>
</div>
</section>