Need help with your project?
Обязательное поле
Некорректный номер
Некорректный Email
Обязательное поле
Please fill in all fields
By clicking the button, you confirm your consent to the processing of personal data.
Next
Next
Your role in the project
Services
Budget
Please select one option in each category
By clicking the button, you confirm your consent to the processing of personal data.
Submit
Submit
several colorful figures
Submission sent
Our manager will contact you shortly.
Oops! Something went wrong while submitting the form.

Heading

Over 100 different components and design elements created

Sketch was used as a core designing tool to create UI Kit

Less than 50 hours spent to come up witha diligent design and to make client happy

All components and elementsare strictly lined up

Sketch file is organised carefully, so it’s easy to support in future

Every utilized design element is implemented in 100% vector for easy resizing without loss in quality

1

CORE OF THE PROJECT

Tripchron is a social travel platform that allows to share your travel routes with fellows and follow other travel enthusiasts. People can inspire and be inspired by keen travelers who are willingly share and comment travel itineraries.

2

COMPONENTS

During the component development process a test group was created. The goal was to make sure that every single component is self explanatory, so that there are no ambiguities for a user on the daily product usage.

DATE RANGE SLIDER

NEW TRIP

DATE RANGE SLIDER

PERSONAL INFORMATION

3

COLOR PALETTE

Color choice was one the biggest challenge and success. Bright and lifeful colors were chosen to highlight the travel experience of the active fellows.

PRIMARY COLORS

#FFC276

#FFC276

#FF7573

#39CB5B

#FFC276

TEXT COLORS

#A3ABBA

#282D36

#FFEC00

#4A90E2

OTHER COLORS

#E4E4E4

#0E7DBF

4

FONTS AND TYPOGRAPHY

The selection of fonts was strictly according to all the canons of using modern fonts in web design.

HEADING 1
Font family:
Font size:
Nunito Bold
72 px
HEADING 2
Font family:
Font size:
Nunito Bold
24 px
HEADING 3
Font family:
Font size:
Nunito Regular
16 px
SUBTITLE
Font family:
Font size:
Nunito Regular
16 px
BODY
Font family:
Font size:
Nunito Regular
12-16 px
The quick brown fox jumpsover the lazy…
The quick brown fox jumpsover the lazy…
The quick brown fox jumpsover the lazy…
The quick brown fox jumpsover the lazy…
Successful businesses know the importance of building and maintaining good working relationships,
whether it is with partners, employees, business or trade organizations, the government, media representatives,
vendors, consumers, or the community at large. A business must carefully balance the benefits of these
interpersonal relationships and should never allow these relationships to blind their judgment especially
when it relates to what is in the best interest of the business’s continued success and growth.
5

ICON SET

Custom icons were built for this specific service, they correlate with the overall mood direction.

6

FULL VIEW

UI Kit was developed. So the design can be easily supported and evolved in the future.

MY DASHBOARD

Default page of the travelerwhere he can see his travelhistory and create futuretrip plan.

DETAILED TRIP INFO

View of expanded trip information. Provides a very comprehensive set of data about the trip along with all travel means used in chronological order.

USER PROFILE

The page for creating/editing acampaign. Screen with all thenecessary information abouta specific traveler. It showcasesthe general info aboutthe person + givesa detailedidea on his travel activity.

ADD NEW TRIP

Interactive form page that makes the process of adding or editing the travel route smooth and painless.