transformal GmbH

»(Image navigation)«: Difference between revisions

(Created page with "[[de:{{T|(Bildnavigation)}}]] This is a series of interactive illustrations on split self-narration: At the left (top) a professional and at the right (bottom) a personal perspective. ==Welcoming== {{ImageStack |background=File:Begrüßung Foto.png |overlay1=File:01_Begrüßung Firma.png |overlay2=File:02 Begrüßung Firma.png |overlay3=File:03 Begrüßung Firma.png |overlay4=File:04 Begrüßung Firma.png |width=400 |height=400 |align=left |mouseimage=File:Bildnavigatio...")
 
 
(28 intermediate revisions by the same user not shown)
Line 1: Line 1:
[[de:{{T|(Bildnavigation)}}]]
[[de:{{T|(Bildnavigation)}}]]
This is a series of interactive illustrations on split self-narration: At the left (top) a professional and at the right (bottom) a personal perspective.
This is a series of interactive illustrations on split self-narration: First a professional and then a personal view of the same aspect of their narrative.  
 
==Home==
==Welcoming==
{{ImageStack
{{ImageStack
|background=File:Begrüßung Foto.png
|background=File:Begrüßung Foto.png
Line 13: Line 12:
|align=left
|align=left
|mouseimage=File:Bildnavigation.42px.png
|mouseimage=File:Bildnavigation.42px.png
|title=Professional Perspective
|title0=Professional Perspective
|title1=Professional Perspective: Welcoming
|title2=Professional Perspective: Welcoming
|title3=Professional Perspective: Welcoming
|title4=Professional Perspective: Welcoming
|ellipsis_invert=true
|ellipsis_invert=true
}}
}}
{{ImageStack
{{ImageStack
|background=File:Begrüßung Foto.png
|background=File:Begrüßung Foto.png
|overlay1=File:01_Begrüßung Firma.png
|overlay1=File:01_Begrüßung Person.png
|overlay2=File:02 Begrüßung Firma.png
|overlay2=File:02 Begrüßung Person.png
|overlay3=File:03 Begrüßung Firma.png
|overlay3=File:03 Begrüßung Person.png
|overlay4=File:04 Begrüßung Firma.png
|overlay4=File:04 Begrüßung Person.png
|width=400
|width=400
|height=400
|height=400
|align=left
|align=left
|mouseimage=File:Bildnavigation.42px.png
|mouseimage=File:Bildnavigation.42px.png
|title=Personal Perspective
|title0=Personal Perspective
|title1=Personal Perspective: Welcoming
|title2=Personal Perspective: Welcoming
|title3=Personal Perspective: Welcoming
|title4=Personal Perspective: Welcoming
|ellipsis_invert=true
|ellipsis_invert=true
}}
}}


==Offering==
==Offer==
{{ImageStack
{{ImageStack
|background=File:Angebot Foto.png
|background=File:Angebot Foto.png
Line 44: Line 51:
|align=left
|align=left
|mouseimage=File:Bildnavigation.42px.png
|mouseimage=File:Bildnavigation.42px.png
|title=Professional Perspective
|title0=Professional Perspective
|title1=Professional Perspective: Show something
|title2=Professional Perspective: Show something
|title3=Professional Perspective: Show something
|title4=Professional Perspective: Show something
|title5=Professional Perspective: Show something
|title6=Professional Perspective: Show something
|title7=Professional Perspective: Show something
}}
}}
{{ImageStack
{{ImageStack
|background=File:Angebot Foto.png
|background=File:Angebot Foto.png
|overlay1=File:01_Angebot Firma.png
|overlay1=File:01_Angebot Person.png
|overlay2=File:02 Angebot Firma.png
|overlay2=File:02 Angebot Person.png
|overlay3=File:03 Angebot Firma.png
|overlay3=File:03 Angebot Person.png
|overlay4=File:04 Angebot Firma.png
|overlay4=File:04 Angebot Person.png
|overlay5=File:05 Angebot Firma.png
|overlay5=File:05 Angebot Person.png
|overlay6=File:06 Angebot Firma.png
|overlay6=File:06 Angebot Person.png
|overlay7=File:07 Angebot Firma.png
|overlay7=File:07 Angebot Person.png
|width=400
|width=400
|height=400
|height=400
|align=left
|align=left
|mouseimage=File:Bildnavigation.42px.png
|mouseimage=File:Bildnavigation.42px.png
|title=Personal Perspective
|title0=Personal Perspective
|title1=Personal Perspective: Show something
|title2=Personal Perspective: Show something
|title3=Personal Perspective: Show something
|title4=Personal Perspective: Show something
|title5=Personal Perspective: Show something
|title6=Personal Perspective: Show something
|title7=Personal Perspective: Show something
}}
}}


Line 76: Line 97:
|align=left
|align=left
|mouseimage=File:Bildnavigation.42px.png
|mouseimage=File:Bildnavigation.42px.png
|title=Professional Perspective
|title0=Professional Perspective
|title1=Professional Perspective: Learn
|title2=Professional Perspective: Learn
|title3=Professional Perspective: Learn
|title4=Professional Perspective: Learn
|title5=Professional Perspective: Learn
|title6=Professional Perspective: Learn
|title7=Professional Perspective: Learn
|ellipsis_invert=true
|ellipsis_invert=true
}}
}}
{{ImageStack
{{ImageStack
|background=File:Ausbildung Foto.png
|background=File:Ausbildung Foto.png
|overlay1=File:01_Ausbildung Firma.png
|overlay1=File:01_Ausbildung Person.png
|overlay2=File:02 Ausbildung Firma.png
|overlay2=File:02 Ausbildung Person.png
|overlay3=File:03 Ausbildung Firma.png
|overlay3=File:03 Ausbildung Person.png
|overlay4=File:04 Ausbildung Firma.png
|overlay4=File:04 Ausbildung Person.png
|overlay5=File:05 Ausbildung Firma.png
|overlay5=File:05 Ausbildung Person.png
|overlay6=File:06 Ausbildung Firma.png
|overlay6=File:06 Ausbildung Person.png
|overlay7=File:07 Ausbildung Firma.png
|width=400
|width=400
|height=400
|height=400
|align=left
|align=left
|mouseimage=File:Bildnavigation.42px.png
|mouseimage=File:Bildnavigation.42px.png
|title=Personal Perspective
|title0=Personal Perspective
|title1=Personal Perspective: Learn
|title2=Personal Perspective: Learn
|title3=Personal Perspective: Learn
|title4=Personal Perspective: Learn
|title5=Personal Perspective: Learn
|title6=Personal Perspective: Learn
|ellipsis_invert=true
|ellipsis_invert=true
}}
}}
Line 109: Line 142:
|align=left
|align=left
|mouseimage=File:Bildnavigation.42px.png
|mouseimage=File:Bildnavigation.42px.png
|title=Professional Perspective
|title0=Professional Perspective
|title1=Professional Perspective: Defend
|title2=Professional Perspective: Defend
|title3=Professional Perspective: Defend
|title4=Professional Perspective: Defend
|title5=Professional Perspective: Defend
|title6=Professional Perspective: Defend
|ellipsis_invert=true
|ellipsis_invert=true
}}
}}
Line 124: Line 163:
|align=left
|align=left
|mouseimage=File:Bildnavigation.42px.png
|mouseimage=File:Bildnavigation.42px.png
|title=Personal Perspective
|title0=Personal Perspective
|title1=Personal Perspective: Defend
|title2=Personal Perspective: Defend
|title3=Personal Perspective: Defend
|title4=Personal Perspective: Defend
|title5=Personal Perspective: Defend
|title6=Personal Perspective: Defend
|ellipsis_invert=true
|ellipsis_invert=true
}}
}}
Line 139: Line 184:
|align=left
|align=left
|mouseimage=File:Bildnavigation.42px.png
|mouseimage=File:Bildnavigation.42px.png
|title=Professional Perspective
|title0=Professional Perspective
|title1=Professional Perspective: Konstruieren
|title2=Professional Perspective: Konstruieren
|title3=Professional Perspective: Konstruieren
|title4=Professional Perspective: Konstruieren
|ellipsis_invert=true
|ellipsis_invert=true
}}
}}
Line 152: Line 201:
|align=right
|align=right
|mouseimage=File:Bildnavigation.42px.png
|mouseimage=File:Bildnavigation.42px.png
|title=Personal Perspective
|title0=Personal Perspective
|title1=Personal Perspective: Grow
|title2=Personal Perspective: Grow
|title3=Personal Perspective: Grow
|title4=Personal Perspective: Grow
|ellipsis_invert=true
|ellipsis_invert=true
}}
}}


==Ambitions==
==Ambition==
{{ImageStack
{{ImageStack
|background=File:Ambitionen Foto.png
|background=File:Ambitionen Foto.png
Line 167: Line 220:
|align=left
|align=left
|mouseimage=File:Bildnavigation.42px.png
|mouseimage=File:Bildnavigation.42px.png
|title=Professional Perspective
|title0=Professional Perspective
|title1=Professional Perspective: Conquer
|title2=Professional Perspective: Conquer
|title3=Professional Perspective: Conquer
|title4=Professional Perspective: Conquer
|ellipsis_invert=true
}}
}}
{{ImageStack
{{ImageStack
Line 179: Line 237:
|align=left
|align=left
|mouseimage=File:Bildnavigation.42px.png
|mouseimage=File:Bildnavigation.42px.png
|title=Personal Perspective
|title0=Personal Perspective
|title1=Personal Perspective: Conquer
|title2=Personal Perspective: Conquer
|title3=Personal Perspective: Conquer
|title4=Personal Perspective: Conquer
|ellipsis_invert=true
}}
}}


==Web and printed matter==
==Works==
{{ImageStack
{{ImageStack
|background=File:WebundDruck Foto.png
|background=File:WebundDruck Foto.png
Line 196: Line 259:
|align=left
|align=left
|mouseimage=File:Bildnavigation.42px.png
|mouseimage=File:Bildnavigation.42px.png
|title=Professional Perspective
|title0=Professional Perspective
|title1=Professional Perspective: Give something
|title2=Professional Perspective: Give something
|title3=Professional Perspective: Give something
|title4=Professional Perspective: Give something
|title5=Professional Perspective: Give something
|title6=Professional Perspective: Give something
|title7=Professional Perspective: Give something
|ellipsis_invert=true
|ellipsis_invert=true
}}
}}
Line 212: Line 282:
|align=left
|align=left
|mouseimage=File:Bildnavigation.42px.png
|mouseimage=File:Bildnavigation.42px.png
|title=Personal Perspective
|title0=Personal Perspective
|title1=Personal Perspective: Give something
|title2=Personal Perspective: Give something
|title3=Personal Perspective: Give something
|title4=Personal Perspective: Give something
|title5=Personal Perspective: Give something
|title6=Personal Perspective: Give something
|title7=Personal Perspective: Give something
|ellipsis_invert=true
|ellipsis_invert=true
}}
}}


==From the explanatory report==
==From the explanatory report==
The same photograph is used above for different professional and personal narratives.
Their personality is an indivisible quality of any person. So the same photograph is used for professional and personal self-narration. Their illustration connects them with  a multi-level text navigation. The simulation above reduces it to two levels.
Their personality is an indivisible quality of any person.  
{| class="mw-collapsible mw-collapsed wikitable"  
{| class="mw-collapsible mw-collapsed wikitable"  
! colspan="2" | [[transformal GmbH:Conventions#Archive data|Archive data]]  
! colspan="2" | [[transformal GmbH:Conventions#Archive data|Archive data]]  
|- {{T-HLVT}} |
|- {{T-HLVT}} |
| A '''Description'''  || (Image navigation)<br>Illustration: Steph Mazzagg<br>Photography: Olaf Langmack<br>39 illustrations on 7 photographs
| A '''Description'''  || Image navigation for public self-narration<br>39 Illustrations: Steph Mazagg<br>7 Photographs: Olaf Langmack
|- {{T-HLVT}} |
|- {{T-HLVT}} |
| C '''Manufacture''' ||  Concept for the navigation of this site: Summer 2018<br>Illustration: February until April 2019<br>Photography: Autumn 2018
| C '''Manufacture''' ||  Concept for [[Olaf Langmack#Edition7|semantic navigation]]: Summer 2018<br>Photography: Autumn 2018<br>Illustration: February until April 2019
|-
|-
| D '''Entry''' || Published in July 2025
| D '''Entry''' || Published July 31, 2025
|-
|-
| G&nbsp;'''Maturity''' || Finished Work
| G&nbsp;'''Maturity''' || Finished Work
|-
|- {{T-HLVT}} |
| H '''Affiliation''' ||  [[Olaf Langmack#Edition7|7th Edition]]
| H '''Affiliation''' ||  [[Olaf Langmack#Edition7|7th Edition]] of this site<br>[[{{T|Image Stack}}|Simulation of the application]]
|}
|}
[[Category:Description]]
[[Category:Description]]

Latest revision as of 18:50, 2 August 2025

This is a series of interactive illustrations on split self-narration: First a professional and then a personal view of the same aspect of their narrative.

Home Edit

Offer Edit

Education Edit

Position Edit

Models Edit

Ambition Edit

Works Edit

From the explanatory report Edit

Their personality is an indivisible quality of any person. So the same photograph is used for professional and personal self-narration. Their illustration connects them with a multi-level text navigation. The simulation above reduces it to two levels.

Archive data  
A Description Image navigation for public self-narration
39 Illustrations: Steph Mazagg
7 Photographs: Olaf Langmack
C Manufacture Concept for semantic navigation: Summer 2018
Photography: Autumn 2018
Illustration: February until April 2019
D Entry Published July 31, 2025
G Maturity Finished Work
H Affiliation 7th Edition of this site
Simulation of the application
Retrieved from "https://en.transformal.com/index.php?title=»(Image_navigation)«&oldid=4171"