-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
125 lines (105 loc) · 6.55 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
---
layout: default
---
<section id="mainContent" class="column">
<figure class="contentHeaderImage active" style="background-image:url('/assets/content/mindsky/header-bg-light.png'); background-color: #F6F6F6;">
<a href="/mindsky"><div class="padded"><img class="fill" src="/assets/content/mindsky/header-details-2.png?v=03"></div></a>
</figure>
<div class="contentArea padded clearfix">
<h3 class="projectTitle articleTitle">Building an Employment Platform for East Africa</h3>
<div class="projectDetails column">
<p>We worked closly with the Akilah Institute to develop an online marketplace for connecting current university students and graduates in East Africa with employment opportunities.</p>
<p>Employers post their internships and job opportunities on the MindSky job board. MindSky members apply for openings directly on the platform using our professionally-formatted online profile builder as their application document. Hiring managers log in, view, and sort applications as they come in.</p>
<h4>1. Job Board & Identity Platform</h4>
<p>MindSky members apply for openings directly on the platform using our professionally-formatted online profile builder as their application document.</p>
<figure style="background-color: #FCFCFC;margin-bottom: 0;" class="media--stretched active">
<div class="padded">
<img class="fill" src="/assets/content/mindsky-stats.png?v=03">
</div>
</figure>
<figure style="background-color: #FCFCFC;margin-top: 0;" class="media--stretched active">
<div class="padded">
<img class="fill" src="/assets/content/mindsky-jobseeker-filters.png?v=03">
</div>
</figure>
<h4>2. Hire with MindSky</h4>
<p>Employers post their internships and job opportunities on the MindSky job board.</p>
<figure style="background-color: #FCFCFC;" class="media--stretched active">
<div class="padded">
<img class="fill" src="/assets/content/mindsky-top.png?v=03">
</div>
</figure>
<h4>3. Back Office</h4>
<p>Hiring managers log in, view, and sort applications as they come in then pass them onto employers.</p>
<figure style="background-color: #FCFCFC;" class="media--stretched active">
<div class="padded">
<img class="fill" src="/assets/content/mindsky/backoffice.png?v=03">
</div>
</figure>
<h4>Technology Stack</h4>
<ul class="pills">
<li>AWS Lambdas</li>
<li>AWS EC2</li>
<li>Docker</li>
<li>Terraform</li>
<li>Node.js</li>
<li>Vue.js</li>
<li>Vuex</li>
<li>GraphQL</li>
<li>MySQL</li>
<li>Redis</li>
<li>MongoDB</li>
<li>Elastic Search</li>
<li>Salesforce</li>
</ul>
</div>
<ul class="projectMeta column">
<li><a href="https://www.mindsky.com/" target="_blank">Launch Project →</a></li>
<li>AkilahNet LLC.</li>
<li>New York & Rwanda</li>
<li>2016 - 2018</li>
</ul>
</div>
</section>
<section id="mainContent" class="column">
<figure class="contentHeaderImage active" style="background-image:url('/assets/content/lemariku/lemariku-bg-2.png');">
<div class="padded"><img class="fill" src="/assets/content/lemariku/header-details-2.png?v=1"></div>
</figure>
<div class="contentArea padded clearfix">
<h3 class="projectTitle">Branding & UI for a pre-loved fashion marketplace</h3>
<div class="projectDetails column">
<p>The Lemariku founders came to us with an idea to create an online marketplace that allows people in Indonesia to sell second hand fashion items.</p>
<p>In a saturated market, it was our first challenge to clearly communicated the OVP and differentiate Lemariku from the competition. We had to create a platform that is catered to the specific behaviours of the Indonesian target audience, such as allowing for cash payments and utilising local delivery services like GO-Jek.</p>
<p>Additional to that was to design and develop an interface that is intuitive to use for them, as they find websites too complicated, and don't trust online payments.</p>
<h4>Strategy & Roadmap</h4>
<p>Our collaboration with Lemariku started from the inception of the idea, and when they had only a hypothesis and rough set of requirements.</p>
<p>Together, we refined the definition of what the product was, and set the objectives to work towards. Since we use the Agile project management methodology we created a backlog and broke down the roadmap into a serise of sprints.</p>
<figure class="active media--stretched gradient-fade" style="background-image: url(/assets/content/lemariku/roadmap.svg); height: 300px;">
</figure>
<h4>Branding</h4>
<p>The brand was specifically catered to the Indonesian market. The brand name Lemariku means “my closet”, which comes from “lemari” meaning <em>closet</em> and “ku” meaning <em>my</em> in Indonesian.
<p>The logo was created to clearly visualise that it is a fashion application and add to the meaning of the name.</p>
<figure class="active media--stretched">
<div class="padded"><img class="fill" src="/assets/content/lemariku/branding.svg?v=1"></div>
</figure>
<h4>User Interface & Expereince</h4>
<p>Sellers mainly used Instagram to reach potential buyers to advertise their fashion items so we wanted to create an experience that was familliar, with while providing tools to address the challenges they had with current soltuions</p>
<p>In order to encourage sellers to share their profiles, we wanted to provide some personalistion options so we allowed them to choose a colour from a pallete that would distinguish their profiles and items in search results.</p>
<figure class="active media--stretched" style="background-color: #FEF7F9">
<div class="padded"><img class="fill" src="/assets/content/lemariku/lemariku-top.png?v=1"></div>
</figure>
<h4>Technology Stack</h4>
<ul class="pills">
<li>Node.js</li>
<li>Web Sockets</li>
<li>Phone Gap (iOS and Android)</li>
<li>Backbone.js + Marionette</li>
</ul>
</div>
<ul class="projectMeta column">
<li>Lemariku</li>
<li>Jakarta, Indonesia</li>
<li>2015 - 16</li>
</ul>
</div>
</section>