3plusx.io
Open in
urlscan Pro
159.69.183.135
Public Scan
Submitted URL: http://3plusx.de/
Effective URL: https://3plusx.io/
Submission: On November 16 via api from US — Scanned from DE
Effective URL: https://3plusx.io/
Submission: On November 16 via api from US — Scanned from DE
Form analysis 0 forms found in the DOM
Text Content
* * Start * Über mich * Kontakt * Instagram * Github * Projekte, Texte, Vorträge 3plusx // Ulf Treger, Hamburg <info@3plusx.de> // Kontakt & Impressum // Datenschutz 3PLUSX.IO Visuelle Kommunikation & digitale Projekte BERATUNG,KONZEPTION,DESIGN,UI/UX,TYPOGRAFIE & PRODUKTION VON DIGITALEN PROJEKTEN PORTFOLIO Web map 2023 JÜDISCHE SCHICKSALE IN WERDER (HAVEL) 1933 – 1945 audioguide.weltoffenes-werder.de/#splash | Colors: 223,186,72 237,107,106 7,79,96 Anchors: 9,36,75 -------------------------------------------------------------------------------- SCHRIFTEN: IBMPlexMono, SpectralBold -------------------------------------------------------------------------------- TECH STACK: Tailwind CSS, Leaflet JS, Static HTML/CSS -------------------------------------------------------------------------------- Website + Karte von Ulf Treger (UI, Icons/Markers, Basemap Design) -------------------------------------------------------------------------------- Kund*in: Stadt-Land.move e.V. Aktionsbündnis Weltoffenes Werder Website 2023 REACH HAMBURG www.reach-hamburg.de | Colors: 188,175,113 198,223,185 210,170,212 238,205,176 215,213,194 215,208,221 Anchors: 135,123,64 66,60,31 -------------------------------------------------------------------------------- SCHRIFTEN: Fabrikat Normal, Georgia, Remix Icon -------------------------------------------------------------------------------- TECH STACK: Foundation, Typo3, jQuery -------------------------------------------------------------------------------- Website von Thomas Böker (Content) + Felix Raeithel (UI/Templates, Typo3) + Ulf Treger (Design/UI, Typo3, Illustration) -------------------------------------------------------------------------------- Kund*in: Ökopol - Institut für Ökologie und Politik GmbH Website 2023 PRO INKLUSION HAMBURG E.V. www.pro-inklusion-hamburg.de | Colors: 228,21,19 245,238,89 184,228,246 245,210,228 226,237,229 Anchors: 0,0,0 -------------------------------------------------------------------------------- SCHRIFTEN: AtkinsonHyperlegible -------------------------------------------------------------------------------- TECH STACK: Typo3, Foundation -------------------------------------------------------------------------------- Website von Thomas Böker (Content) + Ulf Treger (Design/UI, Production) -------------------------------------------------------------------------------- Kund*in: Pro Inklusion Hamburg e.V. Web map 2022 TREIBGUT PLATTFORM treibgut-plattform.net/#splash | Colors: 255,120,0 172,214,239 123,50,51 222,217,217 Anchors: 245,157,10 0,0,0 -------------------------------------------------------------------------------- SCHRIFTEN: P22Mackinac-Medium$, IBMPlexMono-Regular -------------------------------------------------------------------------------- TECH STACK: Leaflet JS, Tailwind CSS, ORTE Backend -------------------------------------------------------------------------------- Website + Karte von Ulf Treger (Design, UI/UX, Code) -------------------------------------------------------------------------------- Kund*in: Felix Dreesen + Stephan Thierbach Projekt + Fotografien: Felix Dreesen + Stephan Thierbach Website 2021 BEWEGUNGSSTIFTUNG www.bewegungsstiftung.de/magazin | Colors: 255,183,17 254,214,123 204,0,0 36,95,9 132,49,117 254,254,254 Anchors: 112,14,24 -------------------------------------------------------------------------------- SCHRIFTEN: HKGrotesk, Georgia, Remix Icons -------------------------------------------------------------------------------- TECH STACK: Typo3, Foundation -------------------------------------------------------------------------------- Website von Felix Raeithel + Ulrike Schulz Basiert auf Design + Illustrationen von Felix Raeithel + Ulf Treger -------------------------------------------------------------------------------- Kund*in: Bewegungsstiftung Web map 2021 GEDENKEN ZUM 76. JAHRESTAG DER BEFREIUNG DES STALAG X B SANDBOSTEL www.sandbostel76.de | Colors: 30,83,101 94,120,131 165,44,50 200,183,183 Anchors: 30,83,101 26,71,87 -------------------------------------------------------------------------------- SCHRIFTEN: Bitter Regular, Work Sans -------------------------------------------------------------------------------- TECH STACK: Leaflet JS, D3.js, Foundation, Ruby on Rails -------------------------------------------------------------------------------- Website + Karte von Sebastian Fuchs (Code, Einreichungsformular) + Ulf Treger (Design/UI) -------------------------------------------------------------------------------- Kund*in: Gedenkstätte Lager Sandbostel Website 2021 GWA ST. PAULI E.V. gwa-stpauli.de | Colors: 249,216,64 255,127,0 77,165,150 249,49,113 121,203,220 254,248,223 155,155,155 Anchors: 0,3,51 0,0,0 -------------------------------------------------------------------------------- SCHRIFTEN: Work Sans, Font Awesome -------------------------------------------------------------------------------- TECH STACK: Typo3, Foundation, jQuery, Leaflet JS -------------------------------------------------------------------------------- Website von Ulrike Schulz (Typo3) + Ulf Treger (Design, UI/UX) -------------------------------------------------------------------------------- Kund*in: GWA St. Pauli e.V. Website 2020 REPUBLIKANISCHER ANWÄLTINNEN- UND ANWÄLTEVEREIN E. V. (RAV) www.rav.de/start | Colors: 140,16,41 28,106,153 251,185,23 206,214,215 Anchors: 153,0,0 -------------------------------------------------------------------------------- SCHRIFTEN: Atkinson-Hyperlegible -------------------------------------------------------------------------------- TECH STACK: Typo3, jQuery -------------------------------------------------------------------------------- Website von Felix Raeithel + Ulf Treger (Design Relaunch, UI/UX, 2020) -------------------------------------------------------------------------------- Kund*in: Republikanischer Anwältinnen- und Anwälteverein e.V. Basiert auf einem Entwurf von Erik Tuckow/Sichtagitation + Ulf Treger (2008/2009) Illustration: Erik Tuckow Website 2020 RECHTSANWÄLTIN KATRIN INGA KIRSTEIN www.kanzlei-kirstein.de | Colors: 51,150,117 0,0,0 Anchors: 51,150,117 -------------------------------------------------------------------------------- SCHRIFTEN: Classic Sans Medium$, Yrsa -------------------------------------------------------------------------------- TECH STACK: Static HTML/CSS, jQuery -------------------------------------------------------------------------------- Website von Ulf Treger (Design) -------------------------------------------------------------------------------- Kund*in: Katrin Inga Kirstein Website 2020 ACCESSING.THEATRE hoou.hfmt-hamburg.de/accessing_theatre | Colors: 227,9,126 42,147,172 110,38,49 229,168,8 129,30,201 Anchors: 0,3,51 227,9,126 -------------------------------------------------------------------------------- SCHRIFTEN: Jost, Bitter, Deja Vu Serif, Remix Icons -------------------------------------------------------------------------------- TECH STACK: Jekyll, jQuery, Leaflet JS, Cypress.io -------------------------------------------------------------------------------- Website von Ulf Treger (Design, Production) -------------------------------------------------------------------------------- Kund*in: Hochschule für Musik und Theater Hamburg + Hamburg Open Online University. Projektleitung + Konzept: Anja E. Redecker Web map 2020 POSTCOLONIAL POTSDAM AUDIO GUIDE & MAP map.postcolonialpotsdam.org | Colors: 0,168,192 239,194,14 255,85,85 Anchors: 0,168,192 54,54,54 -------------------------------------------------------------------------------- SCHRIFTEN: Classic Sans$, Systemfonts, Segoe UI -------------------------------------------------------------------------------- TECH STACK: Nuxt.js, Bulma, Leaflet JS, jQuery -------------------------------------------------------------------------------- Website + Karte von Ulf Treger (Design/UI/UX, Production) -------------------------------------------------------------------------------- Kund*in: Postcolonial Potsdam (Anna von Rath + Elisabeth Nechutnys + Lina Fricke + Yann LeGall) Website 2020 PRAXPACK www.praxpack.de | Colors: 52,165,168 142,187,84 45,105,102 100,142,102 76,193,231 204,193,178 244,242,239 Anchors: 23,121,186 0,4,68 -------------------------------------------------------------------------------- SCHRIFTEN: BrutalType$, Karla, Font Awesome -------------------------------------------------------------------------------- TECH STACK: Typo3, Foundation -------------------------------------------------------------------------------- Website + Logo von Ulf Treger -------------------------------------------------------------------------------- Kund*in: Ökopol - Institut für Ökologie und Politik GmbH Website 2020 HAMBURGER ARBEITSASSISTENZ www.hamburger-arbeitsassistenz.de | Colors: 206,41,39 184,210,167 99,197,242 Anchors: 0,0,0 20,104,160 -------------------------------------------------------------------------------- TECH STACK: Typo3, Foundation, jQuery, Leaflet JS -------------------------------------------------------------------------------- Website von Thomas Böker (Content) + Ulf Treger (Design, Production) -------------------------------------------------------------------------------- Kund*in: HAA Hamburger Arbeitsassistenz gGmbH Web application 2019 POLIZEIRECHTSDATENBANK DES RAV www.rav-polizeirecht.de | Colors: 141,8,36 237,237,237 23,121,186 Anchors: 140,16,41 20,104,160 -------------------------------------------------------------------------------- TECH STACK: Ruby on Rails, Apache Solr, jQuery, Foundation -------------------------------------------------------------------------------- Webanwendung von Ulf Treger (Konzept, UI/UX) -------------------------------------------------------------------------------- Kund*in: Republikanischer Anwältinnen- und Anwälteverein e.V. Backend Entwicklung zusammen mit: Pragma Shift Website 2019 DIE BILDBESCHAFFER www.die-bildbeschaffer.de/de | Colors: 3,117,155 90,70,130 234,215,46 Anchors: 23,121,186 20,104,160 -------------------------------------------------------------------------------- SCHRIFTEN: Signika, Font Awesome -------------------------------------------------------------------------------- TECH STACK: Ruby on Rails, Foundation, jQuery -------------------------------------------------------------------------------- Website von Ulf Treger (Design, UI/UX, Icons, Code) -------------------------------------------------------------------------------- Kund*in: Die Bildbeschaffer. Content: Die Bildbeschaffer, Fotos: Simon Puschmann, Backend/API mit: Pragma Shift. HTML/CSS: Felix Raeithel Web application 2019 KOK STATISTIKTOOL Colors: 228,0,58 233,78,19 160,144,115 153,187,187 199,218,218 255,174,0 17,90,135 Anchors: 0,3,51 20,104,160 -------------------------------------------------------------------------------- SCHRIFTEN: Fantasque Sans Mono, Roboto Light -------------------------------------------------------------------------------- TECH STACK: Ruby on Rails, D3.js, jQuery -------------------------------------------------------------------------------- Webanwendung von Sebastian Fuchs + Nina Siessegger + Ulf Treger -------------------------------------------------------------------------------- Kund*in: KOK - Bundesweiter Koordinierungskreis gegen Menschenhandel e.V. Konzept + UI/UX: Ulf Treger Basisversion mit: Pragma Shift (2018) Web application 2018 ORTE BACKEND orte.link | Colors: 51,51,51 198,198,0 118,118,118 230,230,230 Anchors: -------------------------------------------------------------------------------- SCHRIFTEN: Work Sans, Foundation Icons -------------------------------------------------------------------------------- TECH STACK: Ruby on Rails, Leaflet JS -------------------------------------------------------------------------------- Webanwendung von Ulf Treger (Konzept, Code, Design) + Sebastian Fuchs -------------------------------------------------------------------------------- Ein Web-GIS zur Erstellung und Bearbeitung von digitalen Karten und verschiedenen Medien (Text, Bilder, Audios). Unter einer Open-Source Lizenz veröffentlicht. Web map 2018 MEDIA & SOCIALITIES workshop.citydataexplosion.de | Colors: 157,7,119 6,162,154 185,176,1 150,0,0 Anchors: -------------------------------------------------------------------------------- SCHRIFTEN: Dejavu Sans Mono, Kingthings Typewriter, Roboto -------------------------------------------------------------------------------- TECH STACK: Static HTML/CSS, Leaflet JS, jQuery, Foundation -------------------------------------------------------------------------------- Website + Karte von Ulf Treger (Konzept, Design) -------------------------------------------------------------------------------- Kund*in: Kunst & Kulturverein Spedition e.V. Fotos + Videos + Zeichnungen: Workshopteilnehmende Editing: Thomas Böker + Stephan Thierbach + Ulf Treger Korrekturen: Rima Radhakrishnan Website 2018 VEDDEL ANBAU NORD www.veddel-anbau-nord.de | Colors: 137,160,44 222,222,102 Anchors: -------------------------------------------------------------------------------- SCHRIFTEN: CA SpyRoyal, Roboto -------------------------------------------------------------------------------- TECH STACK: DokuWiki -------------------------------------------------------------------------------- Website von Ulf Treger (Design) -------------------------------------------------------------------------------- Kund*in: Neue Schauspielhaus GmbH Content: Nicole Vrenegor + Ulf Treger Website 2018 INTERNATIONAL QUEER FILM FESTIVAL www.hiqff.de | Colors: 225,60,153 75,53,131 54,141,104 Anchors: -------------------------------------------------------------------------------- SCHRIFTEN: Aleo, Open Sans, Font Awesome -------------------------------------------------------------------------------- TECH STACK: Ruby on Rails, jQuery, Leaflet JS, Bootstrap, Nuxt.js -------------------------------------------------------------------------------- Website von Ulf Treger (Design, Code) -------------------------------------------------------------------------------- Kund*in: Querbild e.V. Logo: Bax Backend/Frontend + API mit: Pragma Shift Web map 2018 TREFFEN TOTAL 2018 MAP map.treffentotal.de | Colors: 242,213,0 102,102,102 Anchors: -------------------------------------------------------------------------------- SCHRIFTEN: Open Sans -------------------------------------------------------------------------------- TECH STACK: Static HTML/CSS, Foundation, Leaflet JS, ORTE Backend -------------------------------------------------------------------------------- Website + Karte von Ulf Treger (Design) Website 2018 ZAKK KLUBRAUM zakk.klubraum.org | Colors: 7,137,139 64,81,111 Anchors: 0,0,0 0,5,85 -------------------------------------------------------------------------------- SCHRIFTEN: Royal Sans Black, Royal Sans Bold$ -------------------------------------------------------------------------------- TECH STACK: Ruby on Rails, Foundation, jQuery -------------------------------------------------------------------------------- Website von Ulf Treger (Design, Production) -------------------------------------------------------------------------------- Kund*in: zakk klubraum Web map 2017 HOW TO HEAR THE INVISIBLE www.how-to-hear-the-invisible.org | Colors: 51,51,51 0,140,186 252,50,90 214,71,141 255,173,49 229,107,61 Anchors: -------------------------------------------------------------------------------- SCHRIFTEN: Avenir$ -------------------------------------------------------------------------------- TECH STACK: Static HTML/CSS -------------------------------------------------------------------------------- Website + Karte von Ulf Treger (Design, Code) -------------------------------------------------------------------------------- Kund*in: Katharina Pelosi Sound + Montage: Katharina Pelosi Sprecher*innen: Simone Dede Ayivi + Hauke Heumann + Toni Jessen + La Toya Manly Spain Web application 2017 JOBPLATTFORM DER HAMBURGER ARBEITSASSISTENZ Colors: 138,0,0 119,119,119 249,177,177 244,215,215 Anchors: -------------------------------------------------------------------------------- SCHRIFTEN: OpenSans, FoundationIcons -------------------------------------------------------------------------------- TECH STACK: Ruby on Rails, Foundation, jQuery -------------------------------------------------------------------------------- Webanwendung von Ulf Treger (Design, Code) -------------------------------------------------------------------------------- Kund*in: HAA Hamburger Arbeitsassistenz gGmbH Website 2017 METROZONES: SCHULE FÜR STÄDTISCHES HANDELN schoolbook.metrozones.info | Colors: 244,6,20 0,84,204 0,0,0 Anchors: -------------------------------------------------------------------------------- SCHRIFTEN: Merriweather, Dosis Bold -------------------------------------------------------------------------------- TECH STACK: Jekyll, Foundation -------------------------------------------------------------------------------- Website von Ulf Treger (Design, Production) -------------------------------------------------------------------------------- Kund*in: MetroZones e.V. Screendesign basiert auf einer Buchgestaltung von Tanja van de Loo Website 2017 KOOFRA KOORDINIERUNGSSTELLE GEGEN FRAUENHANDEL koofra.de | Colors: 82,147,197 155,193,222 195,229,250 Anchors: 0,8,136 0,2,34 -------------------------------------------------------------------------------- SCHRIFTEN: Lato, Open Sans, Roboto Slab -------------------------------------------------------------------------------- TECH STACK: Jekyll, Foundation, jQuery -------------------------------------------------------------------------------- Website von Ulf Treger (Design, Production) -------------------------------------------------------------------------------- Kund*in: KOOFRA Koordinierungsstelle gegen Frauenhandel Web map 2014 LERN- UND ERINNERUNGSORT AFRIKANISCHES VIERTEL IN BERLIN www.3plusx.de/leo-site | Colors: 0,140,186 51,51,51 Anchors: 0,140,186 0,120,160 -------------------------------------------------------------------------------- SCHRIFTEN: Franklin Gothic Book$ -------------------------------------------------------------------------------- TECH STACK: Static HTML/CSS, Foundation, jQuery, Leaflet JS -------------------------------------------------------------------------------- Website + Karte von Ulf Treger (Design) -------------------------------------------------------------------------------- Kund*in: Bezirksamt Mitte von Berlin Audio + Texte: Franziska Zimmermann Editor: Yonas Endrias Website 2014 NEW HAMBURG new-hamburg.de/wp | Colors: 57,134,181 255,112,84 50,255,255 Anchors: 0,0,0 57,134,181 -------------------------------------------------------------------------------- SCHRIFTEN: Roboto, Chunk Five -------------------------------------------------------------------------------- TECH STACK: Wordpress, Foundation, jQuery -------------------------------------------------------------------------------- Website von Tanja van de Loo + Felix Raeithel + Ulf Treger -------------------------------------------------------------------------------- Kund*in: Neue Schauspielhaus GmbH Website 2013 VEREINIGUNG DEMOKRATISCHER JURISTINNEN UND JURISTEN E.V. (VDJ) Colors: 228,42,27 249,248,245 Anchors: 0,6,102 0,0,0 -------------------------------------------------------------------------------- SCHRIFTEN: Open Sans -------------------------------------------------------------------------------- TECH STACK: Typo3 -------------------------------------------------------------------------------- Website von Felix Raeithel + Thomas Böker + Ulf Treger -------------------------------------------------------------------------------- Kund*in: Vereinigung Demokratischer Juristinnen und Juristen e.V. Web map 2011 HAMBURG GLOBAL www.hamburg-global.de/v1.0 | Colors: 241,211,0 146,184,42 222,32,51 246,94,13 246,243,236 Anchors: 0,6,102 0,0,0 -------------------------------------------------------------------------------- SCHRIFTEN: CartoGothic, Miso-Bold -------------------------------------------------------------------------------- Website + Karte von Ulf Treger (Konzept, Design) + Tamer Fawzy (Basiskarte) -------------------------------------------------------------------------------- Kund*in: Eine Welt Netzwerk Hamburg e.V. Backend: Pragma Shift 3plusx // Ulf, Treger Hamburg // Kontakt/Contact // Datenschutz/Privacy