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.
I code native & fluid mobile Apps for iOS, Android and Windows using the popular Ionic Framework and its vast library of native PlugIns. This ensures great compatibility with OS native User Experience features and habits. All while maintaining the app through one codebase. From whiteboard to appstore - one seamless process.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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?
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:
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.
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.
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.
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.
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.
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.
„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
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 - 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.
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)
Jonathan has outlined an issue for our team on how we can significantly improve load times and save data for our users when they're interacting with pictures on our search-results page. Thank you so much for this feedback!
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)
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)
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.