Kompetenzen
Frontend
Backend
Performance
Screendesign
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 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 sowie der MVC Frontend-Architektur AngularJS und auf Wunsch dem Ionic Framework.
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 ein 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.
Ein Jahr nach Umfirmierung hin zu Magellan (um Aufträge an andere Freelancer unter einem Namen zu vergeben) und bau des Portfolios, ging ich dazu über das minimalistische Design und die Inhaltsstruktur zu überarbeiten und entsprechend weiterzuentwickeln.
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.
Aktuelle Projekte
Mai 2017 bis heuteWeitere Projekte
Über mich
Jonathan ArbelyDeveloper & Designer„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: Denn 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
Ihr Projekt ist meine Ambition.
Telefon
Blog
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.
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.
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.
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.
