Explore
Need help with your project?
This field is required
Incorrect phone number
Incorrect Email
This field is required
Please fill in all fields
Next
Next
Your role in the project
Services
Budget
Please select one option in each category
Submit
Submit
several colorful figures
Request sent
Our manager will contact you shortly.
Oops! Something went wrong while submitting the form.
World map with network connections

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.

Travel management app user profile and trip planner screen
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.

Trip booking interface with personal information forms

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.

World map with marked locations
Laptop displaying a travel map creation website

MY DASHBOARD

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

Dashboard interface with world map and statistics
User profile and travel history interface

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.

Map interface with location details and statistics

ADD NEW TRIP

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

Travel itinerary planning screen with map and forms