<?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>User Interface Design &#8211; Building Better Technology</title>
	<atom:link href="https://buildbetter.technology/portfolio-category/user-interfaces/feed/" rel="self" type="application/rss+xml" />
	<link>https://buildbetter.technology</link>
	<description>The UX/UI work of Shawn Torres</description>
	<lastBuildDate>Sun, 26 Apr 2020 03:00:19 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.5.4</generator>

<image>
	<url>https://buildbetter.technology/wp-content/uploads/2020/04/cropped-BBT_icon2-32x32.jpg</url>
	<title>User Interface Design &#8211; Building Better Technology</title>
	<link>https://buildbetter.technology</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>AT&#038;T Website Analysis &#038; User Journeys</title>
		<link>https://buildbetter.technology/portfolio/att_user_journeys/</link>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Fri, 24 Apr 2020 13:24:05 +0000</pubDate>
				<guid isPermaLink="false">http://www.cssigniter.com/preview/coastline/?post_type=portfolio&#038;p=280</guid>

					<description><![CDATA[Client AT&#38;T Goal In 2017, T-Mobile was ranked #1 in customer satisfaction by consumer reports. T-mobile has also been growing steadily in the share of the consumer mobile market compared to the older more established AT&#38;T. AT&#38;T required a website analysis and user experience insights to learn how to improve its services and overall customer [&#8230;]]]></description>
										<content:encoded><![CDATA[<h4><strong>Client</strong></h4>
<p>AT&amp;T</p>
<h4><strong>Goal<br />
</strong></h4>
<p><span style="font-weight: 400;">In 2017, T-Mobile was ranked #1 in customer satisfaction by consumer reports. T-mobile has also been growing steadily in the share of the consumer mobile market compared to the older more established AT&amp;T. AT&amp;T required a website analysis and user experience insights to learn how to improve its services and overall customer satisfaction. </span></p>
<h4><strong>Results</strong></h4>
<p><span style="font-weight: 400;">After carefully reviewing both sites, a report was prepared to highlight some of the key areas in which T-mobile was surpassing its rival. A user journey map was also created to show how each touchpoint was an opportunity to delight and enhance the user experience. With this knowledge in hand, the company was better prepared to plan improvements and user-centered innovations.</span></p>
<h4><strong>Services provided<br />
</strong></h4>
<ul>
<li>Website comparison and analysis report</li>
<li>User Personas</li>
<li>User Journey Map</li>
</ul>
<h4><strong>Role in project<br />
</strong></h4>
<p>UX lead, Research, and testing, Designer</p>
<h4><strong>Skills<br />
</strong></h4>
<p>Infographic display<br />
Applied design thinking<br />
User behavior modeling<br />
Empathy, POV discovery and definition<br />
Writing</p>
<h4><strong>Tools<br />
</strong></h4>
<p>Adobe Creative Suite, Illustrator, Photoshop, Google Slides</p>
<div class="su-button-center"><a href="https://shawntorres.com/wp-content/uploads/2019/10/Torres_ATT_journey_map.jpg" class="su-button su-button-style-default" style="color:#FFFFFF;background-color:#FF9933;border-color:#cc7b29;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px" target="_blank" rel="noopener noreferrer" title="See Full Journey Map Chart" id="button"><span style="color:#FFFFFF;padding:0px 24px;font-size:18px;line-height:36px;border-color:#ffb871;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;text-shadow:none;-moz-text-shadow:none;-webkit-text-shadow:none"> See Full Journey Map Chart</span></a></div>
<p>&nbsp;</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>The Cosmos Club</title>
		<link>https://buildbetter.technology/portfolio/the-cosmos-club/</link>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Mon, 06 Apr 2020 15:56:26 +0000</pubDate>
				<guid isPermaLink="false">http://buildbetter.technology/?post_type=portfolio&#038;p=475</guid>

					<description><![CDATA[Client The Cosmos Club Goal In the Fall of 2014, the Cosmos Club Information Technology could be accurately described as dysfunctional. Staff computers frequently stopped working, there were constant network disruptions which resulted in lost or missing files, communications and business disruptions throughout the club. The website, a major point of contact with members, was [&#8230;]]]></description>
										<content:encoded><![CDATA[<h4><strong>Client</strong></h4>
<p><span style="font-weight: 400;">The Cosmos Club</span></p>
<h4><strong>Goal<br />
</strong></h4>
<p><span style="font-weight: 400;">In the Fall of 2014, the Cosmos Club Information Technology could be accurately described as dysfunctional. Staff computers frequently stopped working, there were constant network disruptions which resulted in lost or missing files, communications and business disruptions throughout the club. The website, a major point of contact with members, was outdated, it had changed very little since its launch in 2006 and was representative of the state of network devices which was crumbling, licenses were not updated and there were a very real fear and possibility that critical failures would occur. The website was compromised, Google warned users that the website was hacked publicly in mid-2015. There was no strategy for upgrades, periodic review of inventory and staff support, monitoring. If there was a breakdown, it often took a long time to even diagnose what the problem was.</span></p>
<h4><strong>Results</strong></h4>
<p><span style="font-weight: 400;">Today the Cosmos Club has a website that it can be proud of and accurately reflects the prestige and history of the organization. The site has a simple and modest general public-facing pages and a rich interior life for members who log in.  The website allows its members to check their statements with ease, modify their accounts, create event and hotel reservations. It also has photo galleries and audio recordings of events that can be accessed and listened to from any device. It also has an online shop, membership directory and forum allowing members who live both near and far to engage and be part of its vibrant intellectual community.  Most recently, the website has added a career section and online job application, member nomination and live event streaming to its functionality. As it continues to evolve we look forward to growing and expanding this very vital service to the organization.</span></p>
<h4><strong>Services provided<br />
</strong></h4>
<ul>
<li>Brand Refresh</li>
<li>Website Design &amp; Development</li>
<li>Systems Integration</li>
</ul>
<h4><strong>Role in project<br />
</strong></h4>
<p>Project lead, Designer, Developer</p>
<h4><strong>Skills<br />
</strong></h4>
<p>Project management<br />
Brand development<br />
Audience research and strategy development<br />
Multimedia campaign development<br />
HTML, CSS, Javascript, .Net, C#, DNN, MsSQL</p>
<h4><strong>Tools<br />
</strong></h4>
<p><span style="font-weight: 400;">Adobe Creative Suite, WordPress, Mailchimp</span></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>CIVIC Mobile App</title>
		<link>https://buildbetter.technology/portfolio/civic-mobile-app/</link>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Mon, 06 Apr 2020 15:49:50 +0000</pubDate>
				<guid isPermaLink="false">http://buildbetter.technology/?post_type=portfolio&#038;p=472</guid>

					<description><![CDATA[Client CIVIC Interactive Goal When you are busy, it is difficult to access information, stay up to date and track your local public officials and services. Sourcing accurate, factual and non-partisan political and public utilities information is challenging and time-consuming. Results The CIVIC service and companion mobile app is a non-partisan online database that provides [&#8230;]]]></description>
										<content:encoded><![CDATA[<h4><strong>Client</strong></h4>
<p><span style="font-weight: 400;">CIVIC Interactive</span></p>
<h4><strong>Goal<br />
</strong></h4>
<p><span style="font-weight: 400;">When you are busy, it is difficult to access information, stay up to date and track your local public officials and services. Sourcing accurate, factual and non-partisan political and public utilities information is challenging and time-consuming. </span></p>
<h4><strong>Results</strong></h4>
<p><span style="font-weight: 400;">The CIVIC service and companion mobile app is a non-partisan online database that provides information about all of your government representatives, public services and utility providers information. It removes the need to search various sources for this information and allows you to engage with your community leaders and tax-payer resources from the palm of your hand. </span></p>
<h4><strong>Services provided<br />
</strong></h4>
<ul>
<li>Mobile app concept proposal</li>
<li>Information Architecture</li>
<li>User Flowcharts and User Personas</li>
<li>User Interface Development</li>
<li>Design &amp; Branding Development</li>
<li>Medium Fidelity Prototypes</li>
<li>High Fidelity Prototypes</li>
<li>User Testing &amp; Summary of Testing Findings</li>
<li>App video walkthrough</li>
</ul>
<h4><strong>Role in project<br />
</strong></h4>
<p>Project lead, Designer, Developer</p>
<h4><strong>Skills<br />
</strong></h4>
<p>Brand development<br />
Audience research and strategy development<br />
Ideation, Prototyping and User Testing<br />
HTML, CSS, Javascript, PHP, MySQL</p>
<h4><strong>Tools<br />
</strong></h4>
<p><span style="font-weight: 400;">Adobe Creative Suite, PowerMapper &#8211; Website Mapping Tool, Adobe XD, Marvel App, Low Fidelity prototypes with POP by Marvel – Turn sketches into iOS and Android prototypes.</span></p>
<p>&nbsp;</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>The Jingle Jammer</title>
		<link>https://buildbetter.technology/portfolio/jingle-jammer-mobile-app/</link>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Mon, 06 Apr 2020 15:55:12 +0000</pubDate>
				<guid isPermaLink="false">http://buildbetter.technology/?post_type=portfolio&#038;p=474</guid>

					<description><![CDATA[Client Sound Cloud Goal Promote the sound cloud service through a holiday music app that would engage users in a fun way and encourage them to sign up for the platform. Results Concept App. Navimations are very powerful demonstration tools as they allow designers to explore potential interface mechanisms and can convey a vision to [&#8230;]]]></description>
										<content:encoded><![CDATA[<h4><strong>Client</strong></h4>
<p><span style="font-weight: 400;">Sound Cloud</span></p>
<h4><strong>Goal<br />
</strong></h4>
<p><span style="font-weight: 400;">Promote the sound cloud service through a holiday music app that would engage users in a fun way and encourage them to sign up for the platform. </span></p>
<h4><strong>Results</strong></h4>
<p><span style="font-weight: 400;">Concept App. Navimations are very powerful demonstration tools as they allow designers to explore potential interface mechanisms and can convey a vision to developers and other stakeholders.</span></p>
<h4><strong>Services provided<br />
</strong></h4>
<ul>
<li>Logo Design &amp; Branding</li>
<li>Mobile app “Navimation”</li>
<li>Demo video</li>
</ul>
<h4><strong>Role in project<br />
</strong></h4>
<p>Project lead, Designer, Developer</p>
<h4><strong>Skills<br />
</strong></h4>
<p>Application User Interface Planning &amp; Design<br />
Strategy development<br />
Target marketing<br />
Animation<br />
Sound design</p>
<h4><strong>Tools<br />
</strong></h4>
<p><span style="font-weight: 400;">Adobe Creative Suite, Adobe After Effects, Audacity, Adobe Audition</span></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
