<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>ByteLion</title>
	<atom:link href="https://www.bytelion.com/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.bytelion.com</link>
	<description>Building user-centric software with rapid results</description>
	<lastBuildDate>Tue, 12 Jan 2021 18:20:37 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=5.6</generator>

<image>
	<url>https://www.bytelion.com/wp-content/uploads/2016/06/cropped-0138a881e5b12c34e7481f64452574d5.ico-32x32.png</url>
	<title>ByteLion</title>
	<link>https://www.bytelion.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>ByteLion named as a Top Software Development Firm</title>
		<link>https://www.bytelion.com/leading-software-development-firm/</link>
		
		<dc:creator><![CDATA[Matthew Lowinger]]></dc:creator>
		<pubDate>Thu, 17 Dec 2020 19:49:40 +0000</pubDate>
				<category><![CDATA[Development]]></category>
		<guid isPermaLink="false">https://www.bytelion.com/leading-software-development-firm/</guid>

					<description><![CDATA[<p>Clutch Names ByteLion as a Top Software Development Agencies in Baltimore and Part of Their 2020 Global 1000. We got the news and are proud to announce that not only...</p>
<p>The post <a rel="nofollow" href="https://www.bytelion.com/leading-software-development-firm/">ByteLion named as a Top Software Development Firm</a> appeared first on <a rel="nofollow" href="https://www.bytelion.com">ByteLion</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p><strong>Clutch Names ByteLion as a Top Software Development Agencies in Baltimore and Part of Their 2020 Global 1000</strong>.</p>



<p>We got the news and are proud to announce that not only is ByteLion ranked as one of the best software development companies on the <a href="https://clutch.co/developers/baltimore">2020 list on Clutch</a>. But we are also included in their Global 1000 – a list that ranks the 1000 leading custom development firms within our industry from all over the world.</p>



<figure class="wp-block-image is-resized is-style-rounded"><img loading="lazy" src="https://lh3.googleusercontent.com/yFc8DQMwSG_pJjE-PwgHI3tO7gIjuuFNGWkLSgt2Xvw5E-EncAwFG-VK4xYOc8V0chdmCyVt9VUMuouN6L6RmG9s9SEwLrkxaIiET_XNbNQcs-3er1LYTZKgtO67WUfStxLpsfMi" alt="ByteLion's badge awarded by Clutch for being named a leading software development company in the world." width="132" height="116"/></figure>



<p>This kind of recognition proves that our team’s skills are world-class and can compete with anyone from around the world. This is the reason why we always appreciate our clients who take the time to leave their wonderful reviews on <a href="https://clutch.co/profile/bytelion" target="_blank" rel="noreferrer noopener">B2B ratings platforms like Clutch</a>. </p>



<p>The award validates all the hard work and long hours our team puts into each project everyday. Our CEO, Terrance MacGregor, summed up the team’s feelings best.</p>



<p>“<em>The ByteLion team is proud to be named one of the leading global companies in 2020 by Clutch. ByteLion catalyzes digital transformation which is representative of our team member&#8217;s hard work and dedication. We are thankful to all of our team members and customers for another tremendous year</em>” – Terry MacGregor, CEO of ByteLion.</p>



<p>For our team, the year 2021 isn’t going to be any different. We are excited to partner with more great enterprises and startups in the year to come. <a href="https://www.bytelion.com/contact/">Fill out our contact form</a> and we can get in touch to learn how we can solve your business challenges with custom software.&nbsp;</p>
<p>The post <a rel="nofollow" href="https://www.bytelion.com/leading-software-development-firm/">ByteLion named as a Top Software Development Firm</a> appeared first on <a rel="nofollow" href="https://www.bytelion.com">ByteLion</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Before You Apply To Be A Software Intern</title>
		<link>https://www.bytelion.com/before-you-apply-to-be-a-software-intern/</link>
		
		<dc:creator><![CDATA[Willam Forbes]]></dc:creator>
		<pubDate>Wed, 03 Jun 2020 16:35:46 +0000</pubDate>
				<category><![CDATA[Development]]></category>
		<guid isPermaLink="false">https://www.bytelion.com/?p=10502</guid>

					<description><![CDATA[<p>Being an intern at a small company is a huge commitment if it is done well.  A company needs to develop an accountability program, design work, setup mentors, and give...</p>
<p>The post <a rel="nofollow" href="https://www.bytelion.com/before-you-apply-to-be-a-software-intern/">Before You Apply To Be A Software Intern</a> appeared first on <a rel="nofollow" href="https://www.bytelion.com">ByteLion</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>Being an intern at a small company is a huge commitment if it is done well.  A company needs to develop an accountability program, design work, setup mentors, and give constant feedback and supervision for work that has the potential to be profitable. More likely than not, however, intern work will be a cost center.  Why do small companies do it then?  The answer is simple, it allows a company to build a bond with a junior person very early on in their career, and it provide them with a pipeline to select individuals that can have a very real impact on the company&#8217;s bottom line.   Before you accept the job, you have to ask yourself:</p>
<p><strong>Will I be a good investment for the company?</strong></p>
<p>A good investment means that you have positioned yourself to make the company money. You need to understand the business model of the company you are applying for.  Your goal is to make sure you won&#8217;t be a burden to the bottom line, that you are up on current technology trends, and you can contribute day 1 to a mission to help the company.  If you show up and say, <strong>&#8220;I came here to learn. Can you teach me everything? What are my hours?&#8221;</strong>, you have walked into your internship with an F.  To be effective, you need to have done prep work.</p>
<p><strong>Every Software Company&#8217;s Dream Intern</strong></p>
<p>Nothing is more powerful to a software company than a computer science student that has built a product end to end.  In order to do that, a student must have mastered front end development (enough to get something working) and backend development (databases, APIs, hosting).  They can demo that product from their open source github account or if it is private, be able to demo it confidently.  What matters most is that it works, solves a problem, and you can explain how it functions.</p>
<p><strong>The Perfect Answer To The Question </strong></p>
<p>Why do you want to intern here?</p>
<p>I am super interested in the company. I read every word on your website, and I think that I can help you with ABC and maybe D.  As I understand it, your company makes $ by doing X.  I have being doing X and I can help you do X by 1,2,3.  I don&#8217;t want a traditional internship. I am looking to secure a role in a high speed company and help grow it.</p>
<p><strong>Prepping for your Internship</strong></p>
<ol>
<li>Learn a simple modern day front end framework like <a href="https://reactjs.org/">react</a>. It will take 2 weekends (both days) non stop to get through a few tutorials (40 hours)</li>
<li>Learn a backend framework, like <a href="https://expressjs.com/">ExpressJS</a>   ( 40 hours)</li>
<li>Use a PAAS (platform as a service like <a href="http://aws.amazon.com">AWS</a>)  ( 40 hours)</li>
<li>Set up logging to a remote location ( 8 hours)</li>
<li>Setup database backups (1 hour)</li>
<li>Build a rock solid login or use a third party login system (40 hours)</li>
<li>Build role based views and actions into your application (40 hours)</li>
<li>Integrate with a subscription service payment tool like <a href="https://stripe.com/">Stripe</a>. (20 hours)</li>
</ol>
<p>Total = ~230 hours of self led, self managed time</p>
<p><strong>Interested In A Software Internship?</strong></p>
<p>We would love to talk with you if the article above didn&#8217;t scare you!  Contact us at <strong>careers@bytelion.com</strong>.</p>
<p>&nbsp;</p>
<p>The post <a rel="nofollow" href="https://www.bytelion.com/before-you-apply-to-be-a-software-intern/">Before You Apply To Be A Software Intern</a> appeared first on <a rel="nofollow" href="https://www.bytelion.com">ByteLion</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>How to Run a Remote Design Workshop</title>
		<link>https://www.bytelion.com/remote-design-workshop/</link>
					<comments>https://www.bytelion.com/remote-design-workshop/#respond</comments>
		
		<dc:creator><![CDATA[Marc Hausle]]></dc:creator>
		<pubDate>Fri, 22 May 2020 19:50:42 +0000</pubDate>
				<category><![CDATA[User Experience]]></category>
		<guid isPermaLink="false">https://www.bytelion.com/?p=10474</guid>

					<description><![CDATA[<p>The post <a rel="nofollow" href="https://www.bytelion.com/remote-design-workshop/">How to Run a Remote Design Workshop</a> appeared first on <a rel="nofollow" href="https://www.bytelion.com">ByteLion</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div id="fws_61c65eca8692e"  data-column-margin="default" data-midnight="dark"  class="wpb_row vc_row-fluid vc_row top-level standard_section "  style="padding-top: 0px; padding-bottom: 0px; "><div class="row-bg-wrap" data-bg-animation="none" data-bg-overlay="false"><div class="inner-wrap"><div class="row-bg"  style=""></div></div><div class="row-bg-overlay" ></div></div><div class="row_col_wrap_12 col span_12 dark left">
	<div  class="vc_col-sm-12 wpb_column column_container vc_column_container col no-extra-padding"  data-t-w-inherits="default" data-bg-cover="" data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-hover-bg="" data-hover-bg-opacity="1" data-animation="" data-delay="0" >
		<div class="vc_column-inner" ><div class="column-bg-overlay-wrap" data-bg-animation="none"><div class="column-bg-overlay"></div></div>
			<div class="wpb_wrapper">
				
<div class="wpb_text_column wpb_content_element " >
	<div class="wpb_wrapper">
		<p><span style="font-weight: 400;">Last week, Bytelion had the opportunity to participate in MICA’s UX Design MPS Virtual Residency. This interactive workshop was held for over 50 graduate students across the world looking to transition into or jumpstart their careers in UX design. After speaking with Daniel Sipzner regarding possible topics for workshops during the event, Bytelion decided to focus on “UX design within project constraints” as a topic. Below we will go over how we approached the workshop,  some of our successes, and what we could do better next time.</span></p>
	</div>
</div>




			</div> 
		</div>
	</div> 
</div></div>
		<div id="fws_61c65eca86f67"  data-column-margin="default" data-midnight="dark"  class="wpb_row vc_row-fluid vc_row standard_section "  style="padding-top: 0px; padding-bottom: 0px; "><div class="row-bg-wrap" data-bg-animation="none" data-bg-overlay="false"><div class="inner-wrap"><div class="row-bg"  style=""></div></div><div class="row-bg-overlay" ></div></div><div class="row_col_wrap_12 col span_12 dark left">
	<div  class="vc_col-sm-12 wpb_column column_container vc_column_container col no-extra-padding"  data-t-w-inherits="default" data-bg-cover="" data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-hover-bg="" data-hover-bg-opacity="1" data-animation="" data-delay="0" >
		<div class="vc_column-inner" ><div class="column-bg-overlay-wrap" data-bg-animation="none"><div class="column-bg-overlay"></div></div>
			<div class="wpb_wrapper">
				
<div class="wpb_text_column wpb_content_element " >
	<div class="wpb_wrapper">
		<h3><span style="font-weight: 400;">Goals</span></h3>
<p><span style="font-weight: 400;">During our planning, we approached this workshop with the following goals in mind for the students:</span></p>
<ul>
<li style="font-weight: 400;"><span style="font-weight: 400;">Ensure students understand the value of UX processes in terms of what is providing value to the project as opposed to set deliverables</span></li>
<li style="font-weight: 400;"><span style="font-weight: 400;">Relay the importance of time-boxing activities</span></li>
<li style="font-weight: 400;"><span style="font-weight: 400;">Provide students with a base template for an ‘ideal’ project and answers to their questions to help them develop their own UX process</span></li>
<li style="font-weight: 400;"><span style="font-weight: 400;">Have students work in a group and effectively communicate how they think the UX process should be customized to provide the most value for an example project</span></li>
<li style="font-weight: 400;"><span style="font-weight: 400;">Help students actively think about project planning by having them allocate percentages of their allotted time to their planned activities and thinking critically about their deliverables</span></li>
<li style="font-weight: 400;"><span style="font-weight: 400;">Students will have a UX process personalized to their strengths that can work as a template for future project planning</span></li>
<li style="font-weight: 400;"><span style="font-weight: 400;">Each student will gain experience planning out UX projects down to the number of hours per day in addition to which steps are needed or not needed depending on project specifications.</span></li>
</ul>
	</div>
</div>




			</div> 
		</div>
	</div> 
</div></div>
		<div id="fws_61c65eca8726c"  data-column-margin="default" data-midnight="dark"  class="wpb_row vc_row-fluid vc_row standard_section "  style="padding-top: 0px; padding-bottom: 0px; "><div class="row-bg-wrap" data-bg-animation="none" data-bg-overlay="false"><div class="inner-wrap"><div class="row-bg"  style=""></div></div><div class="row-bg-overlay" ></div></div><div class="row_col_wrap_12 col span_12 dark left">
	<div  class="vc_col-sm-12 wpb_column column_container vc_column_container col no-extra-padding"  data-t-w-inherits="default" data-bg-cover="" data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-hover-bg="" data-hover-bg-opacity="1" data-animation="" data-delay="0" >
		<div class="vc_column-inner" ><div class="column-bg-overlay-wrap" data-bg-animation="none"><div class="column-bg-overlay"></div></div>
			<div class="wpb_wrapper">
				
<div class="wpb_text_column wpb_content_element " >
	<div class="wpb_wrapper">
		<h3><span style="font-weight: 400;">Planning</span></h3>
<p><span style="font-weight: 400;">The workshop was held twice in back to back sessions, with each session lasting 2.5 hours.</span></p>
<p>Here is a break down of our agenda:</p>
<p><strong>Part 1 &#8211; Introduction (30 minutes)</strong></p>
<ul>
<li style="font-weight: 400;"><span style="font-weight: 400;">Introductions (5 minutes)</span>
<ul>
<li style="font-weight: 400;"><span style="font-weight: 400;">Marc</span></li>
<li style="font-weight: 400;"><span style="font-weight: 400;">Stefanie</span></li>
</ul>
</li>
<li style="font-weight: 400;"><span style="font-weight: 400;">Marc’s Presentation: Why are we here designing things and how do we do it? (15 minutes)</span></li>
<li style="font-weight: 400;"><span style="font-weight: 400;">Stefanie’s Presentation: Insight from a MICA Alum  (5-10 minutes)</span></li>
</ul>
<p><b>Break (5 minutes)</b></p>
<p><strong>Part 2 &#8211; Solo and Team Exercises (45 minutes)</strong></p>
<ul>
<li style="font-weight: 400;"><span style="font-weight: 400;">Solo Exercise:  Fill out UX Process Details (10 minutes)</span></li>
<li style="font-weight: 400;"><span style="font-weight: 400;">Solo Exercise: Fill out UX Process Percentages (5 minutes)</span></li>
<li style="font-weight: 400;"><span style="font-weight: 400;">Marc’s Presentation: Sample Project Breakdown Explanation (5 minutes)</span></li>
<li style="font-weight: 400;"><span style="font-weight: 400;">Getting into Teams!!! (5 minutes)</span></li>
<li style="font-weight: 400;"><span style="font-weight: 400;">Team Exercise: Fill out Team UX Process Details (5 minutes)</span></li>
<li style="font-weight: 400;"><span style="font-weight: 400;">Team Exercise: Read Mock Project Description (5 minutes)</span></li>
<li style="font-weight: 400;"><span style="font-weight: 400;">Team Exercise: Discuss the Mock Project (5 minutes)</span></li>
<li style="font-weight: 400;"><span style="font-weight: 400;">Team Exercise: Fill out Team Process Percentages (5 Minutes)</span></li>
</ul>
<p><b>Break (5 minutes)</b></p>
<p><strong>Part 3 &#8211; Team Exercises and Follow Up (45 minutes)</strong></p>
<ul>
<li style="font-weight: 400;"><span style="font-weight: 400;">Team Exercise: Project Estimation (30 minutes) [Marc joined rooms to answer questions]</span>
<ul>
<li style="font-weight: 400;"><span style="font-weight: 400;">Team Reassessment of Project Steps and Percentages (10 minutes)</span></li>
<li style="font-weight: 400;"><span style="font-weight: 400;">Organize Steps into a Project Plan and Assign Hours (10 minutes)</span></li>
<li style="font-weight: 400;"><span style="font-weight: 400;">Review &amp; Refine Plan (10 minutes)</span></li>
</ul>
</li>
<li style="font-weight: 400;"><span style="font-weight: 400;">Team Presentations  (10 minutes; 2 minutes per team)</span></li>
<li style="font-weight: 400;"><span style="font-weight: 400;">Solo Exercise: Students Vote for Best Solution (5 minutes)</span></li>
<li style="font-weight: 400;"><span style="font-weight: 400;">Marc: Explanation and Questions (remaining time)</span></li>
</ul>
	</div>
</div>




			</div> 
		</div>
	</div> 
</div></div>
		<div id="fws_61c65eca87646"  data-column-margin="default" data-midnight="dark"  class="wpb_row vc_row-fluid vc_row standard_section "  style="padding-top: 0px; padding-bottom: 0px; "><div class="row-bg-wrap" data-bg-animation="none" data-bg-overlay="false"><div class="inner-wrap"><div class="row-bg"  style=""></div></div><div class="row-bg-overlay" ></div></div><div class="row_col_wrap_12 col span_12 dark left">
	<div  class="vc_col-sm-6 wpb_column column_container vc_column_container col no-extra-padding"  data-t-w-inherits="default" data-bg-cover="" data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-hover-bg="" data-hover-bg-opacity="1" data-animation="" data-delay="0" >
		<div class="vc_column-inner" ><div class="column-bg-overlay-wrap" data-bg-animation="none"><div class="column-bg-overlay"></div></div>
			<div class="wpb_wrapper">
				
<div class="wpb_text_column wpb_content_element " >
	<div class="wpb_wrapper">
		<h3><span style="font-weight: 400;">Logistics &amp; Materials</span></h3>
<ul>
<li style="font-weight: 400;"><span style="font-weight: 400;">Presentation material communicated via a slide deck.</span></li>
<li style="font-weight: 400;"><span style="font-weight: 400;">A UX process template provided to all participants.</span></li>
<li style="font-weight: 400;"><span style="font-weight: 400;">Directions for team activities provided to all participants.</span></li>
<li style="font-weight: 400;"><span style="font-weight: 400;">Miro board with templates for each group and their activities provided to all participants.</span></li>
</ul>
	</div>
</div>




			</div> 
		</div>
	</div> 

	<div  class="vc_col-sm-6 wpb_column column_container vc_column_container col no-extra-padding"  data-t-w-inherits="default" data-bg-cover="" data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-hover-bg="" data-hover-bg-opacity="1" data-animation="" data-delay="0" >
		<div class="vc_column-inner" ><div class="column-bg-overlay-wrap" data-bg-animation="none"><div class="column-bg-overlay"></div></div>
			<div class="wpb_wrapper">
				
<div class="wpb_text_column wpb_content_element " >
	<div class="wpb_wrapper">
		<h3><span style="font-weight: 400;">Tools</span></h3>
<ul>
<li style="font-weight: 400;"><span style="font-weight: 400;">Google Slides</span></li>
<li style="font-weight: 400;"><span style="font-weight: 400;">Google Drive</span></li>
<li style="font-weight: 400;"><span style="font-weight: 400;">Zoom</span></li>
<li style="font-weight: 400;"><span style="font-weight: 400;">Miro</span></li>
<li style="font-weight: 400;"><span style="font-weight: 400;">Webcam</span></li>
<li style="font-weight: 400;"><span style="font-weight: 400;">Computer</span></li>
<li style="font-weight: 400;"><span style="font-weight: 400;">Beanie</span></li>
</ul>
	</div>
</div>




			</div> 
		</div>
	</div> 
</div></div>
		<div id="fws_61c65eca87a40"  data-column-margin="default" data-midnight="dark"  class="wpb_row vc_row-fluid vc_row standard_section "  style="padding-top: 0px; padding-bottom: 0px; "><div class="row-bg-wrap" data-bg-animation="none" data-bg-overlay="false"><div class="inner-wrap"><div class="row-bg"  style=""></div></div><div class="row-bg-overlay" ></div></div><div class="row_col_wrap_12 col span_12 dark left">
	<div  class="vc_col-sm-12 wpb_column column_container vc_column_container col no-extra-padding"  data-t-w-inherits="default" data-bg-cover="" data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-hover-bg="" data-hover-bg-opacity="1" data-animation="" data-delay="0" >
		<div class="vc_column-inner" ><div class="column-bg-overlay-wrap" data-bg-animation="none"><div class="column-bg-overlay"></div></div>
			<div class="wpb_wrapper">
				<div class="divider-wrap" data-alignment="default"><div style="height: 25px;" class="divider"></div></div><div class="img-with-aniamtion-wrap " data-max-width="100%" data-max-width-mobile="100%" data-border-radius="" data-shadow="none" data-animation="fade-in" >
      <div class="inner">
        <div class="hover-wrap" data-hover-animation="none"> 
          <div class="hover-wrap-inner">
            <img class="img-with-animation skip-lazy " data-delay="0" height="454" width="2337" data-animation="fade-in" src="https://www.bytelion.com/wp-content/uploads/2020/05/MICA_remote-workshop2.jpg" alt="" srcset="https://www.bytelion.com/wp-content/uploads/2020/05/MICA_remote-workshop2.jpg 2337w, https://www.bytelion.com/wp-content/uploads/2020/05/MICA_remote-workshop2-300x58.jpg 300w, https://www.bytelion.com/wp-content/uploads/2020/05/MICA_remote-workshop2-768x149.jpg 768w, https://www.bytelion.com/wp-content/uploads/2020/05/MICA_remote-workshop2-1024x199.jpg 1024w" sizes="(min-width: 1450px) 75vw, (min-width: 1000px) 85vw, 100vw" />
          </div>
        </div>
      </div>
    </div><div class="img-with-aniamtion-wrap " data-max-width="100%" data-max-width-mobile="100%" data-border-radius="" data-shadow="none" data-animation="fade-in" >
      <div class="inner">
        <div class="hover-wrap" data-hover-animation="none"> 
          <div class="hover-wrap-inner">
            <img class="img-with-animation skip-lazy " data-delay="0" height="1270" width="2442" data-animation="fade-in" src="https://www.bytelion.com/wp-content/uploads/2020/05/MICA_remote-workshop.jpg" alt="" srcset="https://www.bytelion.com/wp-content/uploads/2020/05/MICA_remote-workshop.jpg 2442w, https://www.bytelion.com/wp-content/uploads/2020/05/MICA_remote-workshop-300x156.jpg 300w, https://www.bytelion.com/wp-content/uploads/2020/05/MICA_remote-workshop-768x399.jpg 768w, https://www.bytelion.com/wp-content/uploads/2020/05/MICA_remote-workshop-1024x533.jpg 1024w" sizes="(min-width: 1450px) 75vw, (min-width: 1000px) 85vw, 100vw" />
          </div>
        </div>
      </div>
    </div>
<div class="wpb_text_column wpb_content_element " >
	<div class="wpb_wrapper">
		<p style="text-align: center;"><em>MICA students collaborated in teams and worked on a virtual artboard created by Bytelion in Miro.</em></p>
	</div>
</div>



<div class="divider-wrap" data-alignment="default"><div style="height: 25px;" class="divider"></div></div>
			</div> 
		</div>
	</div> 
</div></div>
		<div id="fws_61c65eca89060"  data-column-margin="default" data-midnight="dark"  class="wpb_row vc_row-fluid vc_row standard_section "  style="padding-top: 0px; padding-bottom: 0px; "><div class="row-bg-wrap" data-bg-animation="none" data-bg-overlay="false"><div class="inner-wrap"><div class="row-bg"  style=""></div></div><div class="row-bg-overlay" ></div></div><div class="row_col_wrap_12 col span_12 dark left">
	<div  class="vc_col-sm-12 wpb_column column_container vc_column_container col no-extra-padding"  data-t-w-inherits="default" data-bg-cover="" data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-hover-bg="" data-hover-bg-opacity="1" data-animation="" data-delay="0" >
		<div class="vc_column-inner" ><div class="column-bg-overlay-wrap" data-bg-animation="none"><div class="column-bg-overlay"></div></div>
			<div class="wpb_wrapper">
				
<div class="wpb_text_column wpb_content_element " >
	<div class="wpb_wrapper">
		<h3><span style="font-weight: 400;">Where We Could Have Done Better!</span></h3>
<p><b>Timing</b><span style="font-weight: 400;"> &#8211;  We allotted for 20 minutes of extra time or 20 minutes of questions. This was not enough time. We did not account properly for needing to communicate directions multiple times regardless of documentation provided. Due to some students having no experience with project planning or working in Miro, additional clarity was necessary. On the plus side, participants were willing to stay 15 minutes late after each workshop to ask questions.</span></p>
<p><b>Providing More Documentation</b><span style="font-weight: 400;"> &#8211; Despite providing multiple documents in addition to having the Miro board set up prior to the workshop starting, we feel we could have provided more for participants to reference when they missed certain concepts. We should have provided the itinerary above so students could better understand how the various exercises worked together from the start.</span></p>
	</div>
</div>




			</div> 
		</div>
	</div> 
</div></div>
		<div id="fws_61c65eca8928c"  data-column-margin="default" data-midnight="dark"  class="wpb_row vc_row-fluid vc_row standard_section "  style="padding-top: 0px; padding-bottom: 0px; "><div class="row-bg-wrap" data-bg-animation="none" data-bg-overlay="false"><div class="inner-wrap"><div class="row-bg"  style=""></div></div><div class="row-bg-overlay" ></div></div><div class="row_col_wrap_12 col span_12 dark left">
	<div  class="vc_col-sm-12 wpb_column column_container vc_column_container col no-extra-padding"  data-t-w-inherits="default" data-bg-cover="" data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-hover-bg="" data-hover-bg-opacity="1" data-animation="" data-delay="0" >
		<div class="vc_column-inner" ><div class="column-bg-overlay-wrap" data-bg-animation="none"><div class="column-bg-overlay"></div></div>
			<div class="wpb_wrapper">
				
<div class="wpb_text_column wpb_content_element " >
	<div class="wpb_wrapper">
		<h3><span style="font-weight: 400;">Things to Consider for Future Workshops</span></h3>
<p><b>Questions During or Afterward</b><span style="font-weight: 400;"> &#8211; We allowed participants to ask questions during the workshop as a way of keeping them more engaged and excited about the work they were doing. We also wanted to make sure that they understood exactly what there were doing, as this was a fairly new concept for most of them. This also added to our time but seemed to result in people being more comfortable with the process and understanding its value.</span></p>
	</div>
</div>




			</div> 
		</div>
	</div> 
</div></div>
		<div id="fws_61c65eca89483"  data-column-margin="default" data-midnight="dark"  class="wpb_row vc_row-fluid vc_row standard_section "  style="padding-top: 0px; padding-bottom: 0px; "><div class="row-bg-wrap" data-bg-animation="none" data-bg-overlay="false"><div class="inner-wrap"><div class="row-bg"  style=""></div></div><div class="row-bg-overlay" ></div></div><div class="row_col_wrap_12 col span_12 dark left">
	<div  class="vc_col-sm-12 wpb_column column_container vc_column_container col no-extra-padding"  data-t-w-inherits="default" data-bg-cover="" data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-hover-bg="" data-hover-bg-opacity="1" data-animation="" data-delay="0" >
		<div class="vc_column-inner" ><div class="column-bg-overlay-wrap" data-bg-animation="none"><div class="column-bg-overlay"></div></div>
			<div class="wpb_wrapper">
				
<div class="wpb_text_column wpb_content_element " >
	<div class="wpb_wrapper">
		<h3><span style="font-weight: 400;">What Went Well!</span></h3>
<p><b>Establishing Trust</b><span style="font-weight: 400;"> &#8211; We were fortunate to have a recent graduate of the program as a new hire at Bytelion. Stefanie had the opportunity to speak about some of the things she had learned as she transitioned from an academic setting to working in the private sector, which resonated with what current students were experiencing.</span></p>
<p><b>Connectivity and Audio/Visual Quality</b><span style="font-weight: 400;"> &#8211; We had few connectivity issues during the 5 hours of the workshop. Both video and sound quality were generally good. Prior planning and testing technology in advance helped a lot here.</span></p>
<p><b>Providing Value</b><span style="font-weight: 400;"> &#8211; Students said that they had not been so excited to work so hard all week and learn about real world UX constraints. Multiple students also expressed that if given the option they would love to take a class on the topic.</span></p>
	</div>
</div>




			</div> 
		</div>
	</div> 
</div></div>
<p>The post <a rel="nofollow" href="https://www.bytelion.com/remote-design-workshop/">How to Run a Remote Design Workshop</a> appeared first on <a rel="nofollow" href="https://www.bytelion.com">ByteLion</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.bytelion.com/remote-design-workshop/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Clutch Supports Small Businesses Like Ours</title>
		<link>https://www.bytelion.com/bytelion-appreciates-our-hardworking-team/</link>
					<comments>https://www.bytelion.com/bytelion-appreciates-our-hardworking-team/#respond</comments>
		
		<dc:creator><![CDATA[Adam Claure]]></dc:creator>
		<pubDate>Thu, 07 May 2020 18:58:30 +0000</pubDate>
				<category><![CDATA[Organizations]]></category>
		<guid isPermaLink="false">https://www.bytelion.com/?p=10402</guid>

					<description><![CDATA[<p>When we think of the economy and the firms that drive it forward, too often we think of the mega-corporations, the household names, and the gigantic success stories. What we...</p>
<p>The post <a rel="nofollow" href="https://www.bytelion.com/bytelion-appreciates-our-hardworking-team/">Clutch Supports Small Businesses Like Ours</a> appeared first on <a rel="nofollow" href="https://www.bytelion.com">ByteLion</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p><span style="font-weight: 400;">When we think of the economy and the firms that drive it forward, too often we think of the mega-corporations, the household names, and the gigantic success stories. What we don’t always think about, though we should, is the small businesses.  </span></p>
<p><span style="font-weight: 400;">In the United States alone, small businesses account for </span><a href="https://www.fundera.com/blog/small-business-employment-and-growth-statistics"><span style="font-weight: 400;">99% of all economic activity</span></a><span style="font-weight: 400;">. They’re all around us, contributing every day to innovation, to the national workforce, and to creating the products that enrich our lives. In other words, if we want a healthy economy, we need to focus on small businesses. </span></p>
<p><span style="font-weight: 400;">What makes us so passionate about small businesses? Well, we here at Bytelion are one of them. Though we’ve been around for nearly 10 years, we’ve managed to stay small, gaining expertise in the development industry, maintaining a close-knit team, and perfecting our company culture. We know there’s so many advantages to being a small company, and we’re determined to support our fellow small agencies through this difficult time.</span></p>
<p><span style="font-weight: 400;">One special way we’ve decided to show our support is by starting within and showcasing some of our own team’s incredible accomplishments over the years. Often, we turn to <a href="https://clutch.co/profile/bytelion">Clutch</a>, a ratings and reviews platform, to reflect on our past projects. </span></p>
<p><span style="font-weight: 400;">Here’s one of our most recent success stories: our team helped a mental health program develop a custom software. Mary Beth Beaudry, Admin Director of the Johns Hopkins Mood Disorders Center was pleased with our team’s performance. “By far Bytelion has been the best company with whom we have worked. Professional, approachable, conscientious, exacting,” she said. “They produced a world-class product all while ensuring our needs and expectations were being met.”</span></p>
<p><span style="font-weight: 400;"><img loading="lazy" class="alignnone wp-image-10403" src="https://www.bytelion.com/wp-content/uploads/2020/05/ADAP-clutch-review-300x193.png" alt="ADAP Clutch Review" width="665" height="428" srcset="https://www.bytelion.com/wp-content/uploads/2020/05/ADAP-clutch-review-300x193.png 300w, https://www.bytelion.com/wp-content/uploads/2020/05/ADAP-clutch-review-768x495.png 768w, https://www.bytelion.com/wp-content/uploads/2020/05/ADAP-clutch-review-1024x660.png 1024w, https://www.bytelion.com/wp-content/uploads/2020/05/ADAP-clutch-review.png 1716w" sizes="(max-width: 665px) 100vw, 665px" /></span></p>
<p><span style="font-weight: 400;">We’re appreciative of the kind words and thrilled that we’ve been able to achieve success for our partners. Our years of experience as a small company has helped us to perfect our services and solutions, and we couldn’t be more proud of our team.</span></p>
<p><span style="font-weight: 400;">It’s great to have a platform like <a href="https://clutch.co/profile/bytelion">Clutch</a> to reflect on our success, as well as our shortcomings, so we can continue to work hard and improve. We also have a profile on their sister site, The Manifest, another awesome tool that </span><a href="https://themanifest.com/app-development/companies/washington-dc#bytelion"><span style="font-weight: 400;">includes business leaders and insights</span></a><span style="font-weight: 400;"> across industries. We’d love it if you checked it out!</span></p>
<p><span style="font-weight: 400;">If you’re in the market for a development partner who can help you accomplish your goals, don’t hesitate to </span><a href="https://www.bytelion.com/contact/"><span style="font-weight: 400;">reach out</span></a><span style="font-weight: 400;">—you’ll support a small business while you’re at it. We’re excited to hear from you!</span></p>
<p>&nbsp;</p>
<p>The post <a rel="nofollow" href="https://www.bytelion.com/bytelion-appreciates-our-hardworking-team/">Clutch Supports Small Businesses Like Ours</a> appeared first on <a rel="nofollow" href="https://www.bytelion.com">ByteLion</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.bytelion.com/bytelion-appreciates-our-hardworking-team/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>6 Key Ways to Improve Your eCommerce User Experience</title>
		<link>https://www.bytelion.com/6-key-ways-to-improve-your-ecommerce-user-experience/</link>
					<comments>https://www.bytelion.com/6-key-ways-to-improve-your-ecommerce-user-experience/#respond</comments>
		
		<dc:creator><![CDATA[Marc Hausle]]></dc:creator>
		<pubDate>Thu, 30 Apr 2020 20:48:08 +0000</pubDate>
				<category><![CDATA[User Experience]]></category>
		<guid isPermaLink="false">https://www.bytelion.com/?p=10311</guid>

					<description><![CDATA[<p>The post <a rel="nofollow" href="https://www.bytelion.com/6-key-ways-to-improve-your-ecommerce-user-experience/">6 Key Ways to Improve Your eCommerce User Experience</a> appeared first on <a rel="nofollow" href="https://www.bytelion.com">ByteLion</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div id="fws_61c65eca8b70b"  data-column-margin="default" data-midnight="dark"  class="wpb_row vc_row-fluid vc_row standard_section "  style="padding-top: 0px; padding-bottom: 0px; "><div class="row-bg-wrap" data-bg-animation="none" data-bg-overlay="false"><div class="inner-wrap"><div class="row-bg"  style=""></div></div><div class="row-bg-overlay" ></div></div><div class="row_col_wrap_12 col span_12 dark left">
	<div  class="vc_col-sm-12 wpb_column column_container vc_column_container col no-extra-padding"  data-t-w-inherits="default" data-bg-cover="" data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-hover-bg="" data-hover-bg-opacity="1" data-animation="" data-delay="0" >
		<div class="vc_column-inner" ><div class="column-bg-overlay-wrap" data-bg-animation="none"><div class="column-bg-overlay"></div></div>
			<div class="wpb_wrapper">
				
<div class="wpb_text_column wpb_content_element " >
	<div class="wpb_wrapper">
		<p><span style="font-weight: 400;">When customers shop online, it is similar to shopping in a brick and mortar store. They have a goal in mind&#8211; whether to buy a specific item or to browse your inventory&#8211; and they want to make their purchase as seamlessly as possible. To customers, your website’s homepage is your storefront. Your category pages allow your customers to walk through your product aisles. Your product detail pages provide shoppers the information they would expect from holding an item and reading the packaging.</span></p>
<p><strong>In the eCommerce world, competition is more fierce. If customers cannot easily find what they need on your website, they are only a few clicks away from your competitors.</strong></p>
<p><span style="font-weight: 400;">Providing a compelling user experience (UX) is critical to your company’s eCommerce success to increase conversions and boost other KPIs. The goal is to transition curious visitors to loyal customers. And when a website is designed with the customer in mind, it creates a user-friendly shopping experience that builds trust in your brand.</span></p>
<p><span style="font-weight: 400;">Here are Bytelion&#8217;s top tips to instantly improve your eCommerce website&#8217;s user experience:</span></p>
	</div>
</div>



<div class="divider-wrap" data-alignment="default"><div style="margin-top: 12.5px; height: 1px; margin-bottom: 12.5px;" data-width="100%" data-animate="" data-animation-delay="" data-color="default" class="divider-border"></div></div>
			</div> 
		</div>
	</div> 
</div></div>
		<div id="fws_61c65eca8ba4a"  data-column-margin="default" data-midnight="dark"  class="wpb_row vc_row-fluid vc_row standard_section "  style="padding-top: 0px; padding-bottom: 0px; "><div class="row-bg-wrap" data-bg-animation="none" data-bg-overlay="false"><div class="inner-wrap"><div class="row-bg"  style=""></div></div><div class="row-bg-overlay" ></div></div><div class="row_col_wrap_12 col span_12 dark left">
	<div  class="vc_col-sm-12 wpb_column column_container vc_column_container col no-extra-padding"  data-t-w-inherits="default" data-bg-cover="" data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-hover-bg="" data-hover-bg-opacity="1" data-animation="" data-delay="0" >
		<div class="vc_column-inner" ><div class="column-bg-overlay-wrap" data-bg-animation="none"><div class="column-bg-overlay"></div></div>
			<div class="wpb_wrapper">
				
<div class="wpb_text_column wpb_content_element " >
	<div class="wpb_wrapper">
		<h3>1.  Think mobile-first</h3>
<p><span style="font-weight: 400;">Experts project that </span><a href="https://www.businessinsider.com/mobile-commerce-shopping-trends-stats"><span style="font-weight: 400;">45% of the total eCommerce revenue</span></a><span style="font-weight: 400;"> in the US will come from mobile purchases in 2020, and these numbers are expected to keep growing in coming years. <strong>Your website’s homepage is your first impression to visitors, which will often determine if they continue engaging with or leave your site.</strong> Websites that are not optimized for smaller devices can make it tricky for visitors to navigate, especially if buttons are too small to tap or the layout does not change to fit the new size. </span><a href="https://www.bytelion.com/services/ux-capabilities/"><span style="font-weight: 400;">Usability testing</span></a><span style="font-weight: 400;">, a research method in which UX designers observe and understand how people interact with interfaces, is a great way to ensure that designs are easy to use on different platforms. eCommerce websites that think ‘mobile-first’ save a lot of money during the design and development process by strategically building for both a mobile and desktop audience. </span></p>
	</div>
</div>




			</div> 
		</div>
	</div> 
</div></div>
		<div id="fws_61c65eca8bcec"  data-column-margin="default" data-midnight="dark"  class="wpb_row vc_row-fluid vc_row standard_section "  style="padding-top: 0px; padding-bottom: 0px; "><div class="row-bg-wrap" data-bg-animation="none" data-bg-overlay="false"><div class="inner-wrap"><div class="row-bg"  style=""></div></div><div class="row-bg-overlay" ></div></div><div class="row_col_wrap_12 col span_12 dark left">
	<div  class="vc_col-sm-12 wpb_column column_container vc_column_container col no-extra-padding"  data-t-w-inherits="default" data-bg-cover="" data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-hover-bg="" data-hover-bg-opacity="1" data-animation="" data-delay="0" >
		<div class="vc_column-inner" ><div class="column-bg-overlay-wrap" data-bg-animation="none"><div class="column-bg-overlay"></div></div>
			<div class="wpb_wrapper">
				<div class="divider-wrap" data-alignment="default"><div style="height: 25px;" class="divider"></div></div><div class="img-with-aniamtion-wrap " data-max-width="100%" data-max-width-mobile="100%" data-border-radius="" data-shadow="none" data-animation="fade-in" >
      <div class="inner">
        <div class="hover-wrap" data-hover-animation="none"> 
          <div class="hover-wrap-inner">
            <img class="img-with-animation skip-lazy " data-delay="0" height="918" width="1152" data-animation="fade-in" src="https://www.bytelion.com/wp-content/uploads/2020/04/bh-desktop-example2_blog-post.jpg" alt="Screenshot of B&amp;H&#039;s homepage on a desktop." srcset="https://www.bytelion.com/wp-content/uploads/2020/04/bh-desktop-example2_blog-post.jpg 1152w, https://www.bytelion.com/wp-content/uploads/2020/04/bh-desktop-example2_blog-post-300x239.jpg 300w, https://www.bytelion.com/wp-content/uploads/2020/04/bh-desktop-example2_blog-post-768x612.jpg 768w, https://www.bytelion.com/wp-content/uploads/2020/04/bh-desktop-example2_blog-post-1024x816.jpg 1024w" sizes="(min-width: 1450px) 75vw, (min-width: 1000px) 85vw, 100vw" />
          </div>
        </div>
      </div>
    </div><div class="divider-wrap" data-alignment="default"><div style="height: 25px;" class="divider"></div></div>
			</div> 
		</div>
	</div> 
</div></div>
		<div id="fws_61c65eca8c6f5"  data-column-margin="default" data-midnight="dark"  class="wpb_row vc_row-fluid vc_row standard_section "  style="padding-top: 0px; padding-bottom: 25px; "><div class="row-bg-wrap" data-bg-animation="none" data-bg-overlay="false"><div class="inner-wrap"><div class="row-bg"  style=""></div></div><div class="row-bg-overlay" ></div></div><div class="row_col_wrap_12 col span_12 dark left">
	<div  class="vc_col-sm-6 wpb_column column_container vc_column_container col padding-10-percent"  data-t-w-inherits="default" data-bg-cover="" data-padding-pos="top-left" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-hover-bg="" data-hover-bg-opacity="1" data-animation="" data-delay="0" >
		<div class="vc_column-inner" ><div class="column-bg-overlay-wrap" data-bg-animation="none"><div class="column-bg-overlay"></div></div>
			<div class="wpb_wrapper">
				
<div class="wpb_text_column wpb_content_element " >
	<div class="wpb_wrapper">
		<p><span style="font-weight: 400;">B&amp;H’s website adapts to a user’s screen size. While product details and changing images are displayed to the user on the desktop website (shown above), the mobile-optimized website (shown right) is more intuitive for scrolling and tapping behaviors, which makes it user-friendly for small screens. </span></p>
<p><span style="font-weight: 400;">The navigation bar is consolidated into a menu to save screen size, and large buttons replace text, which makes tapping easier. Product category tiles stack to prevent crowding on the page, which lets visitors easily scroll through their options to find what they need.</span></p>
	</div>
</div>




			</div> 
		</div>
	</div> 

	<div  class="vc_col-sm-6 wpb_column column_container vc_column_container col padding-15-percent"  data-t-w-inherits="default" data-bg-cover="" data-padding-pos="right" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-hover-bg="" data-hover-bg-opacity="1" data-animation="" data-delay="0" >
		<div class="vc_column-inner" ><div class="column-bg-overlay-wrap" data-bg-animation="none"><div class="column-bg-overlay"></div></div>
			<div class="wpb_wrapper">
				<div class="img-with-aniamtion-wrap " data-max-width="100%" data-max-width-mobile="100%" data-border-radius="" data-shadow="none" data-animation="fade-in" >
      <div class="inner">
        <div class="hover-wrap" data-hover-animation="none"> 
          <div class="hover-wrap-inner">
            <img class="img-with-animation skip-lazy " data-delay="0" height="790" width="540" data-animation="fade-in" src="https://www.bytelion.com/wp-content/uploads/2020/04/bh-mobile-example_blog-post.jpg" alt="Screenshot of B&amp;H&#039;s homepage seen on a mobile view." srcset="https://www.bytelion.com/wp-content/uploads/2020/04/bh-mobile-example_blog-post.jpg 540w, https://www.bytelion.com/wp-content/uploads/2020/04/bh-mobile-example_blog-post-205x300.jpg 205w" sizes="(min-width: 1450px) 75vw, (min-width: 1000px) 85vw, 100vw" />
          </div>
        </div>
      </div>
    </div>
			</div> 
		</div>
	</div> 
</div></div>
		<div id="fws_61c65eca8cfbb"  data-column-margin="default" data-midnight="dark"  class="wpb_row vc_row-fluid vc_row standard_section "  style="padding-top: 0px; padding-bottom: 0px; "><div class="row-bg-wrap" data-bg-animation="none" data-bg-overlay="false"><div class="inner-wrap"><div class="row-bg"  style=""></div></div><div class="row-bg-overlay" ></div></div><div class="row_col_wrap_12 col span_12 dark left">
	<div  class="vc_col-sm-12 wpb_column column_container vc_column_container col no-extra-padding"  data-t-w-inherits="default" data-bg-cover="" data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-hover-bg="" data-hover-bg-opacity="1" data-animation="" data-delay="0" >
		<div class="vc_column-inner" ><div class="column-bg-overlay-wrap" data-bg-animation="none"><div class="column-bg-overlay"></div></div>
			<div class="wpb_wrapper">
				
<div class="wpb_text_column wpb_content_element " >
	<div class="wpb_wrapper">
		<h3>2. Make sure your calls-to-action (CTAs) are crystal clear to shoppers</h3>
<p><span style="font-weight: 400;">Your goal is to help visitors find what they need and complete their purchase. By keeping the visitor’s next steps clear, you help reduce user confusion and potential frustration. CTAs such as “Add to Cart” or “Check Out” should be clear, large, and easily visible to your shoppers. </span></p>
<p><span style="font-weight: 400;">This is a great opportunity to use some of your brand colors too, but make sure that your font size and colors make your buttons legible. UX designers regularly conduct </span><a href="https://www.bytelion.com/services/ux-capabilities/"><span style="font-weight: 400;">user interviews</span></a><span style="font-weight: 400;"> to help inform site design decisions that keep the customer in mind. <strong>The effectiveness of website CTAs can often fall on labeling, color and other visual indicators.</strong> For example, buttons labeled “Submit” vs. “Cancel” should be easily distinguishable from one another by utilizing different colors, icons, text and formatting. </span></p>
	</div>
</div>




			</div> 
		</div>
	</div> 
</div></div>
		<div id="fws_61c65eca8d232"  data-column-margin="default" data-midnight="dark"  class="wpb_row vc_row-fluid vc_row standard_section "  style="padding-top: 0px; padding-bottom: 0px; "><div class="row-bg-wrap" data-bg-animation="none" data-bg-overlay="false"><div class="inner-wrap"><div class="row-bg"  style=""></div></div><div class="row-bg-overlay" ></div></div><div class="row_col_wrap_12 col span_12 dark left">
	<div  class="vc_col-sm-12 wpb_column column_container vc_column_container col no-extra-padding"  data-t-w-inherits="default" data-bg-cover="" data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-hover-bg="" data-hover-bg-opacity="1" data-animation="" data-delay="0" >
		<div class="vc_column-inner" ><div class="column-bg-overlay-wrap" data-bg-animation="none"><div class="column-bg-overlay"></div></div>
			<div class="wpb_wrapper">
				<div class="divider-wrap" data-alignment="default"><div style="height: 25px;" class="divider"></div></div><div class="img-with-aniamtion-wrap " data-max-width="100%" data-max-width-mobile="100%" data-border-radius="" data-shadow="none" data-animation="fade-in" >
      <div class="inner">
        <div class="hover-wrap" data-hover-animation="none"> 
          <div class="hover-wrap-inner">
            <img class="img-with-animation skip-lazy " data-delay="0" height="864" width="1152" data-animation="fade-in" src="https://www.bytelion.com/wp-content/uploads/2020/04/etsy-example2_blog-post.jpg" alt="Screenshot of a product detail page on Etsy." srcset="https://www.bytelion.com/wp-content/uploads/2020/04/etsy-example2_blog-post.jpg 1152w, https://www.bytelion.com/wp-content/uploads/2020/04/etsy-example2_blog-post-300x225.jpg 300w, https://www.bytelion.com/wp-content/uploads/2020/04/etsy-example2_blog-post-768x576.jpg 768w, https://www.bytelion.com/wp-content/uploads/2020/04/etsy-example2_blog-post-1024x768.jpg 1024w" sizes="(min-width: 1450px) 75vw, (min-width: 1000px) 85vw, 100vw" />
          </div>
        </div>
      </div>
    </div><div class="divider-wrap" data-alignment="default"><div style="height: 25px;" class="divider"></div></div>
			</div> 
		</div>
	</div> 
</div></div>
		<div id="fws_61c65eca8da8c"  data-column-margin="default" data-midnight="dark"  class="wpb_row vc_row-fluid vc_row standard_section "  style="padding-top: 0px; padding-bottom: 25px; "><div class="row-bg-wrap" data-bg-animation="none" data-bg-overlay="false"><div class="inner-wrap"><div class="row-bg"  style=""></div></div><div class="row-bg-overlay" ></div></div><div class="row_col_wrap_12 col span_12 dark left">
	<div  class="vc_col-sm-12 wpb_column column_container vc_column_container col no-extra-padding"  data-t-w-inherits="default" data-bg-cover="" data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-hover-bg="" data-hover-bg-opacity="1" data-animation="" data-delay="0" >
		<div class="vc_column-inner" ><div class="column-bg-overlay-wrap" data-bg-animation="none"><div class="column-bg-overlay"></div></div>
			<div class="wpb_wrapper">
				
<div class="wpb_text_column wpb_content_element " >
	<div class="wpb_wrapper">
		<p><span style="font-weight: 400;">The CTAs on Etsy’s website are large and emphasized by bold outlines or filled in with black to make it stand out on the page. The button text is legible to shoppers, and by using different designs for each of the buttons, it is clear to users that the buttons complete different actions. Additionally, the site utilizes icons that help to show shoppers what they can expect to come next.</span></p>
	</div>
</div>




			</div> 
		</div>
	</div> 
</div></div>
		<div id="fws_61c65eca8dc6e"  data-column-margin="default" data-midnight="dark"  class="wpb_row vc_row-fluid vc_row standard_section "  style="padding-top: 0px; padding-bottom: 0px; "><div class="row-bg-wrap" data-bg-animation="none" data-bg-overlay="false"><div class="inner-wrap"><div class="row-bg"  style=""></div></div><div class="row-bg-overlay" ></div></div><div class="row_col_wrap_12 col span_12 dark left">
	<div  class="vc_col-sm-12 wpb_column column_container vc_column_container col no-extra-padding"  data-t-w-inherits="default" data-bg-cover="" data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-hover-bg="" data-hover-bg-opacity="1" data-animation="" data-delay="0" >
		<div class="vc_column-inner" ><div class="column-bg-overlay-wrap" data-bg-animation="none"><div class="column-bg-overlay"></div></div>
			<div class="wpb_wrapper">
				
<div class="wpb_text_column wpb_content_element " >
	<div class="wpb_wrapper">
		<h3>3. The checkout process should be effortless</h3>
<p><span style="font-weight: 400;">The checkout process is often a website’s make-it-or-break-it point. <strong>Once shoppers have their credit cards ready, they will be the most critical about their confidence in you as a company.</strong> A well-designed checkout process should be simple and transparent to keep online shoppers at ease.</span></p>
<p><span style="font-weight: 400;">Keep the checkout process short and straightforward. Only ask for information you actually need to complete the purchase. Visualizing the shopper’s progress with a completion bar, for example, also helps set their expectations of how close they are to finalizing their purchase. Visitors should also have the option to check out as a guest, especially since some shoppers will be hesitant to provide more information than necessary. You can recommend making an account to make future checkouts easier, but forcing visitors is a guaranteed way to lose potential sales.</span></p>
<p><span style="font-weight: 400;"><strong>Transparency is key when it comes to building trust.</strong> Shoppers will not share sensitive information if they think a website is sketchy or unsafe. To build trust, provide transparency in pricing, including the breakdown of taxes and shipping costs. Apart from sheer convenience, accepting payment methods such as PayPal and Apple Pay can also help provide a sense of security to the customer by allowing them to pay through a linked trusted account.</span></p>
	</div>
</div>



<div id="fws_61c65eca8e6d6" data-midnight="" data-column-margin="default" class="wpb_row vc_row-fluid vc_row inner_row standard_section   "  style="padding-top: 0px; padding-bottom: 0px; "><div class="row-bg-wrap"> <div class="row-bg" ></div> </div><div class="row_col_wrap_12_inner col span_12  ">
	<div  class="vc_col-sm-4 wpb_column column_container vc_column_container col child_column no-extra-padding"   data-t-w-inherits="default" data-bg-cover="" data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-hover-bg="" data-hover-bg-opacity="1" data-animation="" data-delay="0">
		<div class="vc_column-inner" ><div class="column-bg-overlay-wrap" data-bg-animation="none"><div class="column-bg-overlay"></div></div>
		<div class="wpb_wrapper">
			
		</div> 
	</div>
	</div> 

	<div  class="vc_col-sm-4 wpb_column column_container vc_column_container col child_column padding-3-percent"   data-t-w-inherits="default" data-bg-cover="" data-padding-pos="top-left" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-hover-bg="" data-hover-bg-opacity="1" data-animation="" data-delay="0">
		<div class="vc_column-inner" ><div class="column-bg-overlay-wrap" data-bg-animation="none"><div class="column-bg-overlay"></div></div>
		<div class="wpb_wrapper">
			
	<div class="wpb_raw_code wpb_content_element wpb_raw_html" >
		<div class="wpb_wrapper">
			<!--HubSpot Call-to-Action Code --><span class="hs-cta-wrapper" id="hs-cta-wrapper-6d16aa66-4576-4559-b76a-078081cf65c1"><span class="hs-cta-node hs-cta-6d16aa66-4576-4559-b76a-078081cf65c1" id="hs-cta-6d16aa66-4576-4559-b76a-078081cf65c1"><!--[if lte IE 8]><div id="hs-cta-ie-element"></div><![endif]--><a href="https://cta-redirect.hubspot.com/cta/redirect/1094975/6d16aa66-4576-4559-b76a-078081cf65c1"  target="_blank" ><img class="hs-cta-img" id="hs-cta-img-6d16aa66-4576-4559-b76a-078081cf65c1" style="border-width:0px;" src="https://no-cache.hubspot.com/cta/default/1094975/6d16aa66-4576-4559-b76a-078081cf65c1.png"  alt="FREE AUDIT"/></a></span><script charset="utf-8" src="https://js.hscta.net/cta/current.js"></script><script type="text/javascript"> hbspt.cta.load(1094975, '6d16aa66-4576-4559-b76a-078081cf65c1', {}); </script></span><!-- end HubSpot Call-to-Action Code -->
		</div>
	</div>

		</div> 
	</div>
	</div> 

	<div  class="vc_col-sm-4 wpb_column column_container vc_column_container col child_column no-extra-padding"   data-t-w-inherits="default" data-bg-cover="" data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-hover-bg="" data-hover-bg-opacity="1" data-animation="" data-delay="0">
		<div class="vc_column-inner" ><div class="column-bg-overlay-wrap" data-bg-animation="none"><div class="column-bg-overlay"></div></div>
		<div class="wpb_wrapper">
			
		</div> 
	</div>
	</div> 
</div></div>
			</div> 
		</div>
	</div> 
</div></div>
		<div id="fws_61c65eca8ecc8"  data-column-margin="default" data-midnight="dark"  class="wpb_row vc_row-fluid vc_row standard_section "  style="padding-top: 0px; padding-bottom: 0px; "><div class="row-bg-wrap" data-bg-animation="none" data-bg-overlay="false"><div class="inner-wrap"><div class="row-bg"  style=""></div></div><div class="row-bg-overlay" ></div></div><div class="row_col_wrap_12 col span_12 dark left">
	<div  class="vc_col-sm-12 wpb_column column_container vc_column_container col no-extra-padding"  data-t-w-inherits="default" data-bg-cover="" data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-hover-bg="" data-hover-bg-opacity="1" data-animation="" data-delay="0" >
		<div class="vc_column-inner" ><div class="column-bg-overlay-wrap" data-bg-animation="none"><div class="column-bg-overlay"></div></div>
			<div class="wpb_wrapper">
				<div class="divider-wrap" data-alignment="default"><div style="height: 25px;" class="divider"></div></div><div class="img-with-aniamtion-wrap " data-max-width="100%" data-max-width-mobile="100%" data-border-radius="" data-shadow="none" data-animation="fade-in" >
      <div class="inner">
        <div class="hover-wrap" data-hover-animation="none"> 
          <div class="hover-wrap-inner">
            <img class="img-with-animation skip-lazy " data-delay="0" height="845" width="1171" data-animation="fade-in" src="https://www.bytelion.com/wp-content/uploads/2020/04/amazon-example_blog-post.jpg" alt="Screenshot of Amazon&#039;s checkout process." srcset="https://www.bytelion.com/wp-content/uploads/2020/04/amazon-example_blog-post.jpg 1171w, https://www.bytelion.com/wp-content/uploads/2020/04/amazon-example_blog-post-300x216.jpg 300w, https://www.bytelion.com/wp-content/uploads/2020/04/amazon-example_blog-post-768x554.jpg 768w, https://www.bytelion.com/wp-content/uploads/2020/04/amazon-example_blog-post-1024x739.jpg 1024w" sizes="(min-width: 1450px) 75vw, (min-width: 1000px) 85vw, 100vw" />
          </div>
        </div>
      </div>
    </div><div class="divider-wrap" data-alignment="default"><div style="height: 25px;" class="divider"></div></div>
			</div> 
		</div>
	</div> 
</div></div>
		<div id="fws_61c65eca8f600"  data-column-margin="default" data-midnight="dark"  class="wpb_row vc_row-fluid vc_row standard_section "  style="padding-top: 0px; padding-bottom: 25px; "><div class="row-bg-wrap" data-bg-animation="none" data-bg-overlay="false"><div class="inner-wrap"><div class="row-bg"  style=""></div></div><div class="row-bg-overlay" ></div></div><div class="row_col_wrap_12 col span_12 dark left">
	<div  class="vc_col-sm-12 wpb_column column_container vc_column_container col no-extra-padding"  data-t-w-inherits="default" data-bg-cover="" data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-hover-bg="" data-hover-bg-opacity="1" data-animation="" data-delay="0" >
		<div class="vc_column-inner" ><div class="column-bg-overlay-wrap" data-bg-animation="none"><div class="column-bg-overlay"></div></div>
			<div class="wpb_wrapper">
				
<div class="wpb_text_column wpb_content_element " >
	<div class="wpb_wrapper">
		<p><span style="font-weight: 400;">The reason why Amazon comes up often in eCommerce examples is due to the thought they put behind their online shopping UX. In a single page, shoppers can review their default shipping and payment information while still having the option to make any changes. By providing transparency in shipping options, cost breakdown, and only showing the last four digits of the credit card number, Amazon builds user trust and credibility. It does not get much easier than placing an order with one click.</span></p>
	</div>
</div>




			</div> 
		</div>
	</div> 
</div></div>
		<div id="fws_61c65eca8f7cd"  data-column-margin="default" data-midnight="dark"  class="wpb_row vc_row-fluid vc_row standard_section "  style="padding-top: 0px; padding-bottom: 0px; "><div class="row-bg-wrap" data-bg-animation="none" data-bg-overlay="false"><div class="inner-wrap"><div class="row-bg"  style=""></div></div><div class="row-bg-overlay" ></div></div><div class="row_col_wrap_12 col span_12 dark left">
	<div  class="vc_col-sm-12 wpb_column column_container vc_column_container col no-extra-padding"  data-t-w-inherits="default" data-bg-cover="" data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-hover-bg="" data-hover-bg-opacity="1" data-animation="" data-delay="0" >
		<div class="vc_column-inner" ><div class="column-bg-overlay-wrap" data-bg-animation="none"><div class="column-bg-overlay"></div></div>
			<div class="wpb_wrapper">
				
<div class="wpb_text_column wpb_content_element " >
	<div class="wpb_wrapper">
		<h3>4. Visitors should easily find what they are looking for</h3>
<p><span style="font-weight: 400;">Simply put, users should know where they are on your site at all times and should be able to easily move through the pages to find what they are looking for. Information on the page should be clear, whether the customer is looking at details for a specific product or browsing through a category of related items. <strong>How your website pages are structured is incredibly important,</strong></span><strong><a href="https://www.bytelion.com/services/ux-capabilities/"> balancing the defined user needs on your website, while also considering search engine optimization (SEO)</a></strong><span style="font-weight: 400;"><strong>.</strong> A well-designed eCommerce site will provide easy navigation for new customers as well as specificity that helps returning customers find exactly what they need. Providing a </span><a href="https://www.bytelion.com/advanced-search-features-algolia/"><span style="font-weight: 400;">search bar</span></a><span style="font-weight: 400;"> is a great example of a website feature used to help customers quickly find specific items they have in mind.</span></p>
	</div>
</div>




			</div> 
		</div>
	</div> 
</div></div>
		<div id="fws_61c65eca8fa10"  data-column-margin="default" data-midnight="dark"  class="wpb_row vc_row-fluid vc_row standard_section "  style="padding-top: 0px; padding-bottom: 0px; "><div class="row-bg-wrap" data-bg-animation="none" data-bg-overlay="false"><div class="inner-wrap"><div class="row-bg"  style=""></div></div><div class="row-bg-overlay" ></div></div><div class="row_col_wrap_12 col span_12 dark left">
	<div  class="vc_col-sm-12 wpb_column column_container vc_column_container col no-extra-padding"  data-t-w-inherits="default" data-bg-cover="" data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-hover-bg="" data-hover-bg-opacity="1" data-animation="" data-delay="0" >
		<div class="vc_column-inner" ><div class="column-bg-overlay-wrap" data-bg-animation="none"><div class="column-bg-overlay"></div></div>
			<div class="wpb_wrapper">
				<div class="divider-wrap" data-alignment="default"><div style="height: 25px;" class="divider"></div></div><div class="img-with-aniamtion-wrap " data-max-width="100%" data-max-width-mobile="100%" data-border-radius="" data-shadow="none" data-animation="fade-in" >
      <div class="inner">
        <div class="hover-wrap" data-hover-animation="none"> 
          <div class="hover-wrap-inner">
            <img class="img-with-animation skip-lazy " data-delay="0" height="893" width="1152" data-animation="fade-in" src="https://www.bytelion.com/wp-content/uploads/2020/04/nike-example2_blog-post.jpg" alt="Screenshot of Nike&#039;s navigation bar and categories as seen from the homepage." srcset="https://www.bytelion.com/wp-content/uploads/2020/04/nike-example2_blog-post.jpg 1152w, https://www.bytelion.com/wp-content/uploads/2020/04/nike-example2_blog-post-300x233.jpg 300w, https://www.bytelion.com/wp-content/uploads/2020/04/nike-example2_blog-post-768x595.jpg 768w, https://www.bytelion.com/wp-content/uploads/2020/04/nike-example2_blog-post-1024x794.jpg 1024w" sizes="(min-width: 1450px) 75vw, (min-width: 1000px) 85vw, 100vw" />
          </div>
        </div>
      </div>
    </div><div class="divider-wrap" data-alignment="default"><div style="height: 25px;" class="divider"></div></div>
			</div> 
		</div>
	</div> 
</div></div>
		<div id="fws_61c65eca90276"  data-column-margin="default" data-midnight="dark"  class="wpb_row vc_row-fluid vc_row standard_section "  style="padding-top: 0px; padding-bottom: 25px; "><div class="row-bg-wrap" data-bg-animation="none" data-bg-overlay="false"><div class="inner-wrap"><div class="row-bg"  style=""></div></div><div class="row-bg-overlay" ></div></div><div class="row_col_wrap_12 col span_12 dark left">
	<div  class="vc_col-sm-12 wpb_column column_container vc_column_container col no-extra-padding"  data-t-w-inherits="default" data-bg-cover="" data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-hover-bg="" data-hover-bg-opacity="1" data-animation="" data-delay="0" >
		<div class="vc_column-inner" ><div class="column-bg-overlay-wrap" data-bg-animation="none"><div class="column-bg-overlay"></div></div>
			<div class="wpb_wrapper">
				
<div class="wpb_text_column wpb_content_element " >
	<div class="wpb_wrapper">
		<p><span style="font-weight: 400;">Nike provides very simple navigation for its shoppers. With only a few main categories, visitors are not overwhelmed and can easily find relevant subcategories when hovering over the navigation bar. A search bar is also available for shoppers who know what they want and can be used by entering specific keywords to return results.</span></p>
	</div>
</div>




			</div> 
		</div>
	</div> 
</div></div>
		<div id="fws_61c65eca9045b"  data-column-margin="default" data-midnight="dark"  class="wpb_row vc_row-fluid vc_row standard_section "  style="padding-top: 0px; padding-bottom: 0px; "><div class="row-bg-wrap" data-bg-animation="none" data-bg-overlay="false"><div class="inner-wrap"><div class="row-bg"  style=""></div></div><div class="row-bg-overlay" ></div></div><div class="row_col_wrap_12 col span_12 dark left">
	<div  class="vc_col-sm-12 wpb_column column_container vc_column_container col no-extra-padding"  data-t-w-inherits="default" data-bg-cover="" data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-hover-bg="" data-hover-bg-opacity="1" data-animation="" data-delay="0" >
		<div class="vc_column-inner" ><div class="column-bg-overlay-wrap" data-bg-animation="none"><div class="column-bg-overlay"></div></div>
			<div class="wpb_wrapper">
				
<div class="wpb_text_column wpb_content_element " >
	<div class="wpb_wrapper">
		<h3>5. Product details should communicate information the shopper needs</h3>
<p><span style="font-weight: 400;">Unlike shopping in a store, eCommerce shoppers are dependent on your product detail pages to understand the product they are considering purchasing. An effective product page is designed around the information that is most important to your visitor. </span></p>
<p><span style="font-weight: 400;">Product names should be clear and descriptions be concise and include all the necessary details. Additionally, product images are also critical since this will be one of the first ways shoppers identify both the item and its quality. Having high-resolution photos and multiple angles help build customer trust that they will be getting what they purchase. </span><strong>The contents of your descriptions and product details will differ from product to product; however including a few sentences and dimensions or sizes are a good start.</strong></p>
<p><span style="font-weight: 400;">As you learn about your users’ needs and habits, the next step to creating a delightful shopping experience is by personalizing content. Perhaps your user seems to like a specific item or style based on previous purchase or browsing information? When viewing a product page, offering suggested items that align with the user’s interests presents them valuable information and can help increase sales.</span></p>
	</div>
</div>




			</div> 
		</div>
	</div> 
</div></div>
		<div id="fws_61c65eca90680"  data-column-margin="default" data-midnight="dark"  class="wpb_row vc_row-fluid vc_row standard_section "  style="padding-top: 0px; padding-bottom: 0px; "><div class="row-bg-wrap" data-bg-animation="none" data-bg-overlay="false"><div class="inner-wrap"><div class="row-bg"  style=""></div></div><div class="row-bg-overlay" ></div></div><div class="row_col_wrap_12 col span_12 dark left">
	<div  class="vc_col-sm-12 wpb_column column_container vc_column_container col no-extra-padding"  data-t-w-inherits="default" data-bg-cover="" data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-hover-bg="" data-hover-bg-opacity="1" data-animation="" data-delay="0" >
		<div class="vc_column-inner" ><div class="column-bg-overlay-wrap" data-bg-animation="none"><div class="column-bg-overlay"></div></div>
			<div class="wpb_wrapper">
				<div class="divider-wrap" data-alignment="default"><div style="height: 25px;" class="divider"></div></div><div class="img-with-aniamtion-wrap " data-max-width="100%" data-max-width-mobile="100%" data-border-radius="" data-shadow="none" data-animation="fade-in" >
      <div class="inner">
        <div class="hover-wrap" data-hover-animation="none"> 
          <div class="hover-wrap-inner">
            <img class="img-with-animation skip-lazy " data-delay="0" height="870" width="1280" data-animation="fade-in" src="https://www.bytelion.com/wp-content/uploads/2020/04/modcloth-example_blog-post.jpg" alt="Screenshot of ModCloth&#039;s product detail page." srcset="https://www.bytelion.com/wp-content/uploads/2020/04/modcloth-example_blog-post.jpg 1280w, https://www.bytelion.com/wp-content/uploads/2020/04/modcloth-example_blog-post-300x204.jpg 300w, https://www.bytelion.com/wp-content/uploads/2020/04/modcloth-example_blog-post-768x522.jpg 768w, https://www.bytelion.com/wp-content/uploads/2020/04/modcloth-example_blog-post-1024x696.jpg 1024w" sizes="(min-width: 1450px) 75vw, (min-width: 1000px) 85vw, 100vw" />
          </div>
        </div>
      </div>
    </div><div class="divider-wrap" data-alignment="default"><div style="height: 25px;" class="divider"></div></div>
			</div> 
		</div>
	</div> 
</div></div>
		<div id="fws_61c65eca90ea1"  data-column-margin="default" data-midnight="dark"  class="wpb_row vc_row-fluid vc_row standard_section "  style="padding-top: 0px; padding-bottom: 25px; "><div class="row-bg-wrap" data-bg-animation="none" data-bg-overlay="false"><div class="inner-wrap"><div class="row-bg"  style=""></div></div><div class="row-bg-overlay" ></div></div><div class="row_col_wrap_12 col span_12 dark left">
	<div  class="vc_col-sm-12 wpb_column column_container vc_column_container col no-extra-padding"  data-t-w-inherits="default" data-bg-cover="" data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-hover-bg="" data-hover-bg-opacity="1" data-animation="" data-delay="0" >
		<div class="vc_column-inner" ><div class="column-bg-overlay-wrap" data-bg-animation="none"><div class="column-bg-overlay"></div></div>
			<div class="wpb_wrapper">
				
<div class="wpb_text_column wpb_content_element " >
	<div class="wpb_wrapper">
		<p><span style="font-weight: 400;">ModCloth, a women’s clothing retailer, provides a clear product page and helps visitors easily find the information they need about an item. Multiple images are provided to show the product from different angles, with added personality to make the visitor’s experience more delightful. The title and pricing are very clear, as are potential discounts and ratings. Visitors can see all available sizes and colors, and the product descriptions and details are all available on the same page, separated by clickable tabs to prevent overwhelming amounts of information from appearing all at once.</span></p>
	</div>
</div>




			</div> 
		</div>
	</div> 
</div></div>
		<div id="fws_61c65eca9109d"  data-column-margin="default" data-midnight="dark"  class="wpb_row vc_row-fluid vc_row standard_section "  style="padding-top: 0px; padding-bottom: 0px; "><div class="row-bg-wrap" data-bg-animation="none" data-bg-overlay="false"><div class="inner-wrap"><div class="row-bg"  style=""></div></div><div class="row-bg-overlay" ></div></div><div class="row_col_wrap_12 col span_12 dark left">
	<div  class="vc_col-sm-12 wpb_column column_container vc_column_container col no-extra-padding"  data-t-w-inherits="default" data-bg-cover="" data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-hover-bg="" data-hover-bg-opacity="1" data-animation="" data-delay="0" >
		<div class="vc_column-inner" ><div class="column-bg-overlay-wrap" data-bg-animation="none"><div class="column-bg-overlay"></div></div>
			<div class="wpb_wrapper">
				
<div class="wpb_text_column wpb_content_element " >
	<div class="wpb_wrapper">
		<h3>6. eCommerce websites should cater to different shopping styles</h3>
<p><span style="font-weight: 400;"><strong>A successful eCommerce website is designed for the needs of various shopper types, including visitors who are browsing as well as buyers that know exactly what they want.</strong> When a visitor is not sure what they are looking for, category pages are important. Understanding what types of products your website offers and being able to compare individual items within those categories helps visitors evaluate their options before making their selection. On the other hand, when a visitor knows what they are looking for, a combination of search and filters will help them find their product quickly. Filters are ideal for buyers who know what they want, since they display specific results that fit the shopper’s exact needs.</span></p>
	</div>
</div>




			</div> 
		</div>
	</div> 
</div></div>
		<div id="fws_61c65eca91281"  data-column-margin="default" data-midnight="dark"  class="wpb_row vc_row-fluid vc_row standard_section "  style="padding-top: 0px; padding-bottom: 0px; "><div class="row-bg-wrap" data-bg-animation="none" data-bg-overlay="false"><div class="inner-wrap"><div class="row-bg"  style=""></div></div><div class="row-bg-overlay" ></div></div><div class="row_col_wrap_12 col span_12 dark left">
	<div  class="vc_col-sm-12 wpb_column column_container vc_column_container col no-extra-padding"  data-t-w-inherits="default" data-bg-cover="" data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-hover-bg="" data-hover-bg-opacity="1" data-animation="" data-delay="0" >
		<div class="vc_column-inner" ><div class="column-bg-overlay-wrap" data-bg-animation="none"><div class="column-bg-overlay"></div></div>
			<div class="wpb_wrapper">
				<div class="divider-wrap" data-alignment="default"><div style="height: 25px;" class="divider"></div></div><div class="img-with-aniamtion-wrap " data-max-width="100%" data-max-width-mobile="100%" data-border-radius="" data-shadow="none" data-animation="fade-in" >
      <div class="inner">
        <div class="hover-wrap" data-hover-animation="none"> 
          <div class="hover-wrap-inner">
            <img class="img-with-animation skip-lazy " data-delay="0" height="918" width="1152" data-animation="fade-in" src="https://www.bytelion.com/wp-content/uploads/2020/04/airbnb-example2_blog-post.jpg" alt="Screenshot of Airbnb&#039;s filter options when booking accomodations." srcset="https://www.bytelion.com/wp-content/uploads/2020/04/airbnb-example2_blog-post.jpg 1152w, https://www.bytelion.com/wp-content/uploads/2020/04/airbnb-example2_blog-post-300x239.jpg 300w, https://www.bytelion.com/wp-content/uploads/2020/04/airbnb-example2_blog-post-768x612.jpg 768w, https://www.bytelion.com/wp-content/uploads/2020/04/airbnb-example2_blog-post-1024x816.jpg 1024w" sizes="(min-width: 1450px) 75vw, (min-width: 1000px) 85vw, 100vw" />
          </div>
        </div>
      </div>
    </div><div class="divider-wrap" data-alignment="default"><div style="height: 25px;" class="divider"></div></div>
			</div> 
		</div>
	</div> 
</div></div>
		<div id="fws_61c65eca91a67"  data-column-margin="default" data-midnight="dark"  class="wpb_row vc_row-fluid vc_row standard_section "  style="padding-top: 0px; padding-bottom: 0px; "><div class="row-bg-wrap" data-bg-animation="none" data-bg-overlay="false"><div class="inner-wrap"><div class="row-bg"  style=""></div></div><div class="row-bg-overlay" ></div></div><div class="row_col_wrap_12 col span_12 dark left">
	<div  class="vc_col-sm-12 wpb_column column_container vc_column_container col no-extra-padding"  data-t-w-inherits="default" data-bg-cover="" data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-hover-bg="" data-hover-bg-opacity="1" data-animation="" data-delay="0" >
		<div class="vc_column-inner" ><div class="column-bg-overlay-wrap" data-bg-animation="none"><div class="column-bg-overlay"></div></div>
			<div class="wpb_wrapper">
				
<div class="wpb_text_column wpb_content_element " >
	<div class="wpb_wrapper">
		<p><span style="font-weight: 400;">Airbnb’s website allows visitors to view all available accommodations for their location and timeframe on a map, organized in a list on the left side of the initial search. This helps guide browsers who want to view all their available options. For buyers with intent, the filter menu allows them to select exactly what they want from their stay, ranging from facilities to house rules to the language the host speaks.</span></p>
	</div>
</div>



<div class="divider-wrap" data-alignment="default"><div  data-width="100%" data-animate="" data-animation-delay="" data-color="default" class="divider-border"></div></div>
			</div> 
		</div>
	</div> 
</div></div>
		<div id="fws_61c65eca91c90"  data-column-margin="default" data-midnight="dark"  class="wpb_row vc_row-fluid vc_row standard_section "  style="padding-top: 0px; padding-bottom: 0px; "><div class="row-bg-wrap" data-bg-animation="none" data-bg-overlay="false"><div class="inner-wrap"><div class="row-bg"  style=""></div></div><div class="row-bg-overlay" ></div></div><div class="row_col_wrap_12 col span_12 dark left">
	<div  class="vc_col-sm-12 wpb_column column_container vc_column_container col no-extra-padding"  data-t-w-inherits="default" data-bg-cover="" data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-hover-bg="" data-hover-bg-opacity="1" data-animation="" data-delay="0" >
		<div class="vc_column-inner" ><div class="column-bg-overlay-wrap" data-bg-animation="none"><div class="column-bg-overlay"></div></div>
			<div class="wpb_wrapper">
				
<div class="wpb_text_column wpb_content_element " >
	<div class="wpb_wrapper">
		<h3>Bytelion&#8217;s Process</h3>
<p><span style="font-weight: 400;">Providing a positive eCommerce experience begins with the consumer and understanding how people shop online. The tips above are useful for optimizing your website, but it is also important to remember that there is no one-size-fits-all model for all eCommerce websites. The needs of someone looking for a specific cleaning product differs vastly from someone browsing for shoes to match an outfit. It’s also important to note that no website is able to do everything perfectly (</span><a href="https://www.cnet.com/news/im-pretty-frustrated-with-prime-day/"><span style="font-weight: 400;">even eCommerce giants like Amazon have received a lot of critique</span></a><span style="font-weight: 400;">), so it is important to understand your target customers. </span></p>
<p><span style="font-weight: 400;">To achieve an eCommerce website optimized for your customers, it requires a dedicated team of professionals to learn about customers’ needs through research, adapt website designs to fit those needs, and continue to follow customer and industry changes. UX work is not a one-time task but a dynamic process that evolves with your business. All eCommerce websites are different and approaches need to be personalized for each site and its customers. To learn more about our team and unique UX processes, </span><a href="https://www.bytelion.com/services/ux-capabilities/"><span style="font-weight: 400;">click here</span></a><span style="font-weight: 400;">. To see if your eCommerce site could use some outside feedback, sign up for a free audit <a href="http://bytelion-1094975.hs-sites.com/free-audit">here</a>!</span></p>
	</div>
</div>



<div id="fws_61c65eca91e38" data-midnight="" data-column-margin="default" class="wpb_row vc_row-fluid vc_row inner_row standard_section   "  style="padding-top: 0px; padding-bottom: 0px; "><div class="row-bg-wrap"> <div class="row-bg" ></div> </div><div class="row_col_wrap_12_inner col span_12  ">
	<div  class="vc_col-sm-4 wpb_column column_container vc_column_container col child_column no-extra-padding"   data-t-w-inherits="default" data-bg-cover="" data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-hover-bg="" data-hover-bg-opacity="1" data-animation="" data-delay="0">
		<div class="vc_column-inner" ><div class="column-bg-overlay-wrap" data-bg-animation="none"><div class="column-bg-overlay"></div></div>
		<div class="wpb_wrapper">
			
		</div> 
	</div>
	</div> 

	<div  class="vc_col-sm-4 wpb_column column_container vc_column_container col child_column padding-3-percent"   data-t-w-inherits="default" data-bg-cover="" data-padding-pos="top-left" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-hover-bg="" data-hover-bg-opacity="1" data-animation="" data-delay="0">
		<div class="vc_column-inner" ><div class="column-bg-overlay-wrap" data-bg-animation="none"><div class="column-bg-overlay"></div></div>
		<div class="wpb_wrapper">
			
	<div class="wpb_raw_code wpb_content_element wpb_raw_html" >
		<div class="wpb_wrapper">
			<!--HubSpot Call-to-Action Code --><span class="hs-cta-wrapper" id="hs-cta-wrapper-6d16aa66-4576-4559-b76a-078081cf65c1"><span class="hs-cta-node hs-cta-6d16aa66-4576-4559-b76a-078081cf65c1" id="hs-cta-6d16aa66-4576-4559-b76a-078081cf65c1"><!--[if lte IE 8]><div id="hs-cta-ie-element"></div><![endif]--><a href="https://cta-redirect.hubspot.com/cta/redirect/1094975/6d16aa66-4576-4559-b76a-078081cf65c1"  target="_blank" ><img class="hs-cta-img" id="hs-cta-img-6d16aa66-4576-4559-b76a-078081cf65c1" style="border-width:0px;" src="https://no-cache.hubspot.com/cta/default/1094975/6d16aa66-4576-4559-b76a-078081cf65c1.png"  alt="FREE AUDIT"/></a></span><script charset="utf-8" src="https://js.hscta.net/cta/current.js"></script><script type="text/javascript"> hbspt.cta.load(1094975, '6d16aa66-4576-4559-b76a-078081cf65c1', {}); </script></span><!-- end HubSpot Call-to-Action Code -->
		</div>
	</div>

		</div> 
	</div>
	</div> 

	<div  class="vc_col-sm-4 wpb_column column_container vc_column_container col child_column no-extra-padding"   data-t-w-inherits="default" data-bg-cover="" data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-hover-bg="" data-hover-bg-opacity="1" data-animation="" data-delay="0">
		<div class="vc_column-inner" ><div class="column-bg-overlay-wrap" data-bg-animation="none"><div class="column-bg-overlay"></div></div>
		<div class="wpb_wrapper">
			
		</div> 
	</div>
	</div> 
</div></div>
			</div> 
		</div>
	</div> 
</div></div>
<p>The post <a rel="nofollow" href="https://www.bytelion.com/6-key-ways-to-improve-your-ecommerce-user-experience/">6 Key Ways to Improve Your eCommerce User Experience</a> appeared first on <a rel="nofollow" href="https://www.bytelion.com">ByteLion</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.bytelion.com/6-key-ways-to-improve-your-ecommerce-user-experience/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>React Native Client-Side Data Storage Solutions</title>
		<link>https://www.bytelion.com/react-native-client-side-data-storage/</link>
					<comments>https://www.bytelion.com/react-native-client-side-data-storage/#respond</comments>
		
		<dc:creator><![CDATA[Greg Crouse]]></dc:creator>
		<pubDate>Tue, 21 Apr 2020 21:14:48 +0000</pubDate>
				<category><![CDATA[Mobile]]></category>
		<guid isPermaLink="false">https://www.bytelion.com/?p=10165</guid>

					<description><![CDATA[<p>In order to develop a mobile application with maximum DIL [Disconnected, Intermittent, Low-bandwidth] functionality, local data storage is essential. Within the React Native ecosystem, there are a number of options...</p>
<p>The post <a rel="nofollow" href="https://www.bytelion.com/react-native-client-side-data-storage/">React Native Client-Side Data Storage Solutions</a> appeared first on <a rel="nofollow" href="https://www.bytelion.com">ByteLion</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>In order to develop a mobile application with maximum <a href="https://www.bytelion.com/dil-environments/">DIL</a> [Disconnected, Intermittent, Low-bandwidth] functionality, local data storage is essential. Within the React Native ecosystem, there are a number of options to consider.</p>
<h3>Simple Storage Solutions</h3>
<p><a href="https://docs.expo.io/versions/latest/react-native/asyncstorage/"><span style="font-weight: 400;">AsyncStorage</span></a><span style="font-weight: 400;"> is an </span><span style="font-weight: 400;">asynchronous, unencrypted, persistent, key-value storage system. AsyncStorage is a perfect solution if the data to be stored is simple, lightweight, and not sensitive in nature. This solution is supported in bare and managed workflows in Expo.</span></p>
<p><a href="https://docs.expo.io/versions/latest/sdk/securestore/"><span style="font-weight: 400;">SecureStore</span></a><span style="font-weight: 400;"> is another </span><span style="font-weight: 400;">asynchronous, persistent, key-value storage </span><span style="font-weight: 400;">option available in React Native. SecureStore enables the storage of key-value pairs in an encrypted data store. The size limit is 2048 bytes for the value. </span><span style="font-weight: 400;">This solution is also supported in bare and managed workflows in Expo.</span></p>
<p><span style="font-weight: 400;">Persisting simple data in key-value pairs is highly useful but it is typical that mobile applications will require the storage of more complex data structures. Because of this need, there are many options to choose from.</span></p>
<h3>SQlite vs. NoSQL</h3>
<p><span style="font-weight: 400;">SQLite is a relational database management system (RDMS). It </span><span style="font-weight: 400;">uses tables where data is defined by columns and stored in rows. Each table has a unique name and may relate to one or more other tables in the database through common values.</span> <span style="font-weight: 400;">NoSQL databases are document-based, key-value pairs, graph databases or wide-column stores. They also do not have standard schema definitions that need to be adhered to. Additionally, No</span>SQL data stores are typically not relational.</p>
<p><span style="font-weight: 400;">SQL databases have a predefined schema. NoSQL databases have a dynamic schema for unstructured data. Therefore, migrations are necessary when schema changes are made when leveraging a SQL/SQLite database. For apps with the need to store unstructured or constantly changing data structures, a NoSQL solution is best. </span></p>
<p><span style="font-weight: 400;">SQL/SQLite databases are a better fit for complex query intensive applications. SQLite implementations often will have an abstraction layer to allow developers to interact with the database in the native language of the project. S</span>QLite also implements most of the Structured Query Language (SQL) standard. This allows developers to implement custom SQL queries if needed. In general, NoSQL databases don’t have standard interfaces to perform complex queries. Typically the queries themselves in NoSQL are not as powerful as SQL query language.</p>
<h3>React Native Datastore Options</h3>
<p><span style="font-weight: 400;">This is a list with a brief description of some of the options for client-side mobile application data storage solutions capable of handling more complex data than AsyncStorage or SecureStore.</span></p>
<p><span style="font-weight: 400;"><a href="https://www.npmjs.com/">NPM</a></span> <span style="font-weight: 400;">(Node.js Package Manager) is the most useful package manager for JavaScript. NPM is very commonly used by React Native developers to install critical libraries to be implemented into their mobile applications. Below is a graph generated using the NPM Trends tool. This gives a sense of how often the packages we are going to look at are downloaded by developers through NPM. It will also illustrate the current trends for data storage solutions in React Native.</span></p>
<p><img loading="lazy" class="alignnone wp-image-10178" src="https://www.bytelion.com/wp-content/uploads/2020/04/npm_dl_chart-300x139.png" alt="React Native NPM Downloads Graph" width="421" height="195" srcset="https://www.bytelion.com/wp-content/uploads/2020/04/npm_dl_chart-300x139.png 300w, https://www.bytelion.com/wp-content/uploads/2020/04/npm_dl_chart-768x357.png 768w, https://www.bytelion.com/wp-content/uploads/2020/04/npm_dl_chart-1024x476.png 1024w, https://www.bytelion.com/wp-content/uploads/2020/04/npm_dl_chart.png 1916w" sizes="(max-width: 421px) 100vw, 421px" /></p>
<p>_______________________</p>
<h3><img loading="lazy" class="wp-image-10192 alignleft" src="https://www.bytelion.com/wp-content/uploads/2020/04/sqlite-300x148.png" alt="" width="251" height="124" srcset="https://www.bytelion.com/wp-content/uploads/2020/04/sqlite-300x148.png 300w, https://www.bytelion.com/wp-content/uploads/2020/04/sqlite.png 752w" sizes="(max-width: 251px) 100vw, 251px" /></h3>
<h3>SQLite</h3>
<p><span style="font-weight: 400;">The React Native SQLite module creates a client-side SQLite database that can be queried through a WebSQL-like API. SQLite is a small, fast, reliable, and self-contained SQL database engine. It is one of the most commonly used database engines and is leveraged by all kinds of applications on any platform and is </span><a href="https://docs.expo.io/versions/latest/sdk/sqlite/"><span style="font-weight: 400;">supported in</span><span style="font-weight: 400;"> Expo</span></a><span style="font-weight: 400;"> managed and bare workflows. SQLite data stores can be encrypted using SQLite Encryption Extension (SEE) or plugins like SQLiteCrypt and SQLCipher. Unfortunately, it does not look like these libraries are supported in Expo managed workflows at the time of this writing (December 2019).</span></p>
<h3>realm</h3>
<p><img loading="lazy" class="wp-image-10176 alignright" src="https://www.bytelion.com/wp-content/uploads/2020/04/realm_logo-300x111.png" alt="realm" width="254" height="94" srcset="https://www.bytelion.com/wp-content/uploads/2020/04/realm_logo-300x111.png 300w, https://www.bytelion.com/wp-content/uploads/2020/04/realm_logo.png 656w" sizes="(max-width: 254px) 100vw, 254px" /></p>
<p><span style="font-weight: 400;">Realm is an object-oriented NoSQL database. As such it provides memory-efficient access to data by using Realm objects, which usually consume less RAM than native objects. Realm also has faster performance than SQLite and some othe</span>r data storage solutions. The client-side datastore includes a built-in framework for seamless data syncing with Realm backend storage solutions. Custom security protocols for each of the different device platforms is also one of the strengths of Realm. As of this writing (December 2019), Realm is not supported in Expo managed workflow.</p>
<p><span style="font-weight: 400;"><img loading="lazy" class="wp-image-10180 alignleft" src="https://www.bytelion.com/wp-content/uploads/2020/04/pouchdb_logo-300x111.png" alt="pouchdb" width="281" height="104" srcset="https://www.bytelion.com/wp-content/uploads/2020/04/pouchdb_logo-300x111.png 300w, https://www.bytelion.com/wp-content/uploads/2020/04/pouchdb_logo-768x285.png 768w, https://www.bytelion.com/wp-content/uploads/2020/04/pouchdb_logo.png 858w" sizes="(max-width: 281px) 100vw, 281px" /></span></p>
<h3>pouchDB</h3>
<p><span style="font-weight: 400;">Pouchbase is a client-side datastore with a JSON-based NoSQL interface</span><span style="font-weight: 400;">. It can be used as an abstraction layer over S</span>QLite or by default it ships with <a href="http://www.w3.org/TR/IndexedDB/">IndexedDB</a> adapter for the browser, and a <a href="https://code.google.com/p/leveldb/">LevelDB</a> adapter in Node.js. The primary reason to adopt PouchDB is to leverage the built-in framework to enable data synchronization with CouchDB server-side data storage solutions. Client-side PouchDB instances can be encrypted using the <a href="https://github.com/lil5/simple-cryptor-pouch">Simple-Cryptor-Pouch</a> plugin. As of this writing (December 2019), PouchDB is not supported in Expo managed workflow.</p>
<p><span style="font-weight: 400;"><img loading="lazy" class="wp-image-10179 size-medium alignright" src="https://www.bytelion.com/wp-content/uploads/2020/04/mongodb_logo-300x106.png" alt="mongoDB" width="300" height="106" srcset="https://www.bytelion.com/wp-content/uploads/2020/04/mongodb_logo-300x106.png 300w, https://www.bytelion.com/wp-content/uploads/2020/04/mongodb_logo-768x271.png 768w, https://www.bytelion.com/wp-content/uploads/2020/04/mongodb_logo.png 772w" sizes="(max-width: 300px) 100vw, 300px" /></span></p>
<h3>mongoDB</h3>
<p><span style="font-weight: 400;">MongoDB is a document-based NoSQL database that reads and writes JavaScript objects. It includes the ability to </span>sync to MongoDB backend datastore. The ability to encrypt the client-side data store instance is built-in. As of writing (Dec 2019) MongoDB is not supported in Expo managed workflow.</p>
<p><img loading="lazy" class="wp-image-10177 alignleft" src="https://www.bytelion.com/wp-content/uploads/2020/04/couchbase_logo-300x141.png" alt="Couchbase" width="272" height="128" srcset="https://www.bytelion.com/wp-content/uploads/2020/04/couchbase_logo-300x141.png 300w, https://www.bytelion.com/wp-content/uploads/2020/04/couchbase_logo-768x361.png 768w, https://www.bytelion.com/wp-content/uploads/2020/04/couchbase_logo.png 834w" sizes="(max-width: 272px) 100vw, 272px" /></p>
<h3>couchbase</h3>
<p>Note<span style="font-weight: 400;"> from develop</span>ers on the <a href="https://github.com/couchbaselabs/react-native-couchbase-lite">react-native-couchbase-lite</a> repo: This plugin works for Couchbase Lite 1.x only. For new projects, we recommend to use the Couchbase Lite 2.0 Native API and to write your own wrapper to access Couchbase Lite APIs from a JavaScript codebase (see <a href="https://facebook.github.io/react-native/docs/communication-ios.html">https://facebook.github.io/react-native/docs/communication-ios.html</a>).</p>
<p><b>Disclaimer</b><span style="font-weight: 400;"> on the </span><a href="https://github.com/couchbaselabs/react-native-couchbase-lite"><span style="font-weight: 400;">react-native-couchbase-lite</span></a><span style="font-weight: 400;"> repo: &#8220;</span><i><span style="font-weight: 400;">This package is not an official couchbase plugin and is not supported i</span></i><i>n any way by couchbase. If you have issues with it please do not use the couchbase forums but raise an issue </i><a href="https://github.com/couchbaselabs/react-native-couchbase-lite/issues"><i>here</i></a><i> instead. Although this package does work as described it may not be fully featured and may not be su</i><i>itable for your requirements. This packa</i><i>ge is just a thin layer over the CBL REST API, PRs and suggestions are welcome!&#8221;</i></p>
<p><span style="font-weight: 400;">It does not appear like the developers of Couchbase are currently supporting a React Native implementation of their client-side data storage solution. The best React Native compatible client-side data storage solution with b</span>uilt-in server-side Couchbase syncing at the time of writing (December 2019) is PouchDB.</p>
<p>If you are looking for application support as it relates to building applications in disconnected, intermittent, and low bandwidth environments (DIL), contact us <a href="https://www.bytelion.com/contact/">here</a>. <a href="https://www.bytelion.com/">Bytelion</a> has developed a <a href="https://www.bytelion.com/work/">portfolio</a> of apps meant to sustain connectivity and support local data storage.</p>
<p>The post <a rel="nofollow" href="https://www.bytelion.com/react-native-client-side-data-storage/">React Native Client-Side Data Storage Solutions</a> appeared first on <a rel="nofollow" href="https://www.bytelion.com">ByteLion</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.bytelion.com/react-native-client-side-data-storage/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Advanced Search Experience with Algolia</title>
		<link>https://www.bytelion.com/advanced-search-features-algolia/</link>
					<comments>https://www.bytelion.com/advanced-search-features-algolia/#respond</comments>
		
		<dc:creator><![CDATA[Adam Claure]]></dc:creator>
		<pubDate>Thu, 16 Apr 2020 13:07:26 +0000</pubDate>
				<category><![CDATA[Development]]></category>
		<guid isPermaLink="false">https://www.bytelion.com/?p=10128</guid>

					<description><![CDATA[<p>Providing the customer with an excellent search experience is one of the most overlooked aspects of successful eCommerce websites. According to Forrester Research, 43% of website visitors go directly to...</p>
<p>The post <a rel="nofollow" href="https://www.bytelion.com/advanced-search-features-algolia/">Advanced Search Experience with Algolia</a> appeared first on <a rel="nofollow" href="https://www.bytelion.com">ByteLion</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p><span style="font-weight: 400;">Providing the customer with an excellent searc</span>h experience is one of the most overlooked aspects of successful eCommerce websites. According to Forrester Research, 43% of website visitors go directly to the search bar when they open a website for the first time. This means that, for nearly half of your user base, the search functionality of your website will be their first impression, so it had better be good! ECommerce giants like Amazon fully understand this, so they have spent significant resources on ensuring that the search experience of their website is user-friendly and effective. Considering how universal Amazon is today, they have essentially set the bar for advanced search experiences, and as such, your average user will expect high-quality search by default.</p>
<p><img loading="lazy" class="alignright wp-image-10138" src="https://www.bytelion.com/wp-content/uploads/2020/04/Screen-Shot-2020-04-14-at-9.05.28-AM.png" alt="Algolia logo" width="526" height="189" srcset="https://www.bytelion.com/wp-content/uploads/2020/04/Screen-Shot-2020-04-14-at-9.05.28-AM.png 1176w, https://www.bytelion.com/wp-content/uploads/2020/04/Screen-Shot-2020-04-14-at-9.05.28-AM-300x108.png 300w, https://www.bytelion.com/wp-content/uploads/2020/04/Screen-Shot-2020-04-14-at-9.05.28-AM-768x276.png 768w, https://www.bytelion.com/wp-content/uploads/2020/04/Screen-Shot-2020-04-14-at-9.05.28-AM-1024x367.png 1024w" sizes="(max-width: 526px) 100vw, 526px" /></p>
<p><span style="font-weight: 400;">This p</span>oses a significant challenge to the average eCommerce website. Very few eCommerce websites have the resources that Amazon has to engineer this kind of experience from the ground up. After all, an online merchant is not a search engine company &#8211; they should be able to focus their time and resources on other aspects of the website. Nonetheless, users will be expecting a search experience that rivals that of Amazon’s. So how can the average online merchant deliver advanced search features their users expect without exhausting their resources?</p>
<p><span style="font-weight: 400;">One great option is to utilize a tool like Algolia! Algolia is “a hosted search engine, offering full-text, numerical, and faceted search, capable of delivering real-time results from the first keystroke.”  By using Algolia to implement a search solution, eCommerce sites can rest easy knowing that their search functionality is solid while freeing up resources to focus on other aspects of the platform. Let’s take a look at some of the advanced search features that are made easy by Algolia, and how it can help you drive sales and deliver the search experience that your customers expect. </span></p>
<p style="text-align: center;"><!--HubSpot Call-to-Action Code --><span id="hs-cta-wrapper-6d16aa66-4576-4559-b76a-078081cf65c1" class="hs-cta-wrapper"><span id="hs-cta-6d16aa66-4576-4559-b76a-078081cf65c1" class="hs-cta-node hs-cta-6d16aa66-4576-4559-b76a-078081cf65c1"><!-- [if lte IE 8]></p>





<div id="hs-cta-ie-element"></div>


<![endif]--><a href="https://cta-redirect.hubspot.com/cta/redirect/1094975/6d16aa66-4576-4559-b76a-078081cf65c1" target="_blank" rel="noopener"><img id="hs-cta-img-6d16aa66-4576-4559-b76a-078081cf65c1" class="hs-cta-img" style="border-width: 0px;" src="https://no-cache.hubspot.com/cta/default/1094975/6d16aa66-4576-4559-b76a-078081cf65c1.png" alt="FREE AUDIT" /></a></span><script charset="utf-8" src="https://js.hscta.net/cta/current.js"></script><script type="text/javascript"> hbspt.cta.load(1094975, '6d16aa66-4576-4559-b76a-078081cf65c1', {}); </script></span><!-- end HubSpot Call-to-Action Code --></p>
<p><img loading="lazy" class="alignright wp-image-10134" src="https://www.bytelion.com/wp-content/uploads/2020/04/Screen-Shot-2020-04-14-at-8.46.39-AM.png" alt="Guided search screenshot" width="419" height="247" srcset="https://www.bytelion.com/wp-content/uploads/2020/04/Screen-Shot-2020-04-14-at-8.46.39-AM.png 996w, https://www.bytelion.com/wp-content/uploads/2020/04/Screen-Shot-2020-04-14-at-8.46.39-AM-300x177.png 300w, https://www.bytelion.com/wp-content/uploads/2020/04/Screen-Shot-2020-04-14-at-8.46.39-AM-768x452.png 768w" sizes="(max-width: 419px) 100vw, 419px" /></p>
<h3>Guided Search</h3>
<p><span style="font-weight: 400;">A relatively simple but overlooked feature is what’s known as guided search. The screenshot above depicts the guided search feature on Coursera.com, whose search is powered by Algolia. As you can see, as the user types, they are recommended popular search terms. This helps to make the user’s experience more streamlined, so they can get to the product they’re looking for faster, or be inspired by some of the other popular search terms and decide to buy something else.</span></p>
<h3></h3>
<h3>Federated search</h3>
<p><span style="font-weight: 400;"><img loading="lazy" class="alignright wp-image-10161" src="https://www.bytelion.com/wp-content/uploads/2020/04/Screen-Shot-2020-04-15-at-9.17.45-AM.png" alt="Federated search screenshot" width="417" height="235" srcset="https://www.bytelion.com/wp-content/uploads/2020/04/Screen-Shot-2020-04-15-at-9.17.45-AM.png 955w, https://www.bytelion.com/wp-content/uploads/2020/04/Screen-Shot-2020-04-15-at-9.17.45-AM-300x169.png 300w, https://www.bytelion.com/wp-content/uploads/2020/04/Screen-Shot-2020-04-15-at-9.17.45-AM-768x432.png 768w" sizes="(max-width: 417px) 100vw, 417px" />Nowadays, it’s not uncommon to find content other than merchandise on an eCommerce site, such as blog posts, corporate news, FAQS, etc. Using federated search technology, search queries can be done on multiple content sources simultaneously. This means that when a user searches for a product, the results could also include, for example, any relevant blogs posts about the same or similar products. This increases visibility to non-merchandise content on your website and could potentially motivate users to spend more time on your website, which is always a good thing.</span></p>
<h3></h3>
<h3>Personalized search</h3>
<p><iframe width="1080" height="608" src="https://www.youtube.com/embed/ymd7VL233TQ?feature=oembed" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></p>
<p><span style="font-weight: 400;">A great search experience will not be the same for every user. Using personalized search features, search results on the same exact query can vary from user to user, based on a variety of factors. For example, a user that is located somewhere with a hot climate might have more warm-weather clothing in their results. The displayed results can also take a user’s past shopping habits into consideration, prioritizing brands that the user has purchased before. This helps to make the user’s shopping experience more relevant to them, increasing sales and customer satisfaction.</span></p>
<h3>Analytics</h3>
<p><img loading="lazy" class="alignright wp-image-10146" src="https://www.bytelion.com/wp-content/uploads/2020/04/Screen-Shot-2020-04-14-at-7.58.14-AM.png" alt="Analytics screenshot" width="494" height="153" srcset="https://www.bytelion.com/wp-content/uploads/2020/04/Screen-Shot-2020-04-14-at-7.58.14-AM.png 2422w, https://www.bytelion.com/wp-content/uploads/2020/04/Screen-Shot-2020-04-14-at-7.58.14-AM-300x93.png 300w, https://www.bytelion.com/wp-content/uploads/2020/04/Screen-Shot-2020-04-14-at-7.58.14-AM-768x238.png 768w, https://www.bytelion.com/wp-content/uploads/2020/04/Screen-Shot-2020-04-14-at-7.58.14-AM-1024x318.png 1024w" sizes="(max-width: 494px) 100vw, 494px" /></p>
<p>On top of all the great search features that Algolia provides for your customers, they provide valuable analytics into what your users are searching for and buying, all displayed in a convenient dashboard. At a glance, this allows you to see trending search terms, which search terms lead to the most conversions, which search terms are returning no results, and more. Even if Algolia did not provide any added search functionality to your website, these search metrics would be extremely valuable. These insights into what people are looking for and buying allows online merchants to rapidly respond to its customers’ shopping habits and take steps to increase sales.</p>
<h3>Conclusion</h3>
<p><span style="font-weight: 400;">These are just some of the advanced search features that Algolia can add to your eCommerce website, for a fraction of the cost of building them in-house. You can check out the documentation yourself at <a href="https://www.algolia.com/doc/">https://www.algolia.com/doc/</a> for a deep dive into the additional features they offer. Using the robust features of Algolia, on</span><span style="font-weight: 400;">e of our team members here at Bytelion helped improve the search experience on Under Armour&#8217;s website, resulting in <a href="https://resources.algolia.com/customer-stories/under-armour">35% increased conversions from search</a>. If you are interested in seeing similar improvements on your eCommerce site, please <a href="https://www.bytelion.com/contact/">contact us</a>. We can conduct a <strong>free</strong> eCommerce audit on your tool to give you actionable insights. </span></p>
<p style="text-align: center;"><!--HubSpot Call-to-Action Code --><span id="hs-cta-wrapper-6d16aa66-4576-4559-b76a-078081cf65c1" class="hs-cta-wrapper"><span id="hs-cta-6d16aa66-4576-4559-b76a-078081cf65c1" class="hs-cta-node hs-cta-6d16aa66-4576-4559-b76a-078081cf65c1"><!-- [if lte IE 8]></p>





<div id="hs-cta-ie-element"></div>


<![endif]--><a href="https://cta-redirect.hubspot.com/cta/redirect/1094975/6d16aa66-4576-4559-b76a-078081cf65c1" target="_blank" rel="noopener"><img id="hs-cta-img-6d16aa66-4576-4559-b76a-078081cf65c1" class="hs-cta-img" style="border-width: 0px;" src="https://no-cache.hubspot.com/cta/default/1094975/6d16aa66-4576-4559-b76a-078081cf65c1.png" alt="FREE AUDIT" /></a></span><script charset="utf-8" src="https://js.hscta.net/cta/current.js"></script><script type="text/javascript"> hbspt.cta.load(1094975, '6d16aa66-4576-4559-b76a-078081cf65c1', {}); </script></span><!-- end HubSpot Call-to-Action Code --></p>
<p>The post <a rel="nofollow" href="https://www.bytelion.com/advanced-search-features-algolia/">Advanced Search Experience with Algolia</a> appeared first on <a rel="nofollow" href="https://www.bytelion.com">ByteLion</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.bytelion.com/advanced-search-features-algolia/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Salesforce Commerce Cloud &#8211; Product to Customer Centric Enterprise</title>
		<link>https://www.bytelion.com/salesforce-commerce-cloud/</link>
					<comments>https://www.bytelion.com/salesforce-commerce-cloud/#respond</comments>
		
		<dc:creator><![CDATA[Sonika Kannegalla]]></dc:creator>
		<pubDate>Fri, 10 Apr 2020 22:03:20 +0000</pubDate>
				<category><![CDATA[Cloud Commerce]]></category>
		<category><![CDATA[Development]]></category>
		<guid isPermaLink="false">https://www.bytelion.com/?p=10062</guid>

					<description><![CDATA[<p>As technology evolves rapidly and shopping trends shift on a daily basis. eCommerce is in a constant state of adaptation that can leave brands fumbling in the dark. Bytelion has...</p>
<p>The post <a rel="nofollow" href="https://www.bytelion.com/salesforce-commerce-cloud/">Salesforce Commerce Cloud &#8211; Product to Customer Centric Enterprise</a> appeared first on <a rel="nofollow" href="https://www.bytelion.com">ByteLion</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p><span style="font-weight: 400;">As technology evolves rapidly and shopping trends shift on a daily basis. eCommerce is in a constant state of adaptation that can leave brands fumbling in the dark.<br />
</span></p>
<p><span style="font-weight: 400;"><a href="https://www.bytelion.com/">Bytelion</a> has worked with companies that employ a number of eCommerce tools, many of which don’t meet the challenges we face today. Ultimately, companies need to respond quickly to changing demands with flexible eCommerce built around your customers.</span></p>
<p><img loading="lazy" class="wp-image-10066 size-thumbnail alignright" src="https://www.bytelion.com/wp-content/uploads/2020/04/Screen-Shot-2020-04-10-at-7.54.06-AM-150x150.png" alt="B2B Commerce Cloud" width="150" height="150" srcset="https://www.bytelion.com/wp-content/uploads/2020/04/Screen-Shot-2020-04-10-at-7.54.06-AM-150x150.png 150w, https://www.bytelion.com/wp-content/uploads/2020/04/Screen-Shot-2020-04-10-at-7.54.06-AM-50x50.png 50w, https://www.bytelion.com/wp-content/uploads/2020/04/Screen-Shot-2020-04-10-at-7.54.06-AM-100x100.png 100w, https://www.bytelion.com/wp-content/uploads/2020/04/Screen-Shot-2020-04-10-at-7.54.06-AM-500x500.png 500w" sizes="(max-width: 150px) 100vw, 150px" /></p>
<h3><strong>Salesforce Commerce Cloud As Your  Solution</strong></h3>
<p><a href="https://www.salesforce.com/products/commerce-cloud/overview/?d=7010M000000j2nT&amp;DCMP=KNC-Google&amp;ef_id=EAIaIQobChMIrtXbzubl6AIVFKSzCh04iARrEAAYASAAEgJNlPD_BwE:G:s&amp;s_kwcid=AL!4604!3!355690362698!e!!g!!salesforce%20commerce%20cloud&amp;pcrid=355690362698&amp;pdv=c">Commerce Cloud</a><span style="font-weight: 400;"> is a multi-tenant, </span>cloud<span style="font-weight: 400;">-based </span>commerce<span style="font-weight: 400;"> platform that empowers brands to create intelligent, unified buyin</span>g experiences across all channels i.e. mobile, social, web, and store. Leveraging the power of the cloud, <a href="https://www.salesforce.com/">Salesforce</a> helps you craft innovative customer experiences that drive conversions and inspire brand loyalty. It allows companies to handle their entire business operations from a single place. <span style="font-weight: 400;">After 10+ years in the eCommerce world, <a href="https://www.bytelion.com/">Bytelion</a> has found Salesforce Commerce Cloud as a robust tool to ensure revenue stability and growth in times of economic unpredictability.</span></p>
<p><img loading="lazy" class="wp-image-10067 size-thumbnail alignright" src="https://www.bytelion.com/wp-content/uploads/2020/04/Screen-Shot-2020-04-10-at-7.54.32-AM-150x150.png" alt="B2C Commerce Cloud" width="150" height="150" srcset="https://www.bytelion.com/wp-content/uploads/2020/04/Screen-Shot-2020-04-10-at-7.54.32-AM-150x150.png 150w, https://www.bytelion.com/wp-content/uploads/2020/04/Screen-Shot-2020-04-10-at-7.54.32-AM-50x50.png 50w, https://www.bytelion.com/wp-content/uploads/2020/04/Screen-Shot-2020-04-10-at-7.54.32-AM-100x100.png 100w, https://www.bytelion.com/wp-content/uploads/2020/04/Screen-Shot-2020-04-10-at-7.54.32-AM-500x500.png 500w" sizes="(max-width: 150px) 100vw, 150px" /></p>
<p><span style="font-weight: 400;"><strong>B2B Commerce Cloud</strong> &#8211; is optimized, customized, and integrated so that you can get the complete freedom to curate the entire customer journey. This starts from the first click in the purc</span>hase jou<span style="font-weight: 400;">rney to order fulfillment.</span></p>
<p><span style="font-weight: 400;"><strong>B2C Commerce </strong></span><strong>Cloud</strong> &#8211; connects with consumers and delivers personalized shopping experiences across all e-commerce channels i.e. web, mobile, social, and in-store. This platform enables digital experience and frictionless transactions at every touchpoint. B2C Commerce provides the resources and processing for your eCommerce sites, called a storefront in the Commerce Cloud documentation to help create and build your sites in your vertical.</p>
<h3><b>Is Salesforce perfect for your business?</b></h3>
<p>Today, companies need the best products and services available. As demand for online sales increases, tools that offer numerous capabilities and features are essential. Commerce Cloud provides the capabilities that ensure a personalized shopping experience for you and your customers.</p>
<ul>
<li><strong>Excellence capabilities</strong> – helps to manage the products, pricing, and promotions to boost customer engagement.</li>
<li><strong>Operational capabilities</strong> – facilitates functionality over multiple channels, linking the backend process with the fulfillment of orders.</li>
<li><strong>Intelligence capabilities</strong> – provide more clear data insights for guiding us with customer interaction(AB testing), engagement, and quick business decisions.</li>
</ul>
<p>In the past few years, companies that grew their market share have either been native digital organizations or cloud enterprises. For this, companies need an expert team to help rematch, reinvent, and strategize the digital transformation journey.</p>
<h3><strong>Bytelion&#8217;s work:</strong></h3>
<p><a href="https://www.pier1.com/on/demandware.store/Sites-pier1_us-Site/default/Default-Start?s_cid=cpc%7cGoogle%7cPier1%5EPPC%5ETrademark%5ECorebrand%5EB%5EExact%5EUS%5EEN%5EDesktop%5EX%7cTrademark%5EX%5EX&amp;gclid=EAIaIQobChMIzr71konm6AIVpAiICR0Q3QzsEAAYASAAEgKOPPD_BwE&amp;gclsrc=aw.ds">Pier 1 Imports</a> is the eighth-largest furniture retailer in the United States and its eCommerce platform is hosted and deployed in a standard Salesforce Cloud. Pier 1 Imports recruited Bytelion&#8217;s team of eCommerce designers and developers to optimize its eCommerce platform.</p>
<p><a href="https://www.bytelion.com/">Bytelion</a> is delivering an outsized impact on UI improvements through commitment to adaptation and efficiency. We learned a fully customized Commerce Cloud and navigated complex development systems to accomplish significant strides in software development. This transformed the user experience and contributed to increasing eCommerce revenue. Our team contributed heavily to frontend and backend development, automated quality assurance (QA) testing, and implemented best technical and organizational practices within their team and across the project.</p>
<p><a href="https://www.bytelion.com/">Bytelion</a> drives with speed and agility. We leverage our UX skills and design process to improve and create completely new personalized customer experiences. <a href="https://www.bytelion.com/">Bytelion</a> helps build and drive the processes and campaigns that companies need to bring these experiences to life in quick, smart iterations.</p>
<p>We offer development support:</p>
<ul>
<li><strong>Trouble shooting</strong>:  Promptly react to complex performance, security or other Salesforce issues, which need to be fixed on the code level.</li>
<li><strong>System evolution</strong>:  Implement enhancements, including substantial ones, to a Salesforce solution according to change requests. Modifies default functionality quickly with no impact to current business operations in Salesforce.</li>
</ul>
<p>To learn how <a href="https://www.bytelion.com/">Bytelion</a> can help your Commerce Cloud platform, sign up for <a href="http://bytelion-1094975.hs-sites.com/free-audit">free audit</a>. Our team of user experience designers will run a thorough assessment and provide actionable insights to help grow your online sales.</p>
<p style="text-align: center;"><!--HubSpot Call-to-Action Code --><span id="hs-cta-wrapper-6d16aa66-4576-4559-b76a-078081cf65c1" class="hs-cta-wrapper"><span id="hs-cta-6d16aa66-4576-4559-b76a-078081cf65c1" class="hs-cta-node hs-cta-6d16aa66-4576-4559-b76a-078081cf65c1"><!-- [if lte IE 8]></p>





<div id="hs-cta-ie-element"></div>


<![endif]--><a href="https://cta-redirect.hubspot.com/cta/redirect/1094975/6d16aa66-4576-4559-b76a-078081cf65c1" target="_blank" rel="noopener"><img id="hs-cta-img-6d16aa66-4576-4559-b76a-078081cf65c1" class="hs-cta-img" style="border-width: 0px;" src="https://no-cache.hubspot.com/cta/default/1094975/6d16aa66-4576-4559-b76a-078081cf65c1.png" alt="FREE AUDIT" /></a></span><script charset="utf-8" src="https://js.hscta.net/cta/current.js"></script><script type="text/javascript"> hbspt.cta.load(1094975, '6d16aa66-4576-4559-b76a-078081cf65c1', {}); </script></span><!-- end HubSpot Call-to-Action Code --></p>
<p>The post <a rel="nofollow" href="https://www.bytelion.com/salesforce-commerce-cloud/">Salesforce Commerce Cloud &#8211; Product to Customer Centric Enterprise</a> appeared first on <a rel="nofollow" href="https://www.bytelion.com">ByteLion</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.bytelion.com/salesforce-commerce-cloud/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>GitHub Template to Kickstart Your Project</title>
		<link>https://www.bytelion.com/github-template-kickstart/</link>
					<comments>https://www.bytelion.com/github-template-kickstart/#respond</comments>
		
		<dc:creator><![CDATA[Cooper Luetje]]></dc:creator>
		<pubDate>Mon, 06 Apr 2020 14:57:27 +0000</pubDate>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[Software Lifecycle]]></category>
		<category><![CDATA[Tools]]></category>
		<guid isPermaLink="false">https://www.bytelion.com/?p=9930</guid>

					<description><![CDATA[<p>Have you ever needed to ramp up on a project quickly to produce a product as soon as possible? Typically, development teams start out fresh by creating a brand new...</p>
<p>The post <a rel="nofollow" href="https://www.bytelion.com/github-template-kickstart/">GitHub Template to Kickstart Your Project</a> appeared first on <a rel="nofollow" href="https://www.bytelion.com">ByteLion</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>Have you ever needed to ramp up on a project quickly to produce a product as soon as possible? Typically, development teams start out fresh by creating a brand new code project; however, creating new projects from scratch can forfeit time that would otherwise go into building out new features. A GitHub template can help developers reuse code to bring a product to production level at a much faster rate.</p>
<p>We use templates at <a href="https://www.bytelion.com">Bytelion</a> to help our startup clients achieve their goals in a smaller time frame. Check out this <a href="https://github.com/Bytelion/rails_template">GitHub template</a> for a <a href="https://rubyonrails.org/">Ruby on Rails</a> API project we have created. In this post we will demonstrate how we created this template so you can get started with recycling your code!</p>
<h3>4 Steps to Create a Template Repository</h3>
<h6>1. Create a new repository that will host the GitHub template</h6>
<p>Creating a new repository is the first step to creating your first GitHub template. To create a new repository select the plus button from the top of the page and enter the required info. You can choose to share your repository with the public or you can keep it hidden between you and your team!</p>
<p>
<img width="280" height="300" src="https://www.bytelion.com/wp-content/uploads/2019/12/image4-280x300.png" class="attachment-medium size-medium" alt="new github repo" loading="lazy" columns="2" link="none" size="medium" ids="9931,9935" orderby="post__in" include="9931,9935" srcset="https://www.bytelion.com/wp-content/uploads/2019/12/image4-280x300.png 280w, https://www.bytelion.com/wp-content/uploads/2019/12/image4.png 567w" sizes="(max-width: 280px) 100vw, 280px" />
<img width="289" height="300" src="https://www.bytelion.com/wp-content/uploads/2019/12/image1-289x300.png" class="attachment-medium size-medium" alt="create github repo" loading="lazy" columns="2" link="none" size="medium" ids="9931,9935" orderby="post__in" include="9931,9935" srcset="https://www.bytelion.com/wp-content/uploads/2019/12/image1-289x300.png 289w, https://www.bytelion.com/wp-content/uploads/2019/12/image1.png 762w" sizes="(max-width: 289px) 100vw, 289px" />
</p>
<h6>2. Generate your code for reusing as a template project</h6>
<p>Once you have a repository created you can add any code that you would like to use as a template. In our example <a href="https://github.com/Bytelion/rails_template">Rails template</a> we chose to have a Rails API that will be ready to use, the only steps left are to create our models and controllers that will be used when the API is called by a client.</p>
<h6>3. Mark the repository as a template</h6>
<p>When the code in the project is complete, navigate to the settings tab in GitHub and select the option to mark the project as a template repository.</p>
<h6><img loading="lazy" class="aligncenter wp-image-9940" src="https://www.bytelion.com/wp-content/uploads/2019/12/image3-1024x386.png" alt="create github template" width="700" height="264" srcset="https://www.bytelion.com/wp-content/uploads/2019/12/image3-1024x386.png 1024w, https://www.bytelion.com/wp-content/uploads/2019/12/image3-300x113.png 300w, https://www.bytelion.com/wp-content/uploads/2019/12/image3-768x289.png 768w, https://www.bytelion.com/wp-content/uploads/2019/12/image3.png 1584w" sizes="(max-width: 700px) 100vw, 700px" />4. Use the template to create a new project</h6>
<p>To create a new GitHub repository with the template do one of the following. Create a new repository as shown in step 1 and select the template you would like to use. Or if using a public template, you can use the “Use this template” button on the repository page. As a result, you will have created your first GitHub repository!</p>
<p><img loading="lazy" class="aligncenter wp-image-9941" src="https://www.bytelion.com/wp-content/uploads/2019/12/image2.png" alt="use github template" width="700" height="364" srcset="https://www.bytelion.com/wp-content/uploads/2019/12/image2.png 979w, https://www.bytelion.com/wp-content/uploads/2019/12/image2-300x156.png 300w, https://www.bytelion.com/wp-content/uploads/2019/12/image2-768x399.png 768w" sizes="(max-width: 700px) 100vw, 700px" />Now that you have created your own template you can get started with reusing your own code to kickstart your projects! Have a template you would like to share with us? Let us know by sharing this post and mentioning us on <a href="https://www.facebook.com/Bytelion/?ref=aymt_homepage_panel&amp;eid=ARBa9glWg3WTZIoh13Eybv3VbR1EHXernfKSityrQhN7puklrnODlxR2Ec11DwFpzQnIUyoMeecsvlRL">Facebook</a>, <a href="https://twitter.com/bytelion">Twitter</a> or <a href="https://www.linkedin.com/company/bytelion/?viewAsMember=true">LinkedIn</a>!</p>
<p>The post <a rel="nofollow" href="https://www.bytelion.com/github-template-kickstart/">GitHub Template to Kickstart Your Project</a> appeared first on <a rel="nofollow" href="https://www.bytelion.com">ByteLion</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.bytelion.com/github-template-kickstart/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Client Spotlight: Using Statistical Testing to Validate a Product Idea for SpiralMath</title>
		<link>https://www.bytelion.com/client-spotlight-spiralmath/</link>
					<comments>https://www.bytelion.com/client-spotlight-spiralmath/#respond</comments>
		
		<dc:creator><![CDATA[Willam Forbes]]></dc:creator>
		<pubDate>Fri, 20 Dec 2019 20:42:53 +0000</pubDate>
				<category><![CDATA[Analytics]]></category>
		<category><![CDATA[Tools]]></category>
		<guid isPermaLink="false">https://www.bytelion.com/?p=9914</guid>

					<description><![CDATA[<p>Introduction to SpiralMath SpiralMath is an EdTech startup based in the greater Baltimore region and a member of the Bytelion Analytics’ Business Intelligence Pilot Program cohort. SpiralMath is working on...</p>
<p>The post <a rel="nofollow" href="https://www.bytelion.com/client-spotlight-spiralmath/">Client Spotlight: Using Statistical Testing to Validate a Product Idea for SpiralMath</a> appeared first on <a rel="nofollow" href="https://www.bytelion.com">ByteLion</a>.</p>
]]></description>
										<content:encoded><![CDATA[<h3><b>Introduction to SpiralMath</b></h3>
<p><a href="https://spiralmath.net"><span style="font-weight: 400;">SpiralMath</span></a><span style="font-weight: 400;"> is an EdTech startup based in the greater Baltimore region and a member of the </span><a href="https://www.bytelion.com/services/bytelion-analytics/"><span style="font-weight: 400;">Bytelion Analytics’ Business Intelligence Pilot Program</span></a><span style="font-weight: 400;"> cohort. SpiralMath is working on creating an instructional protocol and software package to help teachers present Common Core Mathematics in a way that improves student retention. With a year of pilot testing complete, the founding team from SpiralMath is working with Bytelion Analytics to validate their product is working effectively before making the necessary capital expenditures to expand.</span></p>
<p><span style="font-weight: 400;">The SpiralMath instructional protocol was developed by Joseph Mills, a career instructor and State Supervisor of Mathematics, utilizing five principles of learning psychology developed at Washington University, St Louis, where researchers have identified methods that improve student retention of new knowledge. To administer the protocol, students receive a daily five-question quiz that is completed, scored, and reviewed within a window of 45 minutes at the start of the day. Through intentional spaced repetition students build and affirm their knowledge of each concept over the course of the school year. </span></p>
<h3><b>The Data</b></h3>
<p><span style="font-weight: 400;">The Common Core State Standards is a list of skills that students are expected to master. Typically, each year of schooling evaluates students on 20 to 30 standards. For each standard, Joe Mills prepared some 20 questions (similar, not identical) that are used to assess the student’s mastery over time. When equivalent questions are repeated at increasing intervals, students’ long-term retention improves. This approach is known as Assessment for Learning.</span></p>
<p><span style="font-weight: 400;">Throughout the 2018-2019 school year, SpiralMath worked with a third-grade teacher at a Baltimore City Charter school to pilot the program and collect initial data for analysis. Over the course of the year, SpiralMath collected over 9,000 data points from a class of 25 students. For the purpose of this statistical examination, Bytelion Analytics utilized a data set that showed the daily average results of the class population sorted by Common Core standards. Since the number of questions varied from standard to standard, our team took a sample of the standards that have been assessed at least 10 times. This provided us a sample data set that included 110 total data points spanning the results of 11 standards.</span></p>
<h3><b>Statistical Testing</b></h3>
<p><span style="font-weight: 400;">For our statistical testing, we began by identifying our research question: </span><i><span style="font-weight: 400;">Will the SpiralMath Protocol lead to an improvement in test scores?</span></i><span style="font-weight: 400;"> To answer this question, we identified our null hypothesis:</span><i><span style="font-weight: 400;"> the SpiralMath Protocol does not lead to an improvement in the test scores of the class population</span></i><i><span style="font-weight: 400;">.</span></i><span style="font-weight: 400;"> A key guiding principle for our testing was that we were looking to see whether the difference between each assessment instance and the first assessment was significant, i.e. was the difference between the 2nd assessment and the 1st an improvement and statistically significant, etc. A t-test is the testing procedure for significance between two populations was selected; it compares the difference between means and dictates whether the null hypothesis should be accepted or rejected</span><i><span style="font-weight: 400;">.</span></i><span style="font-weight: 400;"> </span></p>
<h3><b>Overview of Results</b></h3>
<p><span style="font-weight: 400;">At surface level, there was an improvement in the testing population from the 2nd assessment. This trend continued to show positive results as the number of assessments continued; however, results from the protocol became significant from the 7th assessment and onwards. </span><span style="font-weight: 400;">We are able to conclude, with a 95% level of confidence, that the SpiralMath’s protocol helps students retain information in 7 administrations of their assessment, agnostic to the testing interval.</span></p>
<p><img loading="lazy" class="size-medium wp-image-9916 aligncenter" src="https://www.bytelion.com/wp-content/uploads/2019/12/Screen-Shot-2019-12-18-at-4.08.24-PM-300x155.png" alt="" width="300" height="155" srcset="https://www.bytelion.com/wp-content/uploads/2019/12/Screen-Shot-2019-12-18-at-4.08.24-PM-300x155.png 300w, https://www.bytelion.com/wp-content/uploads/2019/12/Screen-Shot-2019-12-18-at-4.08.24-PM.png 752w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p><i><span style="font-weight: 400;">Graphic One:</span></i><span style="font-weight: 400;"> The class averages are shown over the course of the 10 assessments. </span></p>
<p><img loading="lazy" class="size-medium wp-image-9917 aligncenter" src="https://www.bytelion.com/wp-content/uploads/2019/12/Screen-Shot-2019-12-18-at-3.42.38-PM-300x160.png" alt="" width="300" height="160" srcset="https://www.bytelion.com/wp-content/uploads/2019/12/Screen-Shot-2019-12-18-at-3.42.38-PM-300x160.png 300w, https://www.bytelion.com/wp-content/uploads/2019/12/Screen-Shot-2019-12-18-at-3.42.38-PM.png 666w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p><i><span style="font-weight: 400;">Graphic Two:</span></i> <span style="font-weight: 400;">The results of the t-test display that from the seventh assessment onwards the improvements were significant to the testing population.</span></p>
<h3><b>What is next for SpiralMath?</b></h3>
<p><span style="font-weight: 400;">The results of this product validation are just the beginning for SpiralMath. Although our quick and simple method, by definition, provides us 95% confidence in our results horizon, there are many other variables to test in order to better understand what actually drives the retention of information for the members of the classroom. SpiralMath will begin phase two of pilot testing with an emphasis on validating the success horizon and understanding the relationship between variables, such as question formatting, length of the spacing interval, and the number of test questions, in their protocol to create an algorithmic administrative process.</span></p>
<p><span style="font-weight: 400;">A special thanks to the leadership team at SpiralMath &#8211; Joe Mills and David Robson, for joining the Business Intelligence Pilot Program cohort! To learn more about SpiralMath and enrollment information for their ongoing pilot program please visit their website: <a href="https://spiralmath.net">www.spiralmath.net</a>. If you would like to explore how we can leverage analytics and business intelligence to help you achieve the goals of your business, please reach out to Sidd Chhabra, Business Intelligence Lead, at </span><a href="mailto:sidd.chhabra@bytelion.com"><span style="font-weight: 400;">sidd.chhabra@bytelion.com</span></a><span style="font-weight: 400;"> or read more at </span><a href="https://www.bytelion.com/services/bytelion-analytics/"><span style="font-weight: 400;">www.bytelion.com</span></a><span style="font-weight: 400;">.</span></p>
<p>The post <a rel="nofollow" href="https://www.bytelion.com/client-spotlight-spiralmath/">Client Spotlight: Using Statistical Testing to Validate a Product Idea for SpiralMath</a> appeared first on <a rel="nofollow" href="https://www.bytelion.com">ByteLion</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.bytelion.com/client-spotlight-spiralmath/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
