-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
196 lines (167 loc) · 11.5 KB
/
index.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
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
<!doctype html>
<html class="no-js" lang="">
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-88778470-2"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-88778470-2');
</script>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Sanctuary makes Food Tech!</title>
<meta name="description" content="At Sanctuary Computer, we’ve spent the last three years honing our skills in the specific realm of Food Technology, from our little office in NYC.">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.css" rel="stylesheet">
<link href="https://unpkg.com/[email protected]/css/basscss.min.css" rel="stylesheet">
<link rel="stylesheet" href="./assets/style.css">
<link rel="icon" type="image/png" href="./assets/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="./assets/favicon-16x16.png" sizes="16x16">
<meta content="https://food.sanctuary.computer/assets/share.jpg" property="og:image">
<meta content="Sanctuary makes Food Tech!" property="og:title">
<meta content="At Sanctuary Computer, we’ve spent the last three years honing our skills in the specific realm of Food Technology, from our little office in NYC." property="og:description">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:creator" content="@sanctucompu">
<meta name="twitter:title" content="Sanctuary Computer makes Food Technology">
<meta name="twitter:description" content="At Sanctuary Computer, we’ve spent the last three years honing our skills in the specific realm of Food Technology, from our little office in NYC.">
<meta name="twitter:image" content="https://food.sanctuary.computer/assets/share.jpg">
</head>
<body>
<div class='bookend'>
<div class="max-width-4 mx-auto">
<div class="clearfix mb4">
<div class="col col-12 mb3 mt4 px3">
<a href="http://www.sanctuary.computer/" target="_blank" class='no-underline'>
<img class='logo' src='./assets/logo.svg' />
</a>
</div>
<div class="col col-12 md-col-6 mb4 px3">
<h2>Sanctuary Computer specializes in</h2>
<h1>Food Technology.</h1>
<p>At Sanctuary Computer, we’ve spent the last three years honing our skills at working in the specific realm of Food Technology. Be it integrating with <a href="https://www.thelevelup.com/" target="_blank">LevelUp</a>, navigating various POS requirements, modelling complicated menu pricing rules across many locations, or configuring order throttling to ensure kitchens aren’t overwhelmed during a lunch rush, we’ve done it all.</p>
<p>Our custom ordering applications are built with Facebook’s <a href="https://reactjs.org/" target="_blank">React</a> (or React Native), Redux, a slew of modern tools and some secret building blocks we’ve developed in-house to provide snappy, intelligent and highly interactive user interfaces, that respect and guide the customer throughout.</p>
<p>Through our extensive experience, our work has been featured on GQ, Vice, Refinery 29 and many others, attracting hundreds of thousands of visitors.</p>
<p>While our performance metrics are confidential, we can say with pride that our software continues to process millions of dollars for fast casual restaurants across the USA in the last year.</p>
<p>We’re based in NYC, and we work with companies all across the USA (and we’d love to work internationally!). If you’re looking for a reliable, friendly and hospitable technology partner, please reach out to our President & Studio Lead, Hugh Francis (<a href="mailto:[email protected]?subject=Your work makes us hungry!" target="_blank">email</a>).</p>
</div>
</div>
</div>
</div>
<div class="max-width-4 mx-auto">
<div class="clearfix mb4">
<div class="col col-12 md-col-6 px3 mb4">
<h2>iOS & Android Apps for</h2>
<h1>Dig Inn</h1>
<p>Developed on top of Dig Inn's existing menu, the Dig Inn application integrates deeply with LevelUp to provide a sophisticated Loyalty & Pay-In-Store experience. In order to emulate the in-store interaction, a streamlined item builder was developed to ensure users can build Marketbowls with ease.</p>
<h3>
Try Dig Inn for iOS <a href="https://itunes.apple.com/us/app/dig-inn/id900117346?mt=8" target="_blank">here</a>,
and Android <a href="https://play.google.com/store/apps/details?id=com.diginn.diginn.android.app&hl=en" target="_blank">here.</a>
</h3>
</div>
<div class="col col-12 md-col-6">
<a href="https://itunes.apple.com/us/app/dig-inn/id900117346?mt=8" target="_blank" class="no-underline">
<video src="./assets/vids/dig_comp.mp4" poster="./assets/vids/dig_poster.jpg" autoplay loop muted playsinline>
</video>
</a>
</div>
</div>
<div class="clearfix mb4">
<div class="col col-12 md-col-6 px3 mb4">
<h2>A responsive Web Application for</h2>
<h1>Rōti</h1>
<p>With over 40 locations across the US, and such a diverse range of ingredients, the Roti team wanted to optimize their Web experience for menu exploration. By focusing the item build UI for content and flavor profile, we were able to help users understand what they may expect from a topping or sauce they haven't tried before. For the less adventurous, we included a recommendation mode based on that same flavor profile concept.</p>
</div>
<div class="col col-12 md-col-6">
<video src="./assets/vids/roti_comp.mp4" poster="./assets/vids/roti_poster.jpg" autoplay loop muted playsinline>
</video>
</div>
</div>
<div class="clearfix mb4">
<div class="col col-12 md-col-6 px3 mb4">
<h2>A responsive website for</h2>
<h1>Tartine Bakery</h1>
<p>A baker reads the weather, the flour, the levain, yesterday’s baked bread before starting to mix. A complex balance of yeast, bacteria, time, temperature, moisture, and fermentation acts on the simplest of ingredients; flour water and salt, to create one of humankind’s most elemental foods.</p>
<h3>
Explore Tartine's world <a href="https://www.tartinebakery.com/" target="_blank">here.</a>
</h3>
</div>
<div class="col col-12 md-col-6">
<a href="https://www.tartinebakery.com/" target="_blank" class="no-underline">
<video src="./assets/vids/tartine_comp.mp4" poster="./assets/vids/tartine_poster.jpg" autoplay loop muted playsinline>
</video>
</a>
</div>
</div>
<div class="clearfix mb4">
<div class="col col-12 md-col-6 px3 mb4">
<h2>Storytelling & Online eCommerce for</h2>
<h1>Coffee Manufactory</h1>
<p>Continuing our collaboration with Tartine, we also rolled out the online ordering functionality for their sub-brand, Coffee Manufactory. Working closely with our sister studio <a href="https://www.xxix.co/" target="_blank">XXIX</a>, we crafted a beautiful, interactive Shopify site that spoke to the rich sourcing story and incredible quality of the product.</p>
<h3>Check out Coffee Manufactory <a href="https://www.coffeemanufactory.com/" target="_blank">here.</a></h3>
</div>
<div class="col col-12 md-col-6">
<a href="https://www.coffeemanufactory.com/" target="_blank" class="no-underline">
<video src="./assets/vids/coffee_comp.mp4" poster="./assets/vids/coffee_poster.jpg" autoplay loop muted playsinline>
</video>
</a>
</div>
</div>
<div class="clearfix mb4">
<div class="col col-12 md-col-6 px3 mb4">
<h2>An iOS App for</h2>
<h1>Care/Of Vitamins</h1>
<p>You can eat vitamins, right? When Care/Of decided to offer their users incentive for taking their daily vitamins, the tech team recruited Sanctuary to build out the interactive, animation pieces of their brand new, totally addictive iOS app. The result? A massive surge of new app users, and a vastly more engaged customer base.</p>
<h3>
Try Care/Of for iOS <a href="https://itunes.apple.com/us/app/care-of-vitamins/id1273387955?mt=8" target="_blank">here.</a>
</h3>
</div>
<div class="col col-12 md-col-6">
<a href="https://itunes.apple.com/us/app/care-of-vitamins/id1273387955?mt=8" target="_blank" class="no-underline">
<video src="./assets/vids/care_comp.mp4" poster="./assets/vids/care_poster.jpg" autoplay loop muted playsinline>
</video>
</a>
</div>
</div>
<div class="clearfix mb4">
<div class="col col-12 md-col-6 px3 mb4">
<h2>A subscription Web Application for</h2>
<h1>Smalls for Smalls</h1>
<p>That's right! Our work in food technology is not limited to humans. When Smalls for Smalls launched, they needed a team to quickly and consistently build and iterate on features for their subscription billing platform. Smalls is rapidly serving more and more cats everyday, while paying close attention to the nutritional needs of each one.</p>
<h3>Try Smalls for Smalls for Web <a href="https://www.smallsforsmalls.com/" target="_blank">here.</a>
</div>
<div class="col col-12 md-col-6">
<a href="https://www.smallsforsmalls.com/" target="_blank" class="no-underline">
<video src="./assets/vids/smalls_comp.mp4" poster="./assets/vids/smalls_poster.jpg" autoplay loop muted playsinline>
</video>
</a>
</div>
</div>
<div class="clearfix mb4">
<div class="col col-12 md-col-6 px3 mb4">
<h2>A custom eCommerce build for</h2>
<h1>Ample Hills</h1>
<p>Designed to feel like "falling into a children's book", the Ample Hills online eCommcerce experience is designed with the intention that the customer "get lost" in the incredible universe of the legendary NYC ice creamery. Rich with illustration, and alive with interaction, the Ample Hills eCommerce experience allows users to build-their-own ice cream orders, explore flavors, and even book and manage availability for in-store parties.</p>
<h3>Order some ice cream over <a href="https://www.amplehills.com/" target="_blank">here.</a>
</div>
<div class="col col-12 md-col-6">
<a href="https://www.amplehills.com/" target="_blank" class="no-underline">
<video src="./assets/vids/ample_comp.mp4" poster="./assets/vids/ample_poster.jpg" autoplay loop muted playsinline>
</video>
</a>
</div>
</div>
</div>
<div class='bookend'>
<div class="max-width-4 mx-auto">
<div class="clearfix">
<div class="col col-12 mb4 mt4 px3">
<h2>Thank You!</h2>
<p>Hugh Francis (<a href="mailto:[email protected]?subject=Your work makes us hungry!" target="_blank">email</a>) and the <a href="http://www.sanctuary.computer/" target="_blank">Sanctuary Computer</a> Team</p>
</div>
</div>
</div>
</div>
</body>
</html>