secure jobs the first time design for mobile devices

54
Secure jobs the first time Design for Mobile Devices | GWDA 382 | PrivMi Yun Lei | Sheron Sherman | Ashleigh Paynter | Gregorio Pereira Diego Zurita | Alejandro Hernandez

Upload: others

Post on 03-Feb-2022

2 views

Category:

Documents


0 download

TRANSCRIPT

Secure jobs the first time

Design for Mobile Devices | GWDA 382 | PrivMi

Yun Lei | Sheron Sherman | Ashleigh Paynter | Gregorio Pereira

Diego Zurita | Alejandro Hernandez

CONTENTSTable of

CREDITS

QUICK FACTS

AUDIENCE SEGMENTS

PRODUCT DESCRIPTION

APP FEATURES

PROJECT MANAGEMENT

INFORMATION DESIGN

PROJECT GOALS

BUSINESS MODEL

PERSONAS

Hands On - Camil Kapic

Target Device

Storyboard

Customer Journey

Emotionally Unstable - Marko Subasic

Target Device

Storyboard

Customer Journey

4 14-21

8-9

6

11

5 14-17

18-2110

7

12

13

2

PAPER PROTOTYPE

PROTOTYPE TESTING RESULTS

REFERENCES

BRANDING

FINAL PROTOTYPE - MOCKUP

INTERACTION DIAGRAM

PROTOTYPE TESTING CONCLUSIONS

UI ELEMENTS

FINAL PROTOTYPE - CODE

PERSONAS (CONTINUED)

Frustrated Family Man - Boris Novak

Target Device

Storyboard

Customer Journey

Control Freak - Amina Fari

Target Device

Storyboard

Customer Journey

30-3122-29

46-47

40-41

49

32-3922-25

26-2948

42-45

50-52

53

3

4

CREDITS

YUN LEI : PrivMi App Prototype (Marvel & Invision) | Interaction Diagram | Storyboard

DIEGO ZURITA: Customer Journey | Product Description

ASHLEIGH PAYNTER: Scrub Master | Business Model | Logo Design | Presentation

SHERON SHERMAN: Team Leader | Styleguide | Interface

ALEJANDRO HERNANDEZ: Customer Journey | Audience Segments | Quick Facts

GREGORIO PEREIRA: Personas | Research | Target Device | Storyboard | Logo Styleguide

5

PROJECT MANAGEMENTSLACK:https://frontendunicorns.slack.com/messages/jobapp/

TRELLO:https://trello.com/b/zz6XCtTN/privmi

6

PROJECT DESCRIPTION

Our group decided to build a job hunting app for the citizens of Bosnia and Herzegovina.

Our target audience will be the young adults between the ages of 15 and 30.

7

Providing a variation of jobs for everyone no matter the work experience.

Providing our users with a safe and secure app.

Having an app that is user friendly.

PROJECT GOALS

8

QUICK FACTS: BOSNIA

POPULATION: 3,840,000CAPITAL: Sarajevo; 579,000AREA: 51,129 square kilometers (19,741 square miles)LANGUAGE: Croatian, Serbian, BosnianRELIGION: Muslim, Orthodox, Roman CatholicCURRENCY: Marka (BAM)LIFE EXPECTANCY: 72GDP per capital: U.S. $1,900LITERACY PERCENT: 97SMARTPHONE USAGE: 40%

9

TARGETED REGION

10

INFORMATION DESIGN

Our app provides users with job location and allows them the ability to choose the region they are from.

The information our users provide are secured and protected by our system. Information provided by users includes; emails, addresses, region of inhabtiance, and religious views.

11

APP FEATURES

Flexible Job Selections.Providing the option for full time and part time jobs.Geo-location of where each job is located.Search bar for keywords to boost efficiency.Real time job updates (Premium members only).Reviews and comments section for current users for feedback on the app/jobs.The ability to save personal profile(Premium members only).

12

BU

SIN

ES

S M

OD

EL

13

AUDIENCE SEGMENTSA

ll C

usto

mer

s

Young Professional(18 < Age < 30)

Good long term potentialLower Ticket Size

Higher risk taking capability

Financially dependant(Age < 18)

Behaviour determined byGuardian

Married Professional(30 < Age < 45)

Additional needs - Child Education, buying first home,

increase in insurance

14

MARKO SUBASICEMOTIONALLY UNSTABLE

Marko left home at a younger age because the reminders of the war became to much for him to handle. He moved back to Bosnia in 1998 but has still had no luck with finding a job since the day he graduated.He currently works at a cafe but there are way more students than jobs available, and doesn’t know how long he can keep his job.

He studied in the political science field, but will settle for anything to help him make ends meet.

Bachelor’s DegreeAge: 23

Resides: Mostar

Income: 10 BAM (Wk)

Occupation: Cafe (temp)

Relationship Status: Single

Children: 0

About Me

Public SpeakingPlanning/Organizing

FlexibilityMotivated

Team Player

CommunicationCreative

Leadership

Personal Skills

Professional Skills

15

TA

RG

ET

DE

VIC

E BLU 'Studio C 5+5' with Bosnia & Herzegovina SIM Card

199.95 BAM

4G LTE-Advanced supportAndroid OS, 4.2v KitKat

1.3 Ghz Quad core proces-sor

1GB RAM, micro SD card

WiFi enabled - connects to any WiFi hotspot

Bluetooth / GSM

GPS + A-GPS support.

16

looks like I can sign up foran account or just browse.

Guess I’ll make an accountto stay updated. Time fill out my information.

Awesome i can select my regionand not have to worry about traveling into dangerous territory.

The map shows jobs closest to me. clicking on thelittle marker gives me information about the job.

What does the updates doinside this tab?It is a list of avaliable jobs?Oh, I see. I can find job thatfits me.Cool!!! I love the description.

Ah ok so when i click on the “apply” button I am taken directlyto the employers site.

This side tab allows me to edit my information later on, Cool!

They even have a contacts page for if i am having trouble with the app.

Home PageS ign Up Page Profile Editing Main Map Page Specific Map Company Info The Hiding Tab Profile Page Updates Page Job Description Connect Page Sending Message Contact Page

Why do I have to fill out soomany things?!

Marko is bored because he hastryed other appsbut produced no result.

Marko is

frusterated at having to

fill out so many forms.

Marko likes that he gets recomendationsabout jobs in his areabut feels like they aren’twhat he is looking for.

He finds jobs that

he likes.

Doubts himself and his compatibilityto those jobs.

Marko finds agreat job that he loves and feel safe and confortable knowing it is inhis area!

17

User:Age: 23Income: 10 BAM.Hometown: MostarEducation: College (BA)Background: Has had trouble finding a jobthat has to do with his major. currently works at a cafe.

Scenario: User Needs:One day while at work Marco overhears studentsfrom the local college talking about an app that they have been using in order to find jobs. The aap is cvvalled Privmi, after hearing this Marco decided togive the app a try.

Job nearby his area

Job-time is flexible

Job with fair salary

Bored Excited Satisfy Doubt Curious Exploring

DescriptionThe User is given the option of signing up, logging in, or Browsing.

If they choose to signup they fillout the necessary information.

User builds their profile.

The user chooses their region and can begin looking for a job.

User could zoom inthe map and selectthe specific locationto know available jobs.

Side tab allows user to update/efit profile.

the user recives job suggestions according to their profile.

User could connectwith the company’sstaff by connectpage inside the hidingtab.

User could find thetechnical anwersand contact us onthe contact page.

Adjectives

Thinking

Location

Emotion

MARKO SUBASICEMOTIONALLYUNSTABLE

Marko downloads the app

Marko finds a

job that he has

confidence in

and decides to

apply for one

CAMIL KAPICHANDS ON

Age: 15

Resides: Sarajevo

Income: 6 BAM (Wk-previous)

Occupation: None (current)

Relationship Status: Single

Children: 0

About Me

Public SpeakingPlanning/Organizing

FlexibilityMotivated

Team Player

CommunicationCreative

Leadership

Personal Skills

Professional Skills

18

Due to a troubled and rebellious upbringing Camil didn’t go to the university. He disliked school, but likes hands on jobs , such as assembling products in a factory. He has worked at warehouses for the local supermarkets. After he quit his job, he plans to get a job that is related to his interests.

High School Degree

19

TA

RG

ET

DE

VIC

EHuawei Y3II with Bosnia & Herzegovina SIM Card

164.95 BAM

4G LTE-Advanced support

Android OS, v5.1 (Lollipop)

1.3 GHz Quad-Core Cortex-A7

8GB built-in, 1GB RAM, microSD card

Photo/video.

WiFi enabled - connects to any WiFi hotspot

GPS + A-GPS support.

20

21

Thinking

Location

Emotion

Adjectives

looks like I can sign up foran account or just browse.

Guess I’ll make an accountto stay updated. Time fill out my information.

Awesome i can select my regionand not have to worry about traveling into dangerous territory.

The map shows jobs

closest to me. clicking on thelittle marker gives me information about the job.

What does the updates doinside this tab?It is a list of avaliable jobs?Oh, I see. I can find job thatfits me.Cool!!! I love the description.

Ah ok so when i click on the “apply” button I am taken directlyto the employers site.

This side tab allows me to edit my information later on, Cool!

They even have a contacts page for if i am having trouble with the app.

Home PageS ign Up Page Profile Editing Main Map Page Specific Map Company Info The Hiding Tab Profile Page Updates Page Job Description Connect Page Sending Message Contact Page

Why do I have to fill out soomany things?!

Camil is bored during this stage because he hates the fact that he has to fillout forms.

After filling out theforms he begins looking at the offersand is glad to knowhe can find some around where he lives.

He remains neutral in thisstage because he hasnt found the position he is lookingfor.

Bored Excited Satisfy Doubt Curious Exploring

DescriptionThe User is given the option of signing up, logging in, or Browsing.

If they choose to signup they fillout the necessary information.

User builds their profile.

The user chooses their region and can begin looking for a job.

User could zoom inthe map and selectthe specific locationto know available jobs.

Side tab allows user to update/efit profile.

the user recives job suggestions according to their profile.

User could connectwith the company’sstaff by connectpage inside the hidingtab.

User could find thetechnical anwersand contact us onthe contact page.

User:Age: 16Income: 6 BAM. (previously)Hometown: SarajevoEducation: HighschoolBackground: Was a rebellious kid and decided against going to college.

Scenario: User Needs:Tired of having his parents nag at him for nothaving a job Camil went on the app store and found an app for job hunting called Privmi so he decided to give it a shot.

Job nearby his area

Job-time is flexible

Job with fair salary

CAMIL KAPICHANDS ON

AMINA FARICONTROL FREAK

Amina grew up in the Brcko District of Bosnia with

her family. They lived there until she was 15 then

moved to Mostar. She attended college in Mostar

and spent her freetime out in the field with her

mother.

Currently working at Agrokomerc she holds

a postion as a manager. Recently she had to

hire a group of new employees due the stores

expansion.

She studied Communications and Management

at the University of Mostar. After graduating she

began a management position at Agrokomerc.

Bachelor’s Degree

22

Public SpeakingPlanning/Organizing

Flexibility

Motivated

Team Player

CommunicationCreative

Leadership

Personal Skills

Professional Skills

Age: 23

Resides: Mostar

Income: 210 BAM (Wk)

Occupation: Manager

Relationship Status: Single

Children: 0

About Me

TA

RG

ET

DE

VIC

E

23

Samsung Galaxy Trend with Bosnia & Herzegovina SIM Card

229.95 BAM

4G LTE-Advanced supportAndroid 4.4.4 KitKat

European 4G (2100Mhz perfect for browsing!) quad band phone

WiFi enabled - connects to any WiFi hotspot

Geo-tagging

GPS + A-GPS support.

24

25

AMINA FARICONTROL FREAK

User:Name: Amina Fariage: 23Income: 210 BAM.Hometown: Mostar.Education: Bachelors.Occupation: AgrokomercRelation Status: SingleChildren: 0

Scenario:Amina grow up in Brcko Distric of Bosnia withher family. They lived there until she was 15 thenshe moved to Monstar. She attended college inMostar and spent her freetime out in the fieldwith her mother.Currently working at Agrokomerc she workedas a manager. Recently she had to apply a groupof new employees because the stores expansion.

User Needs:

Job nearby his area

Job-time is flexible

Job with fair salary

Thinking

Location

Emotion

Adjectives

I have tosign up for account. I need to fill this form out?

This look great, I could have theselection on different areas!!Oops, I found a hidding tab!

This is convenience for me,Let’s click one of these dots on this map?Woow! Jobs availableAWESOME!!!

What does the updates doinside this tab?It is a list of avaliable jobs?Oh, I see. I can find job thatfits me.Cool!!! I love the description.

If I am interested at this job,how can I connect with them?How can I edit information

in future?Does it inside thehidding tab?

if I have any technicalproblems with this app,where can i ask for?Um, there is contact pageinside the hiding tab.

Home Page Sign Up Page Profile Editing Main Map Page Specific Map Company Info The Hiding Tab Profile Page Updates Page Job Description Connect Page Sending Message Contact Page

WHAAT!! I have to type mydegree, skills, and previous jobs

Amina in this stage she’sa little bit bored becauseshe need to fill out forms.

After filling out theforms she begins looking at the offersand is glad to knowshe can find some around where she lives.

Her curiosity start risingbecause she is searchingfor jobs that look great andprofessional.

She

finally

finds

something

she

likes

and

is

happy!

Bored Excited Satisfy Doubt Curious Exploring

DescriptionUser sign up/log in an account on the homepage,also could log in withFacebook or LinkedIn

User need to set upaccount information.

User need to fillout their profile.

User choose one ofthe area on the map.there is a button linksto a hiding bar. Thesearch bar is for userto search jobs.

User could zoom inthe map and selectthe specific locationto know available jobs.

User edit /updatetheir profile iunderthe hiding tab on themain map page.

User recieve jobsthat fit their profileThey could also checkthe details and apply it.

User could connectwith the company’sstaff by connectpage inside the hidingtab.

User could find thetechnical anwersand contact us onthe contact page.

BORIS NOVAKFRUSTRATED FAMILY MAN

Boris started working at the age of 15 with his father in

a factory in Yugoslavia. At 18, Boris went in to the Croati

an Armed Forces for 2 years. At 20 Boris fell in love and

became a dad.

Now with 2 kids, Boris is working part time in a warehouse,

and part time custodian. He works too many hours for not

a lot of pay. Home life is feeling very heavy for him.

He’s looking for a fulltime job so he can spend more time

with his family.

Boris has many years of working experiance, from driving a

taxi to loading cargo on trucks and trains. He is very smart

and hard working, but his limited education only allows him

to reach a certain level.

Bachelor’s Degree

26

Age: 33

Resides: Croatia

Income: 130 BAM

Occupation: 728.00 BAM Mo

Relationship Status:

Married

Children:

2

About Me

Team PlayerLeadershipPublic SpeakingPlanning/Organizing

MotivatedFlexibilityCreativeCommunication

Personal Skills

Professional Skills

TA

RG

ET

DE

VIC

E

27

LG G2 with Bosnia & Herzegovina SIM Card

269.95 BAM

4G LTE-Advanced support

Android OS, v4.2.2 (Jelly Bean) Chipset Qualcomm MSM8974 Snapdragon 800 CPU Quad-core processor

2.26 GHz Krait 400 GPU Adreno 330

WiFi enabled - connects to any WiFi hotspot.

GPS + A-GPS support.

28

29

BORIS NOVAKFRUSTRATED FAMILY MAN

User:Name: Boris.age: 33Income: 130 BAM.Hometown: Croatia.Education: High School.Background: first job at 15 years oldArmy: at 18 years old for 2 yearsFamily: 2 kids and a wife.

Scenario: User Needs:Boris works a lot hours to support his family.Also, he doesn’t have time to spend quality timewith his wife and two kids. One day, Boris wassearching jobs on his android and surprisinglyhe saw Privmi. Boris felt amazing to know aboutPrivmi.

Job nearby his area

Job-time is flexible

Job with fair salary

Thinking

Location

Emotion

Adjectives

I have tosign up for account. I need to fill this form out?

This look great, I could have theselection on different areas!!Oops, I found a hidding tab!

This is convenience for me,Let’s click one of these dots on this map?Woow! Jobs availableAWESOME!!!

What does the updates doinside this tab?It is a list of avaliable jobs?Oh, I see. I can find job thatfits me.Cool!!! I love the description.

If I am interested at this job,how can I connect with them?How can I edit information

in future?Does it inside thehidding tab?

if I have any technicalproblems with this app,where can i ask for?Um, there is contact pageinside the hiding tab.

Home Page Sign Up Page Profile Editing Main Map Page Specific Map Company Info The Hiding Tab Profile Page Updates Page Job Description Connect Page Sending Message Contact Page

WHAAT!! I have to type mydegree, skills, and previous jobs

Boris

is

bored

during

this stage because

he

hates

the

fact

that

he

has

to

fill

out

forms.

After

filling

out

theforms

he

begins

looking

at

the

offersand

is

glad

to

knowhe

can

find

some

around

where

he

lives.

He remains neutral in thisstage because he hasnt found the position he is lookingfor.

He finally finds something

he likes and is happy!

Bored Excited Satisfy Doubt Curious Exploring

DescriptionUser sign up/log in an account on the homepage,also could log in withFacebook or LinkedIn

User need to set upaccount information.

User need to fillout their profile.

User choose one ofthe area on the map.there is a button linksto a hiding bar. Thesearch bar is for userto search jobs.

User could zoom inthe map and selectthe specific locationto know available jobs.

User edit /updatetheir profile iunderthe hiding tab on themain map page.

User recieve jobsthat fit their profileThey could also checkthe details and apply it.

User could connectwith the company’sstaff by connectpage inside the hidingtab.

User could find thetechnical anwersand contact us onthe contact page.

Boris is bored

because he has

tryed other apps

but produced

no result.

Boris is in

doubt

because he

doesn’t

know

what job

he want to

pick.

30

PA

PE

R P

RO

TO

TY

PE

S

31

32

INTERACTION DIAGRAM

Users need to log intheir account to usethe app (Fb, LikIn).

New users have to fill out the formsthat about personal information.

If users click the search tab, theapp will turn user to the log inscreen.

Search

Login Sign Up

Login (Username or Email)

Password

First Name

Last Name

Email

Confirm Email

Password

Next

Confirm Password

Religion

Ethnicity

Finish

ExperienceAdd One

EducationAdd One

SkillsAdd One

1. Opening Screen1.a

1.a

1.b

After users sign in/log in,turn the page to job list(depending on user’sinterests and sponsored job)

2. Job Screen

Search

OPENING | JOB

ALL PERSONAS

33

After users log in/ sign up the account,they jump to a page which allow userto choose an nearby or located district.Click one of these area, open the map page.

Search

3. Map Screen

Touch the search area,open the text field fortyping any keywords.

Search

Skenderija

Medicinsidfakultet

Arhjtektonskifakultet

Bascarsija

4. Sub-map Screen

4.a

MAP | SUB-MAP

34

JOB DESCRIPTION

Save job for reviewin profile page, andit shows a window

to tell user that theirjob review has saved

to their profile.

A caution window show upto tell userthat they apply

the job is not work throughthe app, then turn to the

company’s websiteautomatically for application.

Search

Search

+ Air Quality Monitor Added to

Profile

ApplySave +

ApplySave +

5. Job Decription Screen

5.a

35

Search

You Are Now LeavingPrivMi

https://www.bosniaandjobs.com

AQM Inc.Air Quality Monitor ( Two People)

Information : Lorem ipsum dolor sit amet,

consectetur adipiscing elit. Ut et dolor

vestibulum, semper erat a, rhoncus risus. Mauris

ultrices nisi vitae turpis aliquam, sed facilisis erat porttitor. In hac habitasse platea dictumst. Nunc

auctor hendrerit sodales. Curabitur leo diam,

porta ac tellus in, auctor congue mi. Pellentesque purus dui, fringilla a pellentesque nec, molestie non diam. Ut semper mollis sapien in vehicula. Proin viverra hendrerit nunc, nec mollis eros cursus ut. Cras sed ipsum tristique odio luctus ornare. Aliquam vel luctus nisi. Donec sit amet lectus placerat, ultricies purus eget.

Requirements:

Apply

ApplySave +

5.b 5.c

36

PROFILE

Click “edit”button, thenhold on the text field

for editing/modify profile

When users typingin the text field, the

“edit” button will changeto “save”, after modify

profile info, click “save” toreturn your profile page.

Profile

Profile

ContactEdit

ContactSave

6. Profile Screen6.a

3

37

View any newmessages from your

connection, scrolling downto see the messages.

Profile

Edit ContactEdit Contact

CamilHi Camil! I saw that you have experience as a marketing manager. We’re looking for someone with your skillset at our firm.

Cheer,Apic

Person2Hi Camil! I saw that you have experience as a marketing manager. We’re looking for someone with your skillset at our firm.

Cheer,Apic

Reply

Reply

CamilHi Camil! I saw that you have experience as a marketing manager. We’re looking for someone with your skillset at our firm.

Cheer,Apic

Reply

6.b 6.c

Profile

Edit Contact

Ci l

Profile

38

UPDATES

Choose one of the job,open the job info page.

UpdatesJobs we think fit

UpdatesJobs we think fit you

SponsoredTevca Inc.Industrial

Tevca is an industrial company that builds structures in Bosnia.

Site Apply

7. Updates Screen 7.a

39

CONNECT | CONTACT

Click these button tosend or reply the

message, after that,return to connect page.

Click the person toopen the messag pageto see the messages or

send messages toother users

Contact page show PrivMi’scommon Q&A and the customer

service information for users.

ConnectSpeaks to other Privs

ConnectSpeaks to other Privs

ReplySend

ConnectSpeaks to other Privs

ContactHere to answer questions and concerns

Q.

A.

8. Connect Screen 9. Contact Screen8.a

8.b

40

TypographyPrimary: Metropolis MediumSecondary: Metropolis Thin

Aa aabbccddeeffgghhiijjkkllmmnnooppqqrssttuuvvwwxxyyzz

aabbccddeeffgghhiijjkkllmmnnooppqqrssttuuvvwwxxyyzzAa

DependableSafe Secure

Connect Employment

Employment Efficient

Improving

Effective

ContactConvienient

Secondary Colors

Medium Blue#31B4CD

R: 49 G: 180 B: 205

Medium Gray#BCBEC0

R: 188 G: 192 B: 205#E8EAEA

R: 232 G: 234 B: 234

Light Gray

Primary Colors

White#FFFFFF

R: 255 G: 255 B: 255

Blue#2A3B8F

R: 42 G: 59 B: 143

Yellow#FFCE11

R: 255 G: 206 B: 17

STYLEGUIDE

Interface Elements

Profile Update Connect Contact

Profile Update Connect Contact

Part-Time Full-tim ap (Start Up) Search

Map Locatio ist (One Time) App Buttonn

e

L

M

41

LOGO STYLEGUIDE

When the app is opened, the screen is yellow and the logo is “off”. Then as the app loads, the screens changes from yellow to blue and the logo turns “on”-- and then switches over to the log in screen.

PrivMi Launch Screen

#BCBEC0Medium Grey

#0000CDYellow

The logo is primeraly always yellow. The signal rays will switch from grey to yellow, depending on the use of the logo.

The grey is #BCBEC0 in RGB.for CMYK, use C= 30, M=24, Y=23, K=0

The yellow is #0000CD in RGB.For CMYK, use C= 01, M=19, Y=99, K=0

PrivMi brand identity and style guide

PrivMi Complete LogoThe logo can easily be used as is against background colors that are strong and dark and still maintain legibility

Another version that is acceptable is the stand alone logo, or type.

PrivMi Logo B &W

Logo AWhen the logo is used independently, then use over 0.98 in. For tablet.

PrivMi logo sizes

Minimum width in.

0.98 in.

Maximum width in.

No maximum size for Logo

Logo BWhen the logo is used independently, then use between 0.59 in to 0.94 in.For Smartphones.

Logo CWhen the type is used independently, use between 0.59 in to 0.94 in.For Smartphones.

0.59 in.

0.59 in. 0.94 in.

0.94

42

UI ELEMENTS

Profile ScreenYour personal screen where you can

update your information and also where people can contact you.

Experienceorem ipsum dolor sit amet, consectetur adipiscing elit. Ut et dolor vestibulum, semper erat a, rhoncus risus. Mauris ultrices nisi vitae turpis aliquam, sed facilisis erat porttitor. In hac habitasse platea dictumst. Nunc auctor hendrerit sodales. Curabitur leo diam, porta ac tellus in, auctor congue

ContactSave

Camil Kapic - 19 Islam

Bio

Educationorem ipsum dolor sit amet, consectetur adipiscing elit. Ut et dolor vestibulum, semper erat a, rhoncus risus. Mauris ultrices nisi vitae turpis aliquam, sed facilisis erat porttitor. In hac habitasse platea dictumst. Nunc auctor hendrerit sodales. Curabitur leo diam, porta ac tellus in, auctor congue

Profile ScreenYour personal screen where you can

update your information and also where people can contact you.

Experienceorem ipsum dolor sit amet, consectetur adipiscing elit. Ut et dolor vestibulum, semper erat a, rhoncus risus. Mauris ultrices nisi vitae turpis aliquam, sed facilisis erat porttitor. In hac habitasse platea dictumst. Nunc auctor hendrerit sodales. Curabitur leo diam, porta ac tellus in, auctor congue

Contact

Camil Kapic - 19 Islam

Bioorem ipsum dolor sit amet, consectetur adipiscing elit. Ut et dolor vestibulum, semper erat a, rhoncus risus. Mauris ultrices nisi vitae turpis aliquam, sed facilisis erat porttitor. In hac habitasse platea dictumst. Nunc auctor hendrerit sodales. Curabitur leo diam, porta ac tellus in, auctor congue

Educationorem ipsum dolor sit amet, consectetur adipiscing elit. Ut et dolor vestibulum, semper erat a, rhoncus risus. Mauris ultrices nisi vitae turpis aliquam, sed facilisis erat porttitor. In hac habitasse platea dictumst. Nunc auctor hendrerit sodales. Curabitur leo diam, porta ac tellus in, auctor congue

Profile ScreenYour personal screen where you can

update your information and also where people can contact you.

Experienceorem ipsum dolor sit amet, consectetur adipiscing elit. Ut et dolor vestibulum, semper erat a, rhoncus risus. Mauris ultrices nisi vitae turpis aliquam, sed facilisis erat porttitor. In hac habitasse platea dictumst. Nunc auctor hendrerit sodales. Curabitur leo diam, porta ac tellus in, auctor congue

ContactUpdate Update

Camil Kapic - 19 Islam

Bioorem ipsum dolor sit amet, consectetur adipiscing elit. Ut et dolor vestibulum, semper erat a, rhoncus risus. Mauris ultrices nisi vitae turpis aliquam, sed facilisis erat porttitor. In hac habitasse platea dictumst. Nunc auctor hendrerit sodales. Curabitur leo diam, porta ac tellus in, auctor congue

Educationorem ipsum dolor sit amet, consectetur adipiscing elit. Ut et dolor vestibulum, semper erat a, rhoncus risus. Mauris ultrices nisi vitae turpis aliquam, sed facilisis erat porttitor. In hac habitasse platea dictumst. Nunc auctor hendrerit sodales. Curabitur leo diam, porta ac tellus in, auctor congue

Camil Kapic - 19Islam

Bioorem ipsum dolor sit amet, consecteturadipiscing elit. Ut et dolor vestibulum,semper erat a, rhoncus risus. Mauris ultricenisi vitae turpis aliquam, sed facilisis eratporttitor. In hac habitasse platea dictumst.

Camil

Hi Camil! I saw that you have experience as a marketing manager. We’re looking for someone with your skillset at our firm.

Cheer,Apic

Send

orem ipsum dolor sit amet, consectetur adipiscing elit. Ut et dolor vestibulum, semper erat a, rhoncus risus. Mauris ultrices nisi vitae turpis aliquam, sed facilisis erat porttitor. In hac habitasse platea dictumst. Nunc auctor hendrerit sodales. Curabitur leo diam, porta ac tellus in, auctor congue

- PROFILE

43

Update ScreenThis where jobs we think are in your

hemisphere.

Update ScreenThis where jobs we think are in your

hemisphere.

SponsoredTevca Inc.Industrial

Bosnia Agriculture Inc.Agriculture

SponsoredCanning ProductionBusinessAja KapicHey, Sister just started my PrivMi account and saw you!

SponsoredTevca Inc.Industrial

Bosnia Agriculture Inc.Agriculture

SponsoredCanning ProductionBusiness

UpdatesJobs we think fit you

Aja KapicHey, Sister just started my PrivMi account and saw you!

Site Apply

SponsoredTevca Inc.Industrial

Tevca is an industrial company that builds structures in Bosnia.

UpdatesJobs we think fit you

UPDATE

44

CONNECT

Connect ScreenYour connect page allows to talk to

other PrivMi users.

Aja KapicHey, Sister just started my PrivMi account and saw you!

Ahmad MuhumHey Camil ! How are you?

AmarHey Camil, I’m contacting you on behalf of Tevar Inc. Are you interested in a management......

AdinHey I’m new to PrivMi, would you be able to review my profile?

ConnectSpeaks to other Privs

Connect ScreenYour personal screen where you can

update your information and also where people can contact you.

Aja KapicHey, Sister just started my PrivMi account and saw you!

Reply

Ahmad Muhum

Hey Camil! How are you?

ConnectSpeaks to other Privs

Connect ScreenYour personal screen where you can

update your information and also where people can contact you.

Aja KapicHey, Sister just started my PrivMi account and saw you!

Reply

Ahmad Muhum

Hey Camil! How are you?

ConnectSpeaks to other Privs

Reply

Ahmad Muhum

Hey Camil! How are you?Camil

Hi Camil! I saw that you have experience as a marketing manager. We’re looking for someone with your skillset at our firm.

Cheer,Apic

Reply

45

CONTACT

Contact ScreenYour contact page allows you to

contact the PrivMi staff and answer commonly asked questions.

Aja KapicHey, Sister just started my PrivMi account and saw you!

ContactHere to answer questions and concerns

Q. How do you send your resume to companies?

A. You click the apply button on the job that you would like to pursue.

Q. How do you send your resume to companies?

A. You click the apply button on the job that you would like to pursue.

Q. How do you send your resume to companies?

A. You click the apply button on the job that you would like to pursue.

Customer Service

24/7 Call Center

Email Anytime [email protected]

387 - 473 - 2206

387 - 473 - 2116

46

PROTOTYPE TESTING

47

HEAT MAP RESULTS

48

PROTOTYPE CONCLUSIONS

After testing the app using both Marvel and Invision, we realized that the navigation pages were confusing simply because the PrivMi logo for some people, represented a Profile symbol.

49

FINAL PROTOTYPE - MOCKUP

50

FINAL PROTOTYPE - CODES

PLA

SH

SC

RE

EN

51

CS

S

RE

SU

LT

LOA

DIN

G

52

LOG

IN S

CR

EE

N

RE

SU

LT52

53

REFERENCES

http://www.encyclopedia.com/topic/Bosnia_and_Herzegovina.aspx

https://en.wikipedia.org/wiki/Bosnia_and_Herzegovina

53