Custom Website Template
Year
2023
Contribution
User Research Design Strategy Journey Mapping Information Architecture Design System Framer Template Development Website Development
Tools
Figma Framer Formspark
Role
User Researcher Product Designer Developer
Challenge
To indenity the pain points and challenges of the current websites, I organized a collaborative workshop involving key stakeholders. Utilizing various UX methodologies, such as user journey mapping and UX strategy blueprint mapping, I gathered insights from different perspectives. Businesses' growth required updates for the latest information on product offerings, impact, workshops, and news. However, the current design and content system were challenging to use and update without technical expertise. Simultaneously, the outdated websites had a fragmented information architecture, holdign back users' access to important information.
Goals
The workshop laid the groundwork for project design decisions. Recognizing the need for a unified and visually appealing website template, I implemented an extensive design system, guided by three key pillars. This UX process ensured a cohesive approach to the project's visual and functional aspects.
Modulair Design
By combining user and desk research with brainstorming sessions, I pinpointed essential sections for the template that aligned with the three pillars. The objective was to craft a modular and flexible sections, enabling a user-friendly drag-and-drop experience for the client. Client involvement in this process guaranteed that the template met their specific requirements and empowered them for easy adjustments in the future.
Resonsive Web Design
Integrating a responsive approach into the design system ensured seamless adaptation of the template to various devices and screen sizes. This responsiveness was crucial for delivering an optimal user experience on desktops, tablets, and smartphones alike.
Design System
Animations
I added subtle animations to each template section, guiding users through the content with fluidity and coherence. The aim was to boost the websites' visual appeal without compromising loading speed or accessibility.
