Portfolio
:format(webp)/99designs-work-samples/work-sample-designs/1693969/8c3d7a22-ce39-48ed-8650-cb5b5a9dcc9a "Landingpage für Leadagentur im Ernährungsbereich Design & Entwicklung – Figma & WordPress, Elementor, Crocoblock")
:format(webp)/99designs-work-samples/work-sample-designs/1693969/edd5cfe4-c7e9-45ac-a905-d034fd0915dc "Website für Steuerberater Zimmer - Design & Entwicklung mit Figma & WordPress, Elementor, Crocoblock")
:format(webp)/99designs-work-samples/work-sample-designs/1693969/80d40e6f-6ea2-4cfc-b9cd-bafd08a7bcbc "Website für Ferienwohnung - Design & Entwicklung mit Figma & Webflow")
:format(webp)/99designs-work-samples/work-sample-designs/1693969/d91be481-7924-41e2-97b3-ddc53040d1cc "Landingpage für Social Media Agentur – Design & Entwicklung mit Figma & Framer")
:format(webp)/99designs-work-samples/work-sample-designs/1693969/664f836b-c633-4110-a98b-b3e2650dd540 "Website für Leadagentur – Design & Entwicklung mit Figma & WordPress, Elementor, Crocoblock")
:format(webp)/99designs-work-samples/work-sample-designs/1693969/41c13ea0-a10a-4a41-83f6-5d948105ca27 "Website für Hausarztpraxis – Design & Entwicklung mit Figma & Webflow")
:format(webp)/99designs-work-samples/work-sample-designs/1693969/0a186a6a-918e-4851-a054-adab59bbb926 "I developed this project as part of my Bachelor thesis. The idea came from my two passions web design and photography, which I wanted to combine.
After various considerations the idea of a community for photographers and all those who like to be outdoors and discover new places was born. On the platform every user can create his own profile, share photos and places, as well as indicate which places have already been visited or share them on a wishlist for later visits.
In the concept I first researched similar communities on the Internet and their functions and users. Based on these findings, I was able to develop different personas and user journeys for the UX design and determine a target group.
In the further course of the project, a sitemap and wireframes were created for the information architecture and the structure of the individual pages.
Finally I developed the UI design with a comprehensive style guide.")
:format(webp)/99designs-contests-attachments/130/130706/attachment_130706751)
:format(webp)/99designs-work-samples/work-sample-designs/1693969/f41336da-e9cf-4a7e-9dac-3b1c5182c108 "The website was realized with WordPress and a premium theme. Special functions on the website are the extensive navigation menu, the event calendar and the lending catalog.
Furthermore a Basic SEO revision was done and the Responsive Design was programmed. The multilingualism was realized with WPML.")
:format(webp)/99designs-work-samples/work-sample-designs/1693969/ba7a0b0a-5f63-4a3c-a0cb-22b8197d82c8 "In cooperation with Bionational, we designed a clear navigation structure and information architecture on the pages to make the important aspects of the program and information easily accessible and findable for prospective students.
For the UI design we decided to use an attractive, colorful color concept with color gradients. In general, we created a modern UI design that appeals to younger people. Clear, modern typefaces were used.
The content of the previous website was revised and restructured, as well as completely new photos and an image video with scenes from everyday life at the university and interviews with lecturers and alumnis were produced.
The website was realized with the CMS WordPress.
For Bionational a completely individual theme was programmed from scratch according to our designed UI design and style guide.")
:format(webp)/99designs-work-samples/work-sample-designs/1693969/3095bcd6-c089-48d1-be19-b79a759b0f86 "In order to make the information as easily accessible and clear as possible we decided to use a One Page, i.e. all information on one page. The numbering of the individual sections helps with orientation and picks up on the enumeration of the numbers of a film flap/preface.
The design was deliberately chosen very modern and unusual in order to present the film and design courses accordingly and to present the information in an interesting way.
Although our concept and design was finally chosen and we programmed it, it was unfortunately never put online. So far there is no uniform website for the promotion.
The website was programmed with HTML/CSS and jQuery. For the responsive grid the Foundation Framework was used. Special features on the website were parallax scrolling effects of different decoration elements and the call for applications, which automatically changed to the new semester between summer and winter semester and the respective year dates.")
:format(webp)/99designs-work-samples/work-sample-designs/1693969/4c8f9251-17ee-41df-ab60-4e5ca2b39583 "For the concept we designed a navigation structure with the most important topics concerning the company's services. In the design we tried to combine modern with classic in order to implement the young company, but also the performance of the care of classic cars.
The website was created with WordPress and a premium theme.
We adapted the Responsive Design to the needs of the website structure and did Basic SEO.")
Über uns
Hey, ich bin Jonas! 🙌
Seit 2011 arbeite ich als Webdesigner und unterstütze Unternehmen dabei, online einen professionellen und einprägsamen Auftritt zu schaffen. Ich entwickle intuitive UI/UX-Designs, individuelle Websites mit WordPress, Webflow und Framer sowie Landingpages, die auf klare Botschaften und Conversions optimiert sind. Mit über 12 Jahren Erfahrung sorge ich dafür, dass jede Website sowohl technisch als auch visuell überzeugt. Lass uns dein Projekt gemeinsam umsetzen! 🚀
Land:
Deutschland.
Mitglied seit:
26. Juli 2014