Your project,
my Ambition.

Professional Web- & App-Development / Pixelperfect UI- & Screendesign / Printdesign / Workflow- & Performance-Consulting / SEO / On Site Presence

※ I have designed and built websites that have reached millions ※

Skills





Frontend

Development

Backend

Development

Performance

Consulting

Screendesign

& UI

Print

Design


WebdevelopmentFrontend

I develop responsive, maintainable, fast and cutting-edge Frontend Experiences for the modern Web. To achieve these standards I make use of a broad spectrum of modern web technologies like Pug (HTML), SASS (+BEM), AngularJS, jQuery and professional workflow- & version-control tools like NPM, Gulp and Git.

Web- & AppdevelopmentBackend

I build Content Management Systems, serverside Software as well as Plugins & Themes for WordPress. I develop both classic solutions using PHP & mySQL and Progressive Web-Apps, SPAs and hybrid Apps using Realtime DB Systems like Firebase and MVC architecture style frameworks like AngularJS and Ionic.

ConsultingPerformance

Performance and the modern web go hand in hand. To create products that perform well on a multitude of devices & network conditions and thus enhance user experience is standard work practice for me. Lightning fast above-the-fold loading, performance oriented workflow, GZIP- and CDN-Distribution of content are just some enhancements I implement.

Conception & DesignScreendesign

I design clean, sophisticated and friendly user interfaces and build interactive prototypes using state-of-the-art design tools. By doing iterativ design, I keep the customer in the loop throughout the design process, so feedback can be discussed and implemented on a regular basis.

Conception & DesignPrintdesign

From concept to final print, I design digital and analog print products like posters, flyers, business cards and magazines. For that I use industry standard desktop publishing and typesetting software. To guarantee the best possible print quality, I directly hand over the files to the printing company.


Work






Frontend, Design, Performance & Workflow02/2018Interhome

Interhome offer more than 34k quality-tested Vacation-homes and -apartments online. Working with the Interchalet Team in Freiburg I significantly contributed to the new and responsive Website, which was designed and developed implementing SCRUM and iterativ improvement.

Design, Development & SEO02/2017Messmer Pen Careers

For the Messmer Pen GmbH in Emmendingen I designed & developed a new and responsive career website with WordPress CMS-Implementation. For that, a custom theme was developed. Employees can now easily edit and create new content.

Design & Development04/2017Tariffuxx.de

The German market leader in B2B-Services for tariff comparisons in the communications sector requested a reworked CI, unified and overhauled online design (B2B & B2C) as well as matching print products for a fresh new appearance across multiple digital and analog channels.

Design2016 bis 2017Profi-Homepage

For the Constance Agency Profi-Homepage of the Mediafavoriten GmbH in the south of Germany a selection of different Screendesigns have been crafted to serve their need to react quickly to new webdesign assignments coming from different industry sectors.

Design & Development08/2016Oculus for Travel

During a university course for online design and conception, this interactive prototype was designed and coded in team of two. Complete with a real use-case and call-to-action. The workflow was quick and efficient.

Research, Design & Development02/2017Realtime Chat App

To accompany the research done in my bachelors thesis, I developed and designed the modern hybrid Chat-App "Hallo" using AngularJS 1.x and Google Firebase. This offered me significant insights into the performance advantages and drawbacks of current web technologies.

Research, Design & Development01/2016Social Network: Tandem

The failed startup. The idea: A social network to find people that share similar hobbies & interests and would possibly make good new friends or acquaintances. Perfect e.g. for people who moved to a new area and are having a tough time finding new friends. How it went?

UX & Design06/2016UX Design Project

During the uni course "Ambient Media" at the Furtwangen University, the app-concept "Röntgen" was created. The goal was to create unobtrusive and intuitive UI. Some results can be found here:

Business Plan, Design & Development10/2017Art of Magellan

One year after branding my personal portfolio "Magellan" (in order to sell and manage multiple projects done by multiple freelancers under one name) and building a new website, it was time for a design overhaul based on feedback and visitor statistics and behavior extracted over time.

Print Design11/2016Recipe Template

During a Uni. Typography course, this recipe template design was created. The goal was to explain how to quickly prepare a difficult and exotic recipe through the utilization of good print design and typography. This design was done using Adobe InDesign and Illustrator.

Print Design01/2017Course Poster

This poster was designed to guide visitors of the Furtwangen University's media-exhibition event ''Tag der Medien'' towards all the design work done in a Typography course over one semester.

Print Design12/2016Book Cover

During a Uni. Typography course, this book cover was designed. The lettering "Roadtrip" was done using calligraphy, then covered with glue and dirt. This design was done using Adobe Illustrator and Photoshop.

Print Design11/2016 & 07/2018Flyer

This flyer was designed for the jewish educational center in Emmendingen, Germany. It informed readers of the upcoming series of educational lectures and events. This flyer was prepared in Adobe InDesign.

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.




Current Projects

Frontend & DesignInterchalet Freiburg
May 2017 until today



Weitere Projekte

Contract Mediation - 2018Connys Hundekeksmanufaktur
Contract Mediation - 2017Music Society Buchholz
WordPress - 2017Bies Büdie 05 E.V.
WordPress - 2017Juristische Studiengesell. KA
WordPress & Theme - 2016MSK - Premium Snow Tech.
WordPress - 2015Jew. Museum Emmendingen
HTML5 & CSS3 - 2015B.E.S.T. Office Services
WordPress - 2014Basic School Windenreute
WordPress - 2014Derwisch Kebap Konstanz
HTML5 & CSS3 - 2013Holiday Home Gutjahr
InfographicGoogle My Business

About

Professional Webdevelopment, Design & Consulting




Jonathan ArbelyFreelance Developer & Designer

„Make overachieving a habit.“

Since 2013, I'm actively working as a freelance Fullstack-Webdeveloper & Designer. I've worked with different clients coming from a broad range of industries on an array of challenging and interesting projects. As a web enthusiasts, it goes without saying that constantly developing oneself and delving into topics relating to development, design and best practices, and trying out new things, is common practice. To learn and keep a deep understanding of the technologies that power our digitized online world.

Bachelor of Science at the Faculty of „Digital Media“ at the Furtwangen University.


Digital Business Card


Contact

Whether you're representing an international corporation or a regional club, your project is my ambition.
Currently only available on request via E-Mail or WhatsApp




E-Mail

Address

Phone

& Whatsapp



E-Mail address[email protected]
I'm looking forward to hearing from you!
Mobile phone+49 (0)176 3920 0032
Available via WhatsApp

Blog

Posts regarding Code & Design, Design Ressoures and Photography (German & English)





WallpaperNew Year in Paris

29.10.17 - The first Wallpaper-Collection by Magellan: “New Year in Paris”. Moments in black & white. All images were taken between the last days of December 2016 and the first days of 2017 in Paris, France.

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

What Companies think about my work




Ingo Just - Founder & CEO10/2017Tariffuxx.de

Together with Magellan, we planned and realized our first web relaunch. Over a period of 5 months a good cooperation developed through transparent working methods, active exchange and using modern project tools. From concept to finished code we always had enough influence on the development. Changes and suggestions for improvement were quickly taken into account and successfully implemented. We liked the close cooperation and are extremely satisfied with the result. Especially the finished responsive design has kept what it promised. (Translated from German)

Diana Markulin - Sales & Graphics Manager09/2017messmer-karriere.de

Mr. Arbely has fully fulfilled our vision for a modern career website. The direct and uncomplicated communication, whether by phone, by mail or even by WhatsApp, was very much appreciated. The implementation of small additions through the WordPress CMS is easy and thus enhances our candidate acquisition. (Translated from German)

Dr. Bettina Brückner - Chairwoman of the Legal Study Society Karlsruhe09/2017jsg-karlsruhe.de

Mr. Arbely designed and set up the homepage for our society within a very short time of a few weeks. He has fully implemented our wishes regarding the design and the structure of the content; the cooperation and communication was smooth. The homepage is very easy to use and user-friendly was met with much praise and encouragement. We are extremely satisfied with this cooperation! (Translated from German)

Peter Kranz, Head of IT Inter Chalet Freiburg / CIO Holiday Home Division04/2018interhome.at

Magellan Code & Design Consulting supported the Inter Chalet Ferienhausgesellschaft mbH and Interhome AG in the web development of the new Interhome websites. Here, Mr. Arbely was instrumental in the design and implementation from the start, where he designed the home-, detail- and searchresult-page and made an essential contribution to the successful implementation of the project due to his permanent search for improvements (e.g. performance wise). Our front-end workflow could be adapted and optimized according to the recommendations made. We have benefited greatly from the extensive knowledge of the workflow with Gulp.js by Mr. Arbely. We would like to take this opportunity to thank him for the excellent and successful cooperation. We were very satisfied with the cooperation and the result.