Kompetenzen
Ich baue responsive, wartbare, hochkompatible und performante Frontenderlebnisse für das moderne Web. Dazu nutze ich ein großes Spektrum modernster Webtechnologien wie Pug (HTML), SASS (+BEM), AngularJS, jQuery und professionelle Workflow-/ Codeversionierungstools wie NPM, Gulp und Git.
Ich programmiere native & intuitive mobile Apps für iOS, Android und Windows mithilfe des beliebten Ionic Frameworks und der großen Anzahl verfügbarer nativer 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.
Ich baue Content Management Systeme, serverseitige Software sowie Erweiterungen & Themes für WordPress nach Maß. Dafür setze ich auf PHP und mySQL. Progressive Web-Apps, SPAs und hybride Applikationen plane und realisiere ich 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 (Mockup) über die Integration Ihrer Wünsche & Anforderungen und unter Beachtung der neuesten Erkenntnisse & Trends aus Forschung und Fachmedien gestalte ich iterativ moderne und ansprechende Screendesigns. Auf Wunsch wird der Gestaltungsprozess in einem Styleguide dokumentiert.
Von der Konzeption bis zur Drucklegung setze ich digitale und analoge Printprodukte um. Dazu zählen beispielsweise Poster, Flyer und Visitenkarten. Ich verwende professionelle Satz- und Vektorprogramme sowie passende Farbprofile (angepasst an den Drucker/die Druckerei), um einen reibungslosen Druck und ein erstklassiges Ergebnis zu schaffen.
Impressionen
Interhome bietet über 33.000 qualitätsgeprüfte Ferien-häuser und -wohnungen online an. Zusammen mit dem Interchalet Team in Freiburg war ich maßgeblich an der Umsetzung der neuen mobiltauglichen 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.
Digitale Visitenkarte
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.