ecomex Business Academy: Markenentwicklung, UX/UI-Design & Digital Experience ecomex Business Academy: Brand Evolution, UX/UI Design & Digital Experience
Ich habe den digitalen und visuellen Auftritt von ecomex über Website, Marke und Marketing-Touchpoints hinweg weiterentwickelt. Von der Neustrukturierung der Website und dem Design responsiver Interfaces bis zur Weiterentwicklung der Markenidentität und wiederverwendbarer Design-Assets – das Ziel war ein klareres, konsistenteres und skalierbares Erlebnis.
I helped evolve ecomex’s digital and visual presence across web, brand and marketing touchpoints. From restructuring the website and designing responsive interfaces to refining the brand identity and creating reusable design assets, the goal was to build a clearer, more consistent and scalable experience.
- RolleRole
- Grafik- / UI-DesignerinGraphic / UI Designer
- FokusFocus
- UX/UI-Design · Responsive Webdesign · Markendesign · WordPress · KampagnendesignUX/UI Design · Responsive Web Design · Brand Design · WordPress · Campaign Design
- ZusammenarbeitCollaboration
- Marketing · Management · externer EntwicklerMarketing · Management · External Developer
Challenge
Aus einem fragmentierten Auftritt ein konsistentes Erlebnis machen
Turning a fragmented presence into a consistent experience
Mit der Zeit hatte ecomex ein breites Leistungsportfolio aufgebaut – von beruflicher Weiterbildung und Coaching bis zu digitalen Bildungsprogrammen. Website und visuelle Kommunikation waren mit dem Unternehmen gewachsen, doch das Gesamterlebnis brauchte mehr Klarheit, Konsistenz und einen zeitgemäßen Look.
Over time, ecomex had developed a broad portfolio of services, ranging from professional training and coaching to digital education programs. The existing website and visual communication had grown alongside the business, but the overall experience needed more clarity, consistency and a contemporary look.
Das Redesign ging deshalb mehrere Herausforderungen zugleich an: die Struktur der verschiedenen Angebote vereinfachen, die visuelle Identität modernisieren, das responsive Erlebnis verbessern und ein Designsystem schaffen, das sich für künftige Seiten und Marketing-Touchpoints wiederverwenden lässt.
The redesign therefore addressed several challenges at once: simplifying the structure of the different offers, modernizing the visual identity, improving the responsive experience and creating a design system that could be reused across future pages and marketing touchpoints.
Website-RelaunchWebsite Redesign
Eine klarere und skalierbare Website gestaltenDesigning a clearer and more scalable website
Ich habe die Website von der Struktur bis zum Interface neu gestaltet – mit Fokus auf eine klarere Navigation, eine stärkere visuelle Hierarchie und eine einheitlichere Darstellung der verschiedenen Leistungen.
I redesigned the website from structure to interface, focusing on clearer navigation, stronger visual hierarchy and a more consistent presentation of the different services.
Statt einzelne Seiten isoliert zu gestalten, habe ich auf einen modularen Ansatz hingearbeitet, der künftige Inhalte und neue Angebote tragen kann. Dabei habe ich eng mit einem externen Entwickler zusammengearbeitet, um das Design mit der technischen Umsetzbarkeit abzustimmen und die Layouts in wiederverwendbare WordPress-Komponenten zu übersetzen.
Instead of designing isolated pages, I worked towards a modular approach that could support future content and new offers. Throughout the process, I collaborated closely with an external developer to align the design with technical feasibility and translate the layouts into reusable WordPress components.
Nach dem Launch habe ich die Website mit dem neuen Komponentensystem in WordPress weiter gepflegt und ausgebaut.
After implementation, I continued maintaining and expanding the website in WordPress using the newly created component system.
Responsive UX/UI
Über den Desktop hinaus gestaltenDesigning beyond desktop
Responsives Verhalten war von Anfang an mitgedacht und wurde nicht erst nachträglich angepasst. Wichtige Seiten und conversion-orientierte Flows habe ich für verschiedene Bildschirmgrößen gestaltet, damit Informationen, Interaktionsmuster und Calls to Action auf allen Geräten klar bleiben.
Responsive behavior was considered from the beginning rather than treated as an adaptation afterwards. Key pages and conversion-oriented flows were designed for different screen sizes to ensure that information, interaction patterns and calls to action remained clear across devices.
MarkenentwicklungBrand Evolution
Die visuelle Identität weiterentwickelnEvolving the visual identity
Parallel zum Website-Redesign habe ich die bestehende Markenidentität von ecomex verfeinert. Ziel war nicht, die etablierte Marke zu ersetzen, sondern sie zu modernisieren und eine visuelle Sprache zu schaffen, die an digitalen und physischen Touchpoints konsistenter funktioniert.
Alongside the website redesign, I refined the existing ecomex brand identity. The goal was not to replace the established brand, but to modernize it and create a visual language that could work more consistently across digital and physical touchpoints.
Dazu gehörten Anpassungen an Logo, Farben, grafischen Elementen, Bildsprache und wiederverwendbaren Design-Assets.
This included adjustments to the existing logo, colors, graphic elements, imagery and reusable design assets.
Visuelles DesignsystemVisual Design System
Wiederverwendbare visuelle Assets gestaltenCreating reusable visual assets
Um die Kommunikation einheitlicher und effizienter zu machen, habe ich wiederverwendbare Grafikelemente und Icon-Systeme entwickelt, die sich in Präsentationen, internen Dokumenten und Marketingmaterialien einsetzen lassen.
To make communication more consistent and efficient, I created reusable graphic elements and icon systems that could be applied across presentations, internal documents and marketing materials.
Statt jedes Kommunikationsmittel neu zu gestalten, sorgten wiederkehrende visuelle Muster für Wiedererkennung und beschleunigten die Produktion.
Instead of designing every communication piece from scratch, recurring visual patterns helped create recognition while speeding up production.
Marke & MarketingBrand & Marketing
Die Marke über verschiedene Touchpoints hinweg erlebbar machenExtending the brand across touchpoints
Das visuelle System reichte weit über die Website hinaus. Ich habe Kommunikationsmittel für digitale Kampagnen, Newsletter, Social Media, Events und physische Markenräume gestaltet und dieselbe Identität in ganz unterschiedliche Formate und Kontexte übersetzt.
The visual system extended far beyond the website. I designed communication assets for digital campaigns, newsletters, social media, events and physical brand environments, translating the same identity into very different formats and contexts.
Subbrand ExperienceSub-Brand Experience
Die Digiteach-Website von Grund auf gestaltenDesigning the Digiteach website from scratch
Als Teil der ecomex-Markenwelt habe ich die Website von Digiteach komplett neu gestaltet. Seitenstruktur, User Flows und das responsive Interface habe ich in Adobe XD entwickelt und die finalen Designs anschließend an einen externen Entwickler zur Umsetzung übergeben.
As part of the ecomex brand environment, I designed the Digiteach website from scratch. I developed the page structure, user flows and responsive interface in Adobe XD, then handed the final designs over to an external developer for implementation.
Ziel war ein klarer und zugänglicher digitaler Auftritt für eine Submarke mit Fokus auf berufliche Weiterbildung und Coaching – mit einer starken visuellen Verbindung zum ecomex-Ökosystem.
The goal was to create a clear and accessible digital presence for a sub-brand focused on professional training and coaching, while maintaining a strong visual connection to the wider ecomex ecosystem.
Prozess & ZusammenarbeitProcess & Collaboration
Vom visuellen Design zur gemeinsamen ProblemlösungFrom visual design to collaborative problem solving
Meine Rolle ging zunehmend über die visuelle Umsetzung hinaus. Ich habe an Workshops teilgenommen, an der Konzeptentwicklung mitgewirkt und eng mit verschiedenen Stakeholdern zusammengearbeitet, um geschäftliche Anforderungen in praktische Designlösungen zu übersetzen.
My role increasingly went beyond visual execution. I participated in workshops, contributed to concept development and worked closely with different stakeholders to translate business requirements into practical design solutions.
ErgebnisOutcome
Von einzelnen Assets zu einem vernetzten MarkenerlebnisFrom individual assets to a connected brand experience
Das Projekt hat eine Sammlung einzelner Kommunikations-Touchpoints schrittweise in ein zusammenhängendes visuelles und digitales System verwandelt.
The project gradually transformed a collection of individual communication touchpoints into a more cohesive visual and digital system.
Die neu gestaltete Website gab den Leistungen von ecomex eine klarere Struktur, wiederverwendbare WordPress-Komponenten machten künftige Seiten einfacher zu bauen und zu pflegen, und die aktualisierte visuelle Identität sorgte für mehr Konsistenz über Web, E-Mail, Marketing und physische Markenanwendungen hinweg.
The redesigned website provided a clearer structure for ecomex’s services, reusable WordPress components made future pages easier to build and maintain, and the updated visual identity created greater consistency across web, email, marketing and physical brand applications.
Klarere StrukturClearer structure
Verständlichere Darstellung der Leistungen
More understandable presentation of services
Responsives ErlebnisResponsive experience
Einheitliches Erlebnis auf allen Geräten
Consistent experience across devices
Wiederverwendbares SystemReusable system
Modulare Komponenten für künftige Inhalte
Modular components for future content
Konsistente MarkeConsistent brand
Einheitliche visuelle Sprache an allen Touchpoints
Unified visual language across touchpoints
Dieses Projekt markierte einen wichtigen Wendepunkt in meiner Arbeit: weg vom überwiegend visuellen Design, hin zu digitalen Erlebnissen, Systemen und nutzerzentriertem Product Thinking.
This project marked an important shift in my work from primarily visual design towards digital experiences, systems and user-centered product thinking.