-
Notifications
You must be signed in to change notification settings - Fork 0
/
storable.html
116 lines (114 loc) · 6.46 KB
/
storable.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
<!doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Userinfusion - Portfolio of Chris Geyer</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="manifest" href="site.webmanifest">
<link rel="apple-touch-icon" href="icon.png">
<!-- Place favicon.ico in the root directory -->
<link href="https://fonts.googleapis.com/css?family=Heebo|Oxygen|Poppins|Prompt|Rubik|Viga|Work+Sans&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<header>
<div>
<h2><a href="index.html">Chris Geyer</a></h2>
</div>
</header>
<main>
<section>
<div>
<div class="details" style="width:100%;">
<h1 class="align-center">Storable / Sitelink</h1>
<p>Storable was on a mission to take over the self storage sector with leading technology solutions. They bought the biggest software operations offering, Sitelink.</p>
<p>As the first designer for a 20 year old windows application. I was tasked with migrating features to the web. I was able to simplify and add value to the future of storage operations.</p>
</div>
</div>
</section>
<section>
<div>
<h1>Key Projects</h1>
<div class="feature">
<div>
<h2>Daily Close</h2>
<p>myHub was a half baked web version that needed to get to feature parity in order for more clients to start using it full-time.</p>
<p>The first feature we worked on moving over was for the daily accounting close process. The legacy windows screen was very overcomplicated and cluttered, so the goal was to create a simpler version to build.</p>
<p>I went on-site with a storage operator to see how they completed their daily accounting and what problems they encountered with the existing options.</p>
<p>I developed some simple concepts to just track the reported and counted types of charges, in order to show any discrepencies to investigate.</p>
<p>I first tested a prototype with some support team members in order to see if the design had promise, which overall was positive.</p>
<p>I then worked on learing React in order to develop a production level prototype which I validated with actual customers and was able to deliver to the engineering team so they could integrate this into the application.</p>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
</div>
<h4>Before</h4>
<img src="img/storableprojects/DailyClose-SLWE.jpg" />
<h4>After</h4>
<img src="img/storableprojects/DailyClose-myhub.png" />
<img src="img/storableprojects/DailyClose-myhub2.png" />
</div>
<div style="color:#fff;">
<div>
<h2>myHub Cleanup</h2>
<p>Taking over a web application that was built with no standards in mind by isolated developers and actually went out of its way to copy over windows paradigms, one of the first things I did was a complete site audit. This resulted in finding large discrepencies with things like 60 different shades over blue being used over a small amunt of pages.</p>
<p>In order to keep myself busy and add value when the agile squad was putting out fires resulting from the buggy old windows codebase I worked through every page in the app cleaning up the page designs and code to be more standard and consistent across the site.</p>
<p>This included updating style choices, making things to be cleaner and simpler as well as starting to add better UI patterns that we could utilize going forward.</p>
</div>
<br />
<div style="width:48%; float:left">
<h4>Before</h4>
<img src="img/storableprojects/Invoices-Before.png" />
<img src="img/storableprojects/MoveIn-Before.png" />
<img src="img/storableprojects/EditTenant-Before.png" />
</div>
<div style="width:48%; float:left">
<h4>After</h4>
<img src="img/storableprojects/Invoices-After.png" />
<img src="img/storableprojects/MoveIn-After.png" />
<img src="img/storableprojects/EditTenant-After.png" />
</div>
</div>
<div class="feature">
<div>
<h2>Tenant SMS Conversations</h2>
<p>A largely requested feature by customers was the ability to have two way texting with their renters straight inside the platform.</p>
<p>Many of our customers were using third party solutions to achieve this but they were clunky and did not integrate with our software.</p>
<p>Again I came up with a few concepts for direction and got some feedback and consensus from the product and design teams, where I then created prototypes to test with actual customers.</p>
<p>This was a huge value add for Sitelink to have a prioritized, validated and simple solutiont to add to both versions of the platform.</p>
</div>
<h4>Web - <a href="https://userinfusion.com/portfolio/texting/">view prototype</a></h4>
<img src="img/storableprojects/Texting-myhub.png" />
<p><br/></p>
<br/>
<br/>
<h4>Desktop - <a href="https://www.figma.com/proto/SG0wJbteHZG3BLVm89sERF/Texting?node-id=31%3A0&starting-point-node-id=31%3A0">view prototype</a></h4>
<img src="img/storableprojects/Texting-SLWE.png" />
</div>
</div>
</section>
</main>
<footer>
<p class="vmiddle">concocted by Chris Geyer © 2021</p>
</footer>
<script src="js/vendor/modernizr-3.6.0.min.js"></script>
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-3.3.1.min.js"><\/script>')</script>
<!-- Google Analytics: change UA-XXXXX-Y to be your site's ID. -->
<script>
window.ga = function () { ga.q.push(arguments) }; ga.q = []; ga.l = +new Date;
ga('create', 'UA-18317706-1', 'auto'); ga('send', 'pageview')
</script>
<script src="https://www.google-analytics.com/analytics.js" async defer></script>
</body>
</html>