Top Banner
Making prototypes Museu Picasso responsive design (2) Ajda Zupancic I Iwona Jabłonowska
47

Responsive design

Mar 28, 2016

Download

Documents

Prezentacja makiety responsywnej strony muzeum Pabla Picassa w Barcelonie.
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Responsive design

.

page.

Making prototypes Museu Picasso responsive design (2)

Ajda Zupancic I Iwona Jabłonowska

Page 2: Responsive design

.

page.

TABLE OF CONTENTSReticula Muzeum PicassoWireframe desktopWireframe TabletWireframe smartphone

Page 3: Responsive design

.

page.

RETICULA

Page 4: Responsive design

.Making prototypes I Reticula

Logo Museum Menu/ Picture Picture Secondary Menu

EXHIBITIONS

VISIT

COLLECTION NEWS

ACTIVITIES

LOGO

FOOTER

LOGOi serch

shere calen.

VISIT

PICASSO

NEWSABOUT US

CURRENTEXHIBITIONS

FOOTER

EXHIBITIONS

COLLECTION &

BUILDING

Future exhibitions

Previous exhibitions

Touring exhibitions

Logo Museum Menu/ Picture Picture Secondary Menu

LOGO

VISIT

CURRENTEXHIBITIONS

NEWS

COLLECTION &

BUILDING PICASSO ABOUT

US

EXHIBITIONS

FOOTER

i serch

shere calen.

Future exhibitions

Previous exhibitions

Touring exhibitions

Logo Museum Menu/ Picture Picture Secondary Menu

Current exhibitions

Desktop, tablet, smartphone

Page 5: Responsive design

.Making prototypes I Reticula

Page 6: Responsive design

.Making prototypes I Reticula

Desktop

Page 7: Responsive design

.Making prototypes I Reticula

Tablet

Page 8: Responsive design

.Making prototypes I Reticula

Smartphone

Page 9: Responsive design

.Making prototypes I Wireframes

WIREFRAMES

Page 10: Responsive design

Making prototypes I Museums benchmark .

long it can be homepage.long it can be homepage.long it can be home-page.

page.

DESKTOP

Page 11: Responsive design

.Making prototypes I Wireframes

iCurrent exhibitions

Visit

Collection & Building

Pablo Picasso

Exhibitions

About us

News

Contact Hire museum halls FAQ Web accesibility Site credits Press

English | Castellano

Page 12: Responsive design

.Making prototypes I Wireframes

iCurrent exhibitions

Visit

Collection & Building

Pablo Picasso

Exhibitions

About us

News

Contact Hire museum halls FAQ Web accesibility Site credits Press

Timetable and prices

Group visit

Getting there

Guided tours

Museum map

Recommendet route

Museum’s accessibility

Route by main works

English | Castellano

Page 13: Responsive design

.Making prototypes I Wireframes

i

Collection & Building

Pablo Picasso

Exhibitions

About us

NewsNews

Timetable& prices

Group visitGetting there Guided tours Museum map Recommendedroute

Museum’saccessibility

Route bymain works

Visit

Contact Hire museum halls FAQ Web accesibility Site credits Press

Open

Tuesday to Sundays (including holidays): 10 am to 8 pm

Access to rooms until 30 minutes before closing

Closed

Mondays (except bank holidays)

Annual bank holidays

1st January, 1st May, 24th June, 25th and 26th December

2013 Monday (bank holidays)

1 April and 20 May

Admission

Museum + temporary exhibition € 11

Temporary exhibition € 4,40

Reduced fee

Museum + temporary exhibition € 6

Temporary exhibition € 3

Visitors under 29 years old, seniors over 65, unemployed, retired, holders of

the Library Network Card, holders of the discount Targeta Rosa (Pink Card),

large families qualify for discounts on the entry price.

Proof must be shown.

Free entrance

Under 16s, over 65s holding the free Targeta Rosa (Pink Card), members of

the ICOM and teachers (proof required).

All Sundays free from 3 pm.

First Sunday of each month, free Museum entrance for everybody.

Open door days

12th February, 18th May, 24th September

The shop and restaurant as well as the entire ground floor ha-llway and room 0 are open-access.

English | Castellano

Page 14: Responsive design

.Making prototypes I Wireframes

NewsNews

Visiti

Collection & Building

Pablo Picasso

About us

NewsNews

Current exhibitions Previous exhibitionsFuture exhibitions Touring exhibitionsVisit

Contact Hire museum halls FAQ Web accesibility Site credits Press

Exhibitions Current exhibition 1

Short description of thisexhibition

Current exhibition 2

Short description of thisexhibition

Current exhibition 1

Current exhibition 2

English | Castellano

Page 15: Responsive design

.Making prototypes I Wireframes

i

Collection & Building

Pablo Picasso

About us

NewsNews

Current exhibitions Previous exhibitionsFuture exhibitions Touring exhibitionsVisit

Contact Hire museum halls FAQ Web accesibility Site credits Press

Exhibitions

This exhibition celebrates the thirtieth anniversary of Jacqueline Picasso’s donation of 41 unique ceramics to the city of Barcelona. These plates, jugs and bowls were among gifts Picasso had made to her over the course of the two decades that they shared their lives.

An introductory section presents ceramic portraits of Jacqueline and a superb oil painting of her that Picasso dedicated and gave to his wife. In addition, photographs document their relations-hip through ceramics and the first display of the donation in Barcelona in 1982. The works in the donation are grouped together in four cases.

Activities related to this exhibition

Activity 1

Activity 2

Exhibition catalogueAuthor

BUY NOW

Current exhibition 1

English | Castellano

Page 16: Responsive design

.Making prototypes I Wireframes

i

Collection & Building

Pablo Picasso

Exhibitions

About us

News

Timetable& prices

Group visitGetting there Guided tours Museum map Recommendedroute

Museum’saccessibility

Route bymain works

Visit

Contact Hire museum halls FAQ Web accesibility Site credits Press

rooms

1 2 3

rooms

5 6 7

rooms

10 11

room

16

room

9

rooms12 1314 15

room

4

room

8

printable version

English | Castellano

Page 17: Responsive design

Making prototypes I Wireframes

i

Collection & Building

Pablo Picasso

Exhibitions

About us

NewsNews

Timetable& prices

Group visitGetting there Guided tours Museum map Recommendedroute

Museum’saccessibility

Route bymain works

Visit

Contact Hire museum halls FAQ Web accesibility Site credits Press

Room 1

MÁLAGA, 1890 - LA CORUÑA, 1891-1895 Room 1

Pablo Ruiz Picasso’s early years were spent in the artistic milieus of which his father, José Ruiz Blasco, was a member. He plied the trades of painter, teacher at the San Telmo School of Fine Arts and Trades and curator of the Malaga Municipal Museum all at the same time. The figure of his father was decisive in launching young Pablo’s artistic career; from early childhood he had shown a marked predilection for drawing.The Museum has conserved some of the few drawings that still exist from that first period. The line and composition are essentially childish, though in some of them we can glimpse some academic rules, no doubt the result of his attempts to

English | Castellano

Page 18: Responsive design

Making prototypes I Wireframes

Pablo Picasso

Exhibitions

About us

NewsNews

The Collection

Advanced search

The Building LibraryVisit

Contact Hire museum halls FAQ Web accesibility Site credits Press

Collection & Building

1900 - 1901

1917

1895 - 1897

1901 - 1904

1899 - 1900

1905 - 1906

The training years

The avant garde

Highlights

Paris

Barcelona

Blue period

Las meninas

Rose period

Prints

search catalogue... Searchi

English | Castellano

image of picasso

Page 19: Responsive design

Making prototypes I Wireframes

Pablo Picasso

Exhibitions

About us

NewsNews

The Collection

Advanced search

The Building LibraryVisit

Contact Hire museum halls FAQ Web accesibility Site credits Press

Collection & Building

material

technique

year from

title

inventory number

to

1900 - 1901

1917

1895 - 1897

1901 - 1904

1899 - 1900

1905 - 1906

The training years

The avant garde

Highlights

Paris

Barcelona

Blue period

Las meninas

Rose period

Prints

search catalogue... Searchi

English | Castellano

Page 20: Responsive design

Making prototypes I Wireframes

Pablo Picasso

Exhibitions

About us

NewsNews

The Collection

Advanced search

The Building LibraryVisit

Collection & Building

Highlights

search catalogue... Searchi

English | Castellano

Page 21: Responsive design

Making prototypes I Wireframes

Pablo Picasso

Exhibitions

About us

NewsNews

Advanced search

Visit

Collection & Building

search catalogue... SearchThe Collection The Building Library i

English | Castellano

Page 22: Responsive design

Making prototypes I Wireframes

Pablo Picasso

Exhibitions

About us

NewsNews

The Collection

Advanced search

The Building LibraryVisit

Collection & Building

search catalogue... Search

English |

iHighlights

The training years 1895 - 1897

The avant garde 1899-1900

Paris 1900 - 1901

Blue period 1901 - 1904

Rose period 1905 - 1906

Barcelona 1917

Prints

Las meninas

English | Castellano

Page 23: Responsive design

Making prototypes I Wireframes

Pablo Picasso

Exhibitions

About us

NewsNews

Advanced search

Visit

Collection & Building

search catalogue... SearchThe Collection The Building Library i

English | Castellano

Oil on canvas, 30 x 65 cmRoofs over Barcelona

Page 24: Responsive design

Making prototypes I Wireframes

Pablo Picasso

Exhibitions

About us

NewsNews

Advanced search

Visit

Collection & Building

search catalogue... SearchThe Collection The Building Library i

English | Castellano

Oil on canvas, 30 x 65 cmRoofs over Barcelona

1.Tortero publius ulvisseam mil co Catores, prorivi dees-todium ocut nem. ocondum.

Ciemus. Sp. Fortimanum ublius.Tortero publius ulvissenam mil co Catores, prorivi deestodium ocut C. Illa nem o condum lientif ecerius facchus senaris.Eliis actandit iam in destam opublin aticis. Maed Catuam et; es sus et; num, quis; iam, firtis hos sen sultiae cermac resilla no. conloca est vis ad-duconsus nost venat, vivid conerfecon sensultilius sericem uscerfinti sun-te, Catum, quemod res cultu in dium non hacit prenatierra? Enat et; num.

Hocrum at, que nos atque is horae aut fes? Equas ateriamprae tu que ium sid C. Mrei. pro haciem. Romnonsil consuli cerfirit. Satus ad dem opoendi enatum tem us, unt? Nostrum vissoltum int? Quasteris is finatenite, se qui pre aut videstantior in sato et ipiemus aurbis virmis, nihi, nonsupi onlost consum ut inat. It, que cons conlocrenat L. Me moludeestem ocrent, quis.

Page 25: Responsive design

Making prototypes I Wireframes

TABLET

Page 26: Responsive design

Making prototypes I Wireframes

Visit

Exhibitions

i

Current exhibitions

Pablo Picasso News

Collection& Building About us

Contact Hire museum halls FAQ Press

Visit

Exhibitions

i

Current exhibitions

Pablo Picasso News

Collection& Building About us

Contact Hire museum halls FAQ Press

Page 27: Responsive design

Making prototypes I Wireframes

ExhibitionsCurrent exhibitions

Pablo Picasso News

Collection& Building About us

Contact Hire museum halls FAQ Press

Timetable and prices

Group visit

Getting there

Guided tours

Museum map

Recommendet route

Museum’s accessibility

Route by main works

Visit

ii

Collection

Library

The buildings

Museum catalog

Main Works of the Museum

Images gallery

Photo Archive

Origin of the collection

Blue period

I EsEnBACK Contact Hire museum halls FAQ PressAbout us

Collection & Building

Visit

Exhibitions

Current exhibitions

Pablo Picasso

NewsCollection& Building

Page 28: Responsive design

Making prototypes I Wireframes

iVisit

Timetable and prices

Group visit

Getting there

Guided tours

Museum map

Recommendet route

Museum’s accessibility

Route by main works

Open

Tuesday to Sundays (including holidays): 10 am to 8 pm

Access to rooms until 30 minutes before closing

Closed

Mondays (except bank holidays)

Annual bank holidays

1st January, 1st May, 24th June, 25th and 26th December

2013 Monday (bank holidays)

1 April and 20 May

Admission

Museum + temporary exhibition € 11

Temporary exhibition € 4,40

Reduced fee

Museum + temporary exhibition € 6

Temporary exhibition € 3

Visitors under 29 years old, seniors over 65, unemployed, retired, holders of the Library

Network Card, holders of the discount Targeta Rosa (Pink Card), large families qualify

for discounts on the entry price.

Proof must be shown.

Free entrance

Under 16s, over 65s holding the free Targeta Rosa (Pink Card), members of the ICOM

and teachers (proof required).

All Sundays free from 3 pm.

First Sunday of each month, free Museum entrance for everybody.

Open door days

12th February, 18th May, 24th September

The shop and restaurant as well as the entire ground floor hallway and room 0 are open-access.

I EsEnBACK Contact Hire museum halls FAQ PressAbout us

iExhibitions

Current exhibition

Future exhibiton

Current exhibition 1 Short description of this exhibition. Short description of this exhibition. Short descrip-tion of this exhibition. Short description.

Current exhibition 2 Short description of this exhibition. Short description of this exhibition. Short descrip-tion of this exhibition. Short description.

I EsEnBACK Contact Hire museum halls FAQ PressAbout us

Current exhibition 1

Current exhibition 2

Page 29: Responsive design

Making prototypes I Wireframes

iExhibitions

Current exhibition

Future exhibiton

Current exhibition 1 Short description of this exhibition. Short description of this exhibition. Short descrip-tion of this exhibition. Short description.

I EsEnBACK Contact Hire museum halls FAQ PressAbout us

Current exhibition 1

iExhibitions

Current exhibition

Future exhibiton

Current exhibition 1

This exhibition celebrates the thirtieth anniversary of Jacqueline Picasso’s donation of 41 unique ceramics to the city of Barcelona. These plates, jugs and bowls were among gifts Picasso had made to her over the course of the two decades that they shared their lives.

An introductory section presents ceramic portraits of Jacqueline and a superb oil painting of her that Picas-so dedicated and gave to his wife. In addition, photo-graphs document their relationship through ceramics and the first display of the donation in Barcelona in 1982. The works in the donation are grouped together in four cases.

Activities related to this exhibition

Activity 1

Activity 2

Exhibition catalogueAuthor

BUY NOW

I EsEnBACK Contact Hire museum halls FAQ PressAbout us

Page 30: Responsive design

Making prototypes I Wireframes

iExhibitions

Current exhibition

Future exhibiton

rooms

1 2 3

rooms

5 6 7

rooms

10 11

room

16

room

9

rooms

12 1314 15

room

4

room

8

I EsEnBACK Contact Hire museum halls FAQ PressAbout us

iExhibitions

Current exhibition

Future exhibiton

Room 1

I EsEnBACK Contact Hire museum halls FAQ PressAbout us

MÁLAGA, 1890 - LA CORUÑA, 1891-1895 Room 1

Pablo Ruiz Picasso’s early years were spent in the artistic milieus of which his father, José Ruiz Blasco, was a member. He plied the trades of painter, teacher at the San Telmo School of Fine Arts and Trades and curator of the Malaga Municipal Museum all at the same time. The figure of his father was decisive in launching young Pablo’s artistic career; from early childhood he had shown a marked predilection for drawing.The Museum has conserved some of the few drawings that still exist from that first period. The line and composition are essentially childish, though in some of them we can glimpse some academic rules, no doubt the result of his attempts.

Page 31: Responsive design

Making prototypes I Wireframes

i

Collection

Library

The buildings

Museum catalog

Main Works of the Museum

Images gallery

Photo Archive

Origin of the collection

Collection & Building

1900 - 1901

1917

1895 - 1897

1901 - 1904

1899 - 1900

1905 - 1906

The training years

The avant garde

Highlights

Paris

Barcelona

Blue period

Las meninas

Rose period

Prints

I EsEnBACK Contact Hire museum halls FAQ PressAbout us

i

Collection

Library

The buildings

Museum catalog

Main Works of the Museum

Images gallery

Photo Archive

Origin of the collection

Collection & Building

Highlights

I EsEnBACK Contact Hire museum halls FAQ PressAbout us

Page 32: Responsive design

Making prototypes I Wireframes

Collection

Library

Museum catalog

Main Works of the Museum

Images gallery

Photo Archive

Origin of the collection

The buildings

iCollection & Building

Oil on canvas, 30 x 65 cmThe Divian, 1987

I EsEnBACK Contact Hire museum halls FAQ PressAbout us

Collection

Library

Museum catalog

Main Works of the Museum

Images gallery

Photo Archive

Origin of the collection

The buildings

iCollection & Building

Oil on canvas, 30 x 65 cm

The Divian, 1987

Ciemus. Sp. Fortimanum ublius.Tortero publius ulvissenam mil co Catores, prorivi deestodium ocut C. Illa nem o condum lientif ece-rius facchus senaris.Eliis actandit iam in destam opublin aticis. Maed Catuam et; es sus et; num, quis; iam, firtis hos sen sultiae cermac resilla no. conloca est vis adducon-sus nost venat, vivid conerfecon sensultilius seri-cem uscerfinti sunte, Catum, quemod res cultu in dium non hacit prenatierra? Enat et; num.

Hocrum at, que nos atque is horae aut fes? Equas ateriamprae tu que ium sid C. Mrei. pro haciem.

1.Tortero publius ulvisseam mil co Catores, prorivi dees-todium ocut nem. ocondum.

I EsEnBACK Contact Hire museum halls FAQ PressAbout us

Page 33: Responsive design

Making prototypes I Wireframes

BACK

Page 34: Responsive design

Making prototypes I Wireframes

SMARTPHONE

Page 35: Responsive design

Making prototypes I Wireframes

Visit

Calendar Collection

Suscribe to newsletter

Shere

I En Es

Visit

Calendar Collection

Suscribe to newsletter

Shere

I En Es

Page 36: Responsive design

Making prototypes I Wireframes

Visit

Guided tours Museum map

Recommendet route

Museum’s accessibility

Route by main works

Follow the Museum

ContactTimetable and prices

Group visit

Getting there

BACK I En Es

Collection

Museum catalog

BACK

Oil on canvas, 30 x 65 cm

Roofs of Barcelona, 1903

I En Es

Suscribe to newsletter

Visit

Collection

Shere

Calendar

Page 37: Responsive design

Making prototypes I Wireframes

Visit

Timetable & pricesOpen

Tuesday to Sundays (including holidays): 10 am to 8 pm

Access to rooms until 30 minutes before closing

Closed

Mondays (except bank holidays)

Annual bank holidays

1st January, 1st May, 24th June, 25th and 26th December

2013 Monday (bank holidays)

1 April and 20 May

Admission

Museum + temporary exhibition € 11

Temporary exhibition € 4,40

BACK I En Es

Current exhibitions

BACK I En Es

Collection

Current exhibition 1

Current exhibition 2

Page 38: Responsive design

Making prototypes I Wireframes

Current exhibitions

BACK I En Es

Collection

Current exhibition 1

Current exhibitions

Collection

This exhibition celebrates the thirtieth anniversary of Jacqueline Picasso’s donation of 41 unique ceramics to the city of Barcelona. These plates, jugs and bowls were among gifts Picasso had made to her over the course of the two decades that they shared their lives.

An introductory section presents ceramic portraits of Jacqueline and a superb oil painting of her that Picasso dedicated and gave to his wife. In addition, photographs

Activities related to this exhibition

Activity 1

Exhibition catalogueAuthorBACK I En Es

Current exhibition 1

Page 39: Responsive design

Making prototypes I Wireframes

Recommended route

Visit

BACK I En Es

rooms

1 2 3

rooms

5 6 7

rooms

9 10 11

room

16

room

9

rooms12 13 14 15

room

4

room

8

Recommended route

Visit

Room 1

MÁLAGA, 1890 - LA CORUÑA, 1891-1895 Room 1

Pablo Ruiz Picasso’s early years were spent in the artistic milieus of which his father, José Ruiz Blasco, was a member. He plied the trades of painter, tea-cher at the San Telmo School of Fine Arts and Trades and curator of the Malaga Municipal Museum all at the same time. The figure of his father was decisive in launching young Pablo’s artistic career; from early childhood he had shown a marked predi-lection for drawing.

BACK I En Es

Page 40: Responsive design

Making prototypes I Wireframes

Collection

Museum catalog

BACK I En Es

1900 - 1901

1917

1895 - 1897

1901 - 1904

1899 - 1900

1905 - 1906

The training years

The avant garde

Highlights

Paris

Barcelona

Blue period

Las meninas

Rose period

Prints

search catalogue...

Collection

Museum catalog

BACK I En Es

Highlights

Page 41: Responsive design

Making prototypes I Wireframes

Collection

Museum catalog

BACK I En Es

Oil on canvas, 30 x 65 cmThe Divian, 1987

Collection

Museum catalog

BACK

Oil on canvas, 30 x 65 cmRoofs of Barcelona, 1903

I En Es

Page 42: Responsive design

Making prototypes I Wireframes

Collection

Museum catalog

BACK I En Es

Oil on canvas, 30 x 65 cm

The Divian, 1987

Ciemus. Sp. Fortimanum ublius. Torterpu in blius ulvissenam mil co Catores, prorivi deest odium ocut C. Illa nem o condum lientifin ecerius facchus senaris. Eliis actandit iamer in destam opublin aticis. Maed Catuam et; es sus et; num, quis; iam, firtis hos sen sultiae cermac resilla no. conloca est vis adduconsus nost venat, vivid conerfecon sensultilius sericem uscerfinti sunte, quemod.res cultu dium non hacit. prenatierra?

BACK

Page 43: Responsive design

Making prototypes I Wireframes

EGZAMPLES OF USE

Page 44: Responsive design

Making prototypes

Desktop

Page 45: Responsive design

Making prototypes

Tablet

Page 46: Responsive design

Making prototypes

Smartphone

Page 47: Responsive design

.

page.

thank you