radu dragan 2018 portofolio dragan 2018 portofolio.pdfpagination objectives mvp show motorcycle maps...

Radu Dragan Portofolio 2018

enjoy

MotorcycleRomaniapag: 2 - 11

AttendEnjoypag: 12 - 13

LuminaMathpag: 13 - 17

IOMCpag: 18 - 22

Pagination

Objectives

MVP

Show Motorcycle maps of Romania

Show other usefull data like number of turns, gas stations etc.

Production

Add Plus Value over competitors

4500 visitors daily

Build a community around the tours

MotorcycleRomania 2

Landing page

Map

Page

TehnologyMVP Considered Production

MotorcycleRomania 3

FrontendJavascript [ES6]jQuery 3.1 X 3

Angular JS - 5 -

Google Maps Api X X X

Bootstrap 4 3/4 4

Font Awesome 4.5 4/5 5

CSS 3 3 3

Google Web Fonts X X X

MVP ProductionBackendPHPNodeJS - X -

7 6/7 7

.net - X -

MVP ProductionServersideApacheLinux X X X

X X X

MVP ProductionPaginationhtaccess X X X

MVP ProductionDataBaseMariaDB - X X

Considered

Considered

Considered

Considered

Wireframe

MotorcycleRomania 4

<

Landing

Map

Page

Implementation

MotorcycleRomania 5

Landing

Map

Page

<

LessPagination

MotorcycleRomania 6

Map

@panelsize: 400px;

#map-container { position: fixed; top: 0; bottom: 0; left: 0; right: @panelsize;

#map-iframe { width: 100%; height: 100%;}

}

@media only screen and (max-width: (@panelsize * 2))

#map-container { position: relative; right: 0; width:100vw;}

#text-container { margin-left: 0;}

#text-container { margin-left: calc(100vw - @panelsize);}

LESS.theme(@name,@bk-color, @text-color, @bk-color-highlight){ .@{name} .map-line span, .@{name} .moto-toolbar-men.map, .@{name} { background-color: @bk-color; }

.@{name} .moto-map-text .map-line h3:after { background-color: @bk-color-highlight; }

.@{name} #moto-map-google-frame:after { background: linear-gradient(to right,transparent, @bk-color); }

.@{name} .moto-toolbar.map { background-color: fade(@bk-color,60%); }

.@{name} .color-invert, .@{name} .moto-toolbar h2, .@{name} .moto-map-text p, .@{name} .moto-toolbar span, .@{name} .moto-toolbar span a, .@{name} .moto-head-rate i, .@{name} .gps { color: @text-color; }

.@{name} .g-title, .@{name} .g-subtitle, .@{name} .moto-map-text h3 { color: @bk-color-highlight; }

.@{name} .moto-head-rate .i-empty i { -webkit-text-fill-color: @bk-color; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: @text-color; }}

.theme(g-day, #ffffff, #676767, #18263c);

.theme(g-night, #18263c, #ffffff, #cfc278);

.theme(g-retro, #ffffff, #676767, #18263c);

.theme(g-night-mono, #000000, #757575, #3d3d3d);

.theme(g-zombie, #3f3f3f, #76706b, #aa4140);

CSS.g-day .map-line span,.g-day .moto-toolbar-men.map,.g-day { background-color: #ffffff;}.g-day .moto-map-text .map-line h3:after { background-color: #18263c;}.g-day #moto-map-google-frame:after { background: linear-gradient(to right, transparent, #ffffff );}.g-day .moto-toolbar.map { background-color: rgba(255, 255, 255, 0.6);}.g-day .color-invert,.g-day .moto-toolbar h2,.g-day .moto-map-text p,.g-day .moto-toolbar span,.g-day .moto-toolbar span a,.g-day .moto-head-rate i,.g-day .gps { color: #676767;}.g-day .g-title,.g-day .g-subtitle,.g-day .moto-map-text h3 { color: #18263c;}.g-day .moto-head-rate .i-empty i { -webkit-text-fill-color: #ffffff; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #676767;}

ColorPatterns

MotorcycleRomania 7

gDay

#ffffff

#676767

#18263c

gNight

#18263c

#fbf5d4

#cfc278

gRetro

#ffffff

#676767

#18263c

gNight

#000000

#757575

#3d3d3d

gZombie

#ffffff

color color color mono special

#76706b

#aa4140

DesignPatterns

MotorcycleRomania 8

Seguoi UI 100

A B CČ Ć D Đ E F G H I J K L MNO PQ R S Š T U VW X Y Z Ž a b c č ć d đ e fg h i j k l m n o p q r s š t u v w x y z ž ĂÂ Ê ÔƠƯ ă â ê ô ơ ư 1 2 3 4 5 6 7 8 9 0‘ ? ’ “ ! ” ( % ) [ # ] { @ } / & \ < - + ÷ × => ® © $ € £ ¥ ¢ : ; , . *

Seguoi UI 300

A B CČĆ DĐ E F G H I J K LMNO PQ R S Š T U VWX Y Z Ž a b c č ć d đ ef g h i j k l m n o p q r s š t u v w x y z žĂ Â Ê ÔƠƯ ă â ê ô ơ ư 1 2 3 4 5 6 7 89 0 ‘ ? ’ “ ! ” ( % ) [ # ] { @ } / & \ < - +÷ × = > ® © $ € £ ¥ ¢ : ; , . *

Seguoi UI 700

AB CČĆDĐ E F GH I J K LMNOPQR S Š T U VWXY Z Ž a b c č ć dđ e f g h i j k l m n o p q r s š t u v wx y z ž Ă Â ÊÔƠƯ ă â ê ô ơ ư 1 2 34 5 6 7 8 9 0 ‘ ? ’ “ ! ” ( % ) [ # ] { @ }/ & \ < - + ÷ × = > ® © $ € £ ¥ ¢ : ;, . *

Typography

MotorcycleRomania 9

TitleSubtitle

Tagline

paragraph

h1.g-title

h2.g-subtitle

h3

p

MRmotorcycleromania

Logotype

MotorcycleRomania 10

motorcycleromania.com

Full resolution

Low resolution Portrait

Mono

Negative Negative discreet

MotorcycleRomania

Logotype

MotorcycleRomania 11

Motorcycle

The main focus for this project is the Motorcycle. To be a biker is like being in an informal group, we salute each other when we meet on a road friends and strangers alike. As a biker you will always find someone on a remote parts of the world to help you if your motorcycle is in trouble.

This project wants to create a community that shares experiences gained touring throw Romanians roads. We share maps, pictures and basic information about the selected routes.

Mountains

The project is called Motorcycle Romania and the best routes to follow in Romania are throw the mountains. Transfagarasan, Transalpina and Transbucegi routes are full of beautiful sceneries and picture perfect sports. Romanian mountains are a big part of romanian heritage and we are

incorporating it in this project. Mountain villages are full of hospitable people that will help you if you are in need of a place to camp or directions, or feed you with delicious meals.

Gear

When you think of bikers, you see a garage full of parts, grease and oils. If this is your first image it is not far from the truth. Even without a garage or a place to repair or improve our bikes bikers tend to gather and share their ideas. Also the maintenance of a motorcycle is curiouses than a

car, the oil needs to be changed more often,the chain needs to be specially maintained, the clutch and brake are checked before every major trip.In a sentence, you need to be a little bit of a craftsmen to own a bike.

Attendenjoy 12

enjoy

AAPlayfare display#FFFFFF#075C2F#0C9447 #000000 Mf Yellow

enjoy

Attend enjoy

Attendenjoy 13

LuminaMath 14

LuminaMath 15

LuminaMath 16

Concurs National de Matematica | Editia

a XVII-a

Concurs National de Matem

atica | Editia a XVII-a

Concurs National de Matematica | Editia a XVII-a

2013

2013

2013


Nume Pre numeFunctie


Radu Dragan

LuminaMath 17

IOMC 18

CARAVANA DE EVENIMENTE

CRAIOVA9-10 Octombrie 2015Universitatea din Craiova | Sala Albastră | Blvd. Alexandru Ioan-Cuza nr. 13

PedDEX - Curs național de Pediatrie I.O.M.C.

Ioana AZOIȚEI | 0742.155.500 | e-mail: [email protected]

Eveniment creditat cu

20*

Management Eveniment

OrganizatoriEveniment

Linked MediaMedical Events

*9 puncte prin participarea la eveniment și 12 puncte prin absolvirea cursului online.

Pentru înscrieri și informații suplimentare

www.peddex.linkedmedia.ro

Prof. Univ. Dr. Adrian-Ioan GEORGESCU

Asist. Univ. Dr.Beata ACS

Asist. Univ. Dr.Iustina V. STAN*

CS II. Dr. Florentina MOLDOVANU

CS II. Dr. Michaela NANU

Echipa

Luca BicaPr & Event

Cristian BrăgăuSales & Marketing

Alexandra NegoițăTelemarketing

Alexandra MaracineanuTelemarketing

Mihaela TicaTelemarketing

Alice SerbanTelemarketing

Iulia VilauTelemarketing

Macro StoicaTelemarketing

IOMC 19

Iași#��

IAȘI#��

Brașov#009e67

Cluj#e41e26

Timișoara#ec1c91

Tg. Mures#00757e

Craiova#0e6faa

IOMC 20

120x600Wide Skyscraper

160x600Wide Skyscraper

250x250Square

125x125Square button

300x200Medium rectangle

468x60Medium rectangle

728x90Leader bord

IOMC 21

851x315Cover Photo

FacebookPage

168x168Profil Photo

1200x900Shared image

784x294Cover Image

470x351Shared imagedisplay

OCT

09 Conferinta Nationala de pediatrie PedDEX | Craiova

FacebookEvent

Web Event

1262x2902560x1440Artwork

784x294Cover Image

784x294Cover Image

Youtube

IOMC 21

IOMC 22

CARAVANA DE EVENIMENTE

CRAIOVA9-10 Octombrie 2015Universitatea din Craiova | Sala Albastră | Blvd. Alexandru Ioan-Cuza nr. 13

PedDEX - Curs național de Pediatrie I.O.M.C.

Eveniment creditat cu

20*

Management Eveniment

Linked MediaMedical Events

Pentru înscrieri și informații suplimentare

www.peddex.linkedmedia.ro

Prof. Univ. Dr. Adrian-Ioan GEORGESCU

Asist. Univ. Dr.Beata ACS

Asist. Univ. Dr.Iustina V. STAN*

CS II. Dr. Florentina MOLDOVANU

CS II. Dr. Michaela NANU

GOLDPartner

Înainte La eveniment După

• Logo şi o scurtăprezentare în newsletter-ul de promovare a evenimentului.

• Inserare machetă coperta 4 a caietului program.

• Inserare logo companie pe materialele de promovare ale evenimentului.

• Apariţie în comunicatele de presa pre eveniment.

• Trimiterea de newsletter către o bază de date de peste 18,000 de medici.

• Sampling în mapa participanţilor.

• Simpozion companie/produs (30 min ).

• Spaţiu expoziţional (12 m2).

• Postare bannere în zona de recepție, precum şi în sala de conferinţe.

• Proiectare logo companie pe ecranul din sală în timpul pauzelor de cafea.

• Apariţie în revista, articol post eveniment.

• Follow-up, eveniment.

• Apariţie în comunicatele de presa post eveniment.

8000 Euro + TVA

SILVERPartner


• Inserare logo pe site-ul companiei (www.linkedmedia.ro), cu link de redirecţionare pe site-ul propriu.

• Inserare logo companie pe materialele depromovare ale evenimentului.

6000 Euro + TVA


• Simpozion companie/produs (20 min).

• Spaţiu expoziţional (8m2).

• Postare bannere în zona de receptie, precum şi în sala de conferinţe.


• Apariţie în revista.

• Follow-up eveniment.

BRONZPartner


• Inserare logo pe site-ul companiei (www.Linkedmedia.ro), cu link de redirecţionare pe site-ul propriu.

• Proiectare logo companie pe materialele de promovare ale evenimentului.


• Simpozion companie/produs (10 min).




• Apariţie în revistaDurerea.

• Follow-up eveniment.

4500 Euro + TVA

STANDPartner


• Inserare logo pe site-ul companiei (www.linkedmedia.ro), cu link de redirecţionare pe site-ul propriu.

• Proiectare logo companie pe materialele de promovare ale evenimentului.





3000 Euro + TVA

• Apariţie în revistaDurerea

• Follow-up eveniment

TIMING SERVICII STAND BRONZ SILVER GOLDPRE- EVENIMENT

Logo-ul companiei pe site-ul organizatorului Da Da Da Da

Logo-ul companiei pe materiale eveniment Da Da Da Da

Apariție în comunicatele de presă sau articole — Da Da Da

Logo-ul companiei și prezentarea companiei în newsletterul de promovare al evenimentului

— — Da Da

Posibilitate de direct mailing la trimiterea invitațiilor — — — Da

Transmiterea unui newsletter personalizat către 20.000 de medici

— — — Da

Montarea standului expozițional de către organizator — — — Da

EVENIMENT Insert în mapa participantului Da Da Da Da

Expunerea pe spider-ul, banner-ul și rollup-urile evenimentului

Da Da Da Da

Servicii foto în timpul evenimentului Da Da Da Da

Proiecția logo-ului pe ecranul din sală în timpul pauzelor Da Da Da Da

Spațiu expozițional 8m² 8m² 18m² 22m²

Voucher taxă de eveniment 5 10 15 20

Inserarea machetei în caietul program Macheta Macheta Coperta 3 Coperta 4

Simpozion companie — 15 min. 20 min. 30 min.

Roll-up la secretariat și în sala de conferință — Da Da Da

Proiecția logo-ului pe ecranul din sală în timpul pauzelor — Da Da Da

Posibilitatea organizării unei tombole — — Da Da

Servicii video în timpul evenimentului — — — Da

Realizarea unui material video cu un caz clinic — — — 15 min

Proiectarea logo-ului companie în zona pauzelor de cafea — — — Da

Promovarea în cadrul cinei lectorilor — — —

Mapa și pixul evenimentului — — —

Posibilitatea de a organiza un workshop dedicat — — —

Da

Da

Da

POST-EVENIMENT

Follow-up eveniment cu borderou de prezență Da Da Da Da

Apariție în comunicatele de presă post-eveniment Da Da Da Da

Promovare în cadrul cursului on-line — — Da Da

Articol în revistă post-eveniment — — Da Da

Direct mailing în plicul diplomei participantului — — — Da

Demontat stand expozițional și livrare la sediul clientului

— — — Da

Preț (fără TVA) 3.000 € 4.500 € 6.000 € 8.000 €

Luca BICA0724 395 869

[email protected]

radu dragan 2018 portofolio dragan 2018 portofolio.pdfpagination objectives mvp show motorcycle maps...

Documents