My Roles

Icon for UI/UX

UI/UX

Responsible for designing an intuitive and smooth UI/UX for all devices. Designed an independent experience for the mobile version of the website, a new desktop version, added responsiveness for tablet and mobile.

Icon for Coding

Front-end

Wrote maintainable and modern code to build UI components, animations and display back-end data dynamically.

Icon for Animation

Animation

Designed and animated an illustration showing the process that follows after sending a request for offers successfully.

Icon for Graphics

Graphics

Designed illustrations and icons for the website, advertisement campaigns, presentations, and other documents.

Icon for Branding

Branding

The logo and a primary color already established when I joined Vervendo. My role was to research and decide on additional colors; create logo variations and a tagline; develop a type system; write content for the website and ads.

Icon for Ad Campaigns

Ad Campaigns

Created illustrations and animations, edited sound effects and music, wrote a voiceover script, and decided on a direction and target audience for social media campaigns.

Color Palette

When I started at Vervendo the primary blue color was already part of the brand.

We wanted to enrich the palette to match the atmosphere and energy of vacations by making a transition towards a split complimentary combination.

There was an addition of a vibrant pink and yellow to our palette.

+
+
+
+

Color Distribution

HEXFFFFFF RGB255 255 255 HSL0 0 100
Primary Color

Used for all purposes throughout the entire brand.

HEX2C6DA9 RGB49 109 169 HSL209 59 42
Primary Color

Used for all purposes throughout the entire brand.

HEXFF577F RGB255 87 127 HSL346 100 67
Secondary Color

Used for buttons, unique offers, host notes, and notifications.

HEXFFCA41 RGB255 202 65 HSL43 100 63
Tertiary Color

Used for added emphasis such as heading underlines.

HEXC98F1D RGB201 143 29 HSL40 75 45
Tertiary Color

Used for added emphasis such as heading underlines.

Mobile Mockup for Exclusive Offers

Typography

Primary Font

Manrope
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890
  • Captions
  • Footnotes
  • Paragraphs
  • Secondary Buttons
  • Headings
  • Primary Buttons
  • Popup Links

As part of the brand refresh, we changed our font from Roboto to Manrope.

Manrope provided the flexibility of both latin and greek characters, which was a helpful asset for a greek company.

As a wider and cleaner font, it served our goal of creating a smooth and engaging environment for our users.

Secondary Font

Caveat
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890
  • Subheadings
  • Quotes
  • Page Titles

To add some warmth, quirkiness, and excitement to our type, we included a complimentary font with a handwritten/cursive style, named Caveat.

How Vervendo Works

Through a quick form the traveller can personalize their vacations. Their request is filtered and sent to all matching hosts.

Illustration showing the process of sending a request for offers

Hosts respond to travelers' requests by creating unique offers that include price discounts, services, experiences, and a note with any additional details.

Illustration showing the process of sending a request for offers

The travellers get notified with every unique offer received and can compare them easily through their dashboard before deciding which one to choose.