Several business and services
Wireframes, Moodboard, Graphic Design, Frontend Development, App Flow, App Architecture, Implementation, AngularJS, Functional Programming, Shopify
What we've done?
We created a complex set of web business tools
Spa Monkeys delivers complete solution in spa, beauty and wellness industry in Hong Kong. It was achieved with a help of business tools such as online shop and places catalogue joint with blog, main marketing tool. Our role was to gradually implement those comprehensive solutions in a way to guarantee the highest comfort for users and the best place for business owners.
Product shop
We created online shop from scratch basing on Shopify platform which is a great marketing tool that helps to achieve sales goals and is easy to navigate for users.
Local services catalogue
Access to the services directory app related to spa, beauty and wellness in Hong Kong with their reviews, both written by the users and employees of Spa Monkeys.
Homepage
The most important place on the site. We designed new, responsive homepage that is eye-catching and useful at the same time.
Blog
Great place where you can find interesting articles related to the main site topic.
People involved
Augmented team working in one year collaboration
Team in Poland
6 people
- 3 front-end developers
- 1 graphic designer
- 1 product designer
- 1 business owner
Team in Hong Kong
5 people
- 4 back-end developers
- 1 product owner
How it works?
Complex and scalable system
Building process of such a complex service require comprehensive dependencies in its architecture. Thanks to global thinking we were able to achieve this goal by making dependencies with over 50 different elements. The greatest challenge was to build pathways for users that were easy to navigate.
We made custom and precise software solutions
Global search
Find everything
One of the very first solutions was global search that allows user to seek through all of the content from any place on the site.
Cross-linking
Between 50 sections
We made a system of connections thanks to which user is never left without further pathway and is also involved in service.
Local search
in hundreds of services
Next step was preparation of local search for places catalogue to help users easily find any place they want.
Global and Local custom search systems
In both of the search systems we used dedicated, original solutions. We made them with use of the newest technologies such as AngularJS using functional programming at the same time. Dedicated solutions help users to quickly find what they are looking for.
Our technologies
We used AngularJS with functional programming, which is a declarative paradigm. It means that programming is done with expressions or declarations instead of statements.
Never get zero
Custom log and search flow
We have created complete content search logic thanks to which user get very precise results and will never get zero.
Global Search in action
Displayed results in less than 5ms
Data from blog based on Wordpress
Fetched from Shopify API
Data from REST API
Simplicity of the Local Search
Just 3 steps to find a perfect service
Accessible from any position of the catalogue
Results displayed within seconds
System dressed in reusable components
We dressed all of the new solutions in components. Thanks to this whole service is straightforward for users and they can learn it really fast. All of the components were designed in a way to be reusable for building others and are ready to appear in different places of the site. The key element was the component's usage on the front-end development level.
Design meets front-end development
Directly in kitchen - kitchen sink
<box-specialist
specialist="specialist"
condensed="false"
><box-specialist>
<box-place place="place">
</box-place>
place - place object from APIspecialist - specialist object
condensed - boolean value
(true/false)
<box-shop></box-shop>
shop - place object from Shopify
<box-blog
data="<Post Object>"
condensed="false"
></box-blog>
<box-blog
data="<Post Object>"
condensed="true"
></box-blog><box-user
data="<Post Object>"
condensed="true"
></box-user>
<box-review
data="place"
></box-review>
<rating
value="4"
type="place"
disabled="true"
></rating>
<chip data="data">
</chip>Whole organism
Spa Monkeys delivers complete solution in spa, beauty and wellness industry in Hong Kong. It was achieved with a help of business tools such as online shop and places catalogue joint with blog, main marketing tool. Our role was to gradually implement those comprehensive solutions in a way to guarantee the highest comfort for users and the best place for business owners.
