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
Collaboration made in Germany — Im Zweierteam von A bis Z selbst konzipierte, gestaltete und entwickelte Plattform für die DRM-geschützte Medienverwaltung. Nach strengsten deutschen Datenschutzgesetzen mit neuesten DRM-Technologien und persistenter Authentifikation gebaut. Sicher kollaborieren — präsentiere Deine Medien: “Lade Dateien hoch, stelle eine Show zusammen und gebe sie an Kunden und Interessenten mit einem Link frei. Du kannst verschiedenen Dateitypen in einer Show kombinieren und hast stets die Kontrolle darüber, wer sie betrachten und kommentieren darf.”
Im Auftrag der Nationale Naturlandschaften e.V. wird eine hybride App für iOS und Android entwickelt. Diese bringt alle deutschen Nationalparks, Biosphärenreservate, Naturparks und zertifizierte Wildnisgebiete Deutschlands auf alle gängigen Mobilgeräte. Nach aktuellen UX-Kenntnissen und mit Elementen der "Gamification" wird ein modernes, schönes, personalisierbares und schnelles Benutzererlebnis auf mobilen Geräten geschaffen. Das soll besonders jüngere Zielgruppen für das Thema “Nationale Naturlandschaften” begeistern. Die App ist per REST-API und GraphQL an das bestehende WordPress-Backend der Website angebunden.
Interhome bietet über 50.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.
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.
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 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 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.
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?
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.
Weitere Projekte
Über uns


„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 wie uns 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 entwickle ich freiberuflich Websites & Apps und teste deren UX. Zu meinem Stack gehören Vue.js, das Ionic Framework und Java Applikationen. Ich verbessere 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.
[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.