Kompetenzen
Wir bauen responsive, wartbare, hochkompatible und performante Frontenderlebnisse für das moderne Web. Dazu nutzen wir ein großes Spektrum modernster Webtechnologien wie Pug (HTML), SASS (+BEM), AngularJS, jQuery und professionelle Workflow-/ Codeversionierungstools wie NPM, Gulp und Git.
Wir programmiere native & intuitive mobile Apps für iOS, Android und Windows mithilfe des beliebten Ionic Frameworks und der dafür verfügbaren Plugins. Dadurch wird größtmögliche Kompatibilität mit OS-nativen User Experience Features und Gewohnheiten sichergestellt. Und all das mit nur einer Codebase. Vom Whiteboard bis zu den Appstores - ein nahtloser Prozess.
Wir bauen Content Management Systeme, serverseitige Software sowie Erweiterungen & Themes für WordPress nach Maß. Dafür setzen wir auf PHP und mySQL. Progressive Web-Apps, SPAs und hybride Applikationen planen und realisieren wir auf Basis des ausgezeichneten Backends Firebase in Kombination mit MVC Frameworks.
Performance im Web ist ein Muss, um ein über alle Endgeräte & Netzarten hinweg solides Produkt bieten zu können und ein gutes Benutzererlebniss zu schaffen, welches Kunden erfreut & bindet. Auch um Abstufungen durch Google zu vermeiden. Blitzschnelles Above-the-Fold laden, komprimierte Inhalte, GZIP und CDN-Distribution bilden einen Auszug möglicher Maßnahmen.
Von der Konzeption bis zum fertigen interaktiven Screendesign über die Integration Ihrer Wünsche & Anforderungen und unter Beachtung der neuesten Erkenntnisse & Trends aus Forschung und Fachmedien gestalten wir iterativ moderne und ansprechende Screendesigns. Auf Wunsch wird der Gestaltungsprozess in einem Styleguide dokumentiert.
Von der Konzeption bis zur Drucklegung setzen wir digitale und analoge Printprodukte um. Dazu zählen beispielsweise Poster, Flyer und Visitenkarten. Wir verwenden professionelle Satz- und Vektorprogramme sowie passende Farbprofile (angepasst an den Drucker), um einen reibungslosen Druck und ein erstklassiges Ergebnis zu schaffen.
Impressionen
Im Auftrag der EUROPARC Deutschland e.V., Dachverband der deutschen Nationalparks, wird eine hybride App für iOS und Android entwickelt. Diese bringt alle Nationalparks, Biosphärenreservate, Naturparks und Wildnisgebiete Deutschlands auf Ihr Mobilgerät. Nach aktuellen UX-Kentnissen und mit Elementen aus der "Gamification"-Forschung wird ein modernes, schönes, personalisiertes und schnelles Benutzererlebnis auf mobilen Geräten erschaffen. Das soll besonders eine junge Zielgruppe für das Thema "Nationale Naturlandschaften" greifbar zu machen und schließlich zu begeistern. Die App ist per REST-API an das bestehende WordPress-Backend der Website angebunden. Der Release ist im Februar 2020 geplant.
Interhome bietet über 34.000 qualitätsgeprüfte Ferien-häuser und -wohnungen online an. Zusammen mit dem Interchalet Team in Freiburg war Jonathan maßgeblich an der Umsetzung der neuen Website beteiligt, welche iterativ und agil mit SCRUM umgesetzt wurde.
Für die Messmer Pen GmbH in Emmendingen wurde ein Karriereportal mit CMS-Anbindung konzipiert, iterativ gestaltet und responsiv umgesetzt. Die Mitarbeiter können alle Inhalte selbst aktualisieren und pflegen.
Für den marktführenden B2B-Dienstleister für Tarifvergleiche in der Kommunikationsbranche wurde das CI überarbeitet & vereinheitlicht sowie ein neuer Webauftritt (B2B & erstmals B2C) und Printmaterial entworfen und entwickelt.
Für die Konstanzer Agentur Profi-Homepage der Mediafavoriten GmbH ist im Laufe unserer Zusammenarbeit eine umfangreiche Kollektion unterschiedlichster Konzepte sowie Screen- & Printdesigns für Kunden versch. Branchen entstanden.
Im Rahmen einer Veranstaltung an der Hochschule Furtwangen University ist das Konzept "Oculus Rift & Virtual Reality für Reisebüros" entstanden. Parallel zum Projekt – von der ersten Zeichnung bis zur responsiven Website – bildete sich schnell ein effizienter Workflow.
Die auf den aktuellsten Webtechnologien basierende hybrid App "Hallo" entstand als praktischer Teil meiner Bachelorthesis und diente dem Vergleich von nativen und hybriden Apps auf verschiedenen Plattformen und Smartphones. Anhand zahlreicher Messungen wurde...
Das gescheiterte Startup. Die Idee: Ein soziales Netzwerk, um Menschen zu finden, die das eigen Hobby teilen, um so neue Freundschaften zu schließen und sich an fremden Orten besser einzuleben. Die Umsetzung? Bald im Projektbericht nachzulesen.
Im Rahmen der Veranstaltung "Ambient Media" an der Hochschule Furtwangen University ist das App-Konzept "Röntgen" entstanden. Ziel waren leichte Bedienbarkeit durch klare Benutzeroberfläche und schnelle Informationsvermittlung.
The Design Language developed for our “Magellan Code & Design Consulting” Brand & Portfolio Website represents our sophisticated, minimalist and ambitious approach. Whether that's Coding, Designing or Consulting, our Brand & Portfolio represent us, and convey to our Clients a powerful first impression.
Im Rahmen der Veranstaltung Typographie 1 an der Hochschule Furtwangen ist im Wintersemester 16/17 ein gestalterisches und inhaltliches Konzept zur Darstellung von Texten am Beispiel eines exotischen Kochrezepts entstanden.
Im Rahmen der Veranstaltung Typographie 1 an der Hochschule Furtwangen ist im Wintersemester 16/17 ein Plakat zur Bewerbung des Kurses während dem "Tag der Medien" an der Fakultät Digitale Medien entstanden.
Im Rahmen der Veranstaltung Typo. 1 an der Hochschule Furtwangen ist eine fiktive Buchtitelgestaltung entstanden. Der Schriftzug "Roadtrip" wurde erst Kalligraphiert und anschließend mit Erde beklebt und gut beleuchtet photographiert. Feinschliff in Photoshop.
Für das Jüdische Lehrhaus Emmendingen wurde ein Flyer im Satzprogramm Adobe InDesign gestaltet, gesetzt und in Druck gegeben. Der Flyer informierte über Veranstaltungen im Winter 2016 bis Frühjahr 2017.
Extends unslider.js with lazyloading functionality, enables sourceset usage and introduces Thumbnails. Fully opensource and extendable. Powers websites that are used by thousands every month.
Weitere Projekte
Über mich
„Make overachieving a habit.“
Seit 2013 als freiberuflicher Webentwickler & Gestalter tätig, habe ich mit verschiedenen Kunden zusammengearbeitet sowie an abwechslungsreichen Projekten mitgewirkt. Meine Motivation ist mein Anspruch. Für Webenthusiasten ist es selbstverständlich, sich ständig in Themen rund um Entwicklung, Design und Best-Practices weiterzuentwickeln und Neues auszuprobieren. Um dazuzulernen und ein tiefes Verständnis über die Technologien zu behalten, die unsere digitalisierte Welt antreiben.
Bachelor of Science an der Fakultät „Digitale Medien“ der Hochschule Furtwangen University.
[email protected]
„Clean code is great UX“
Seit 2017 arbeite ich als freiberufliche Web- & Appentwicklerin und UX Testerin. Zu meinem Stack gehören Vue.js, das Ionic Framework und Java Applikationen, mit welchen ich u.a. für die BOSCH Thermotechnik GmbH tätig war. Darüber hinaus verbessere ich Software durch Analyse und User-Testing der Benutzererfahrung und habe einige der erfolgreichen Projekte optimiert, die wir in der Vergangenheit durchgeführt haben und die täglich von Tausenden online genutzt werden. Jeder Tag ist für uns eine Gelegenheit zu lernen und uns zu verbessern. Und das ist das Motto, nach dem wir uns richten!
Bachelor of Science an der Fakultät of „Wirtschafts Informatik“ der Hochschule Furtwangen University (Feb. 2020).
[email protected]
Kontakt
Blog
14.02.19 - Implementing and including a Web App Manifest is a great extension to your website or PWA. And it’s much much easier than you think!
21.05.18 - Whenever I see something done in an impressive and efficient way, it immediately sparks my will to learn that particular skill, whenever, wherever.
24.12.17 - Einer der einfachsten Wege, eine Website in der Ladezeit performanter zu machen, liegt in der Reduzierung der Dateigrößen aller verwendeten Pixelbilder.
29.10.17 - Die erste Wallpaperkollektion von Magellan: "Neujahr in Paris". Momente in schwarz & weiß. Die Fotografien sind über die Neujahrstage 16/17 in Kollaboration mit Valeria Raffa entstanden.
Testimonials
Magellan Code & Design Consulting unterstützte die Inter Chalet Ferienhausgesellschaft mbH und Interhome AG in der Webentwicklung der neuen Interhome Website. Hierbei war Herr Arbely maßgeblich am Design sowie der Umsetzung der Start-, Detail- und Trefferseite beteiligt und leistete aufgrund seiner permanenten Suche nach Performanceverbesserungen einen essentiellen Beitrag zur erfolgreichen Umsetzung des Projekts. Unser Frontendworkflow konnte gemäß den erbrachten Empfehlungen angepasst und optimiert werden. Wir haben hier sehr von den umfangreichen Kenntnissen bezüglich des Workflows mit Gulp.js von Herrn Arbely profitiert. Wir möchten uns an dieser Stelle für die hervorragende und erfolgreiche Zusammenarbeit mit Herrn Arbely bedanken. Wir waren mit der Zusammenarbeit und dem Ergebnis sehr zufrieden.