Ihr Projekt,
meine Ambition.

※ Von mir gebaute Websites erreichen jährlich Millionen von Menschen ※
Professionelle Web- & Appentwicklung / Pixelperfect UI- & Screendesign / Printdesign / Workflow- & Performance-Consulting / SEO / On Site Presence

Meine Kompetenzen

Kompetenzen





Frontend

Entwicklung

Backend

Entwicklung

Performance

Consulting

Screendesign

& UI

Print

Design


WebentwicklungFrontend

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.

Web- & AppentwicklungBackend

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.

BeratungPerformance

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.

Konzeption & DesignScreendesign

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.

Konzeption & DesignPrintdesign

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






Frontend, Design, Performance & Workflow02/2018Interhome

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.

Design, Umsetzung & SEO02/2017Messmer Pen Karriere

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.

Design & Umsetzung04/2017Tariffuxx.de

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.

Design2016 bis 2017Profi-Homepage

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.

Design & Umsetzung08/2016Oculus for Travel

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.

Forschung, Design & Umsetzung02/2017Hallo App

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...

Forschung, Design & Umsetzung01/2016Tandem

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.

Designprojekt06/2016App: Röntgen

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.

Design & Umsetzung10/2017Art of Magellan

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.

Printdesign11/2016Rezeptvorlage

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.

Printdesign01/2017Kursplakat

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.

Printdesign12/2016Buchtitel

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.

Printdesign11/2016Flyer

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.

jQuery Plugin01/2018Unslider Lazyload & Thumbnails

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

Frontend & DesignInterchalet Freiburg
Mai 2017 bis heute



Weitere Projekte

Auftragsvermittlung - 2018Connys Hundekeksmanufaktur
Auftragsvermittlung - 2017Musikverein Buchholz
WordPress - 2017Bies Büdie 05 E.V.
WordPress - 2017Juristische Studiengesell. KA
WordPress & Theme - 2016MSK - Premium Snow Tech.
WordPress - 2015Jüd. Museum Emmendingen
HTML5 & CSS3 - 2015B.E.S.T. Büro Service
WordPress - 2014Grundschule Windenreute
WordPress - 2014Derwisch Konstanz
HTML5 & CSS3 - 2013Ferienwohnung Gutjahr
InfografikGoogle My Business

Über mich

Professionelle Webdienstleistungen, Design & Consulting




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

Ob internationaler Konzern oder regionaler Verein, Ihr Projekt ist meine Ambition.
Aktuell im Raum Stuttgart verfügbar




E-Mail

Adresse

Telefon

& Whatsapp



E-Mail-Adresse[email protected]
Auf gute Zusammenarbeit!
Mobilnummer+49 (0)176 3920 0032
Auch WhatsApp

Blog

Beiträge zu Code & Design, Design Ressourcen und Fotografie





WallpaperNew Year in Paris

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.

PerformanceBilder automatisch Komprimieren

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.

OpinionLearning as an autodidact

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

Das denken Unternehmen über Magellan Code & Design Consulting




Ingo Just - Gründer & CEO10/2017Tariffuxx.de

Zusammen mit Magellan haben wir unseren ersten Web-Relaunch geplant und realisiert. Über einen Zeitraum von 5 Monaten entwickelte sich durch transparente Arbeitsweise, aktivem Austausch und unter Verwendung modernen Projekttools eine gute Zusammenarbeit. Vom Konzept bis zum fertigen Code hatten wir stets genug Einfluss auf die Entwicklung. Änderungen und Verbesserungsvorschläge wurden schnell berücksichtigt und erfolgreich umgesetzt. Wir waren mit der Zusammenarbeit und sind mit dem Ergebnis außerordentlich zufrieden. Besonders das fertige Responsive Design hat uns sehr zugesagt.

Diana Markulin - Vertriebsmanagerin & Grafikleitung09/2017messmer-karriere.de

Herr Arbely hat unsere Vorstellungen zu einer modernen Karrierewebsite voll erfüllt. Die direkte Absprache und die unkomplizierte Kommunikation, ob telefonisch, per Mail oder auch mal per WhatsApp hat uns sehr gut gefallen. Auch die Umsetzung kleiner Ergänzungen verläuft zügig und erleichtert so unsere Bewerberakquise.

Dr. Bettina Brückner - Vorsitzende der Juristischen Studiengesellschaft Karlsruhe09/2017jsg-karlsruhe.de

Herr Arbely hat die Homepage für unsere Gesellschaft entworfen und eingerichtet, und zwar innerhalb einer sehr kurzen Zeit von wenigen Wochen. Dabei hat er unsere Wünsche hinsichtlich der Gestaltung und der inhaltlichen Anordnung vollständig umgesetzt; die Zusammenarbeit und Kommunikation war reibungslos. Die Homepage ist sehr bedienungs- und benutzerfreundlich und ist auf viel Lob und Zuspruch gestoßen. Wir sind außerordentlich zufrieden mit dieser Leistung!

Peter Kranz, IT-Leiter Inter Chalet / CIO Holiday Home Division04/2018interhome.at

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.