Map

TripChron

TRAVEL MAP BUILDER

100+ COMPONENTS

Over 100 different components and design elements created
Sketch App & PLUGINS

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

Less than 50 hours spent to come up with a diligent design and to make client happy
Pixel Perfect & GRID ARCHITECTURE

All components and elements are strictly lined up
Distinct Naming FOR ALL GROUPS AND LAYERS

Sketch file is organised carefully, so it’s easy to support in future
Vector Shapes LOGOTYPE, ICONS & MINOR ELEMENTS

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

Every used design elements are in a 100% vector. All artboards are resizable

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.
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 ↘ #FF7573
  - #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.
Typography
- HEADING 1
  
  Font family:
  
  Nunito Bold
  
  Font size:
  
  72 px
  
  The quick brown fox jumpsover the lazy…
- HEADING 2
  
  Font family:
  
  Nunito Bold
  
  Font size:
  
  24 px
  
  The quick brown fox jumpsover the lazy…
- HEADING 3
  
  Font family:
  
  Nunito Regular
  
  Font size:
  
  16 px
  
  The quick brown fox jumpsover the lazy…
- SUBTITLE
  
  Font family:
  
  Nunito Regular
  
  Font size:
  
  16 px
  
  The quick brown fox jumpsover the lazy dog.
- BODY
  
  Font family:
  
  Nunito Regular
  
  Font size:
  
  12-16 px
  
  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 traveler where he can see his travel history and create future trip 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 a campaign. Screen with all the necessary information about
a specific traveler. It showcases the general info about
the person + givesa detailed idea on his travel activity.
ADD NEW TRIP

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