CalendAid Calendar Landing Page
CalendAid Calendar Landing Page
My Roles
My Roles
Sole designer and developer
Sole designer and developer
Employer
United Tires
Duration
Duration
4 weeks
4 weeks
Team
Team
1 person
1 person
Summary
Summary
CalendAid was my first project using Webflow, aimed at creating a centralized platform for promoting and participating in events supporting Ukraine in Chicago. Leveraging Webflow's tools, I developed a dynamic and user-friendly calendar to facilitate easy event discovery and engagement. This project combined my design skills with a commitment to social impact and community advocacy.
CalendAid was my first project using Webflow, aimed at creating a centralized platform for promoting and participating in events supporting Ukraine in Chicago. Leveraging Webflow's tools, I developed a dynamic and user-friendly calendar to facilitate easy event discovery and engagement. This project combined my design skills with a commitment to social impact and community advocacy.
Problem statement
Problem statement
Many Ukrainians in Chicago were unaware of local events supporting Ukraine, often learning about them late or not at all due to decentralized information sources. This lack of awareness hindered community participation and support efforts. Recognizing the need for a centralized and accessible platform, I aimed to create CalendAid—a user-friendly website that provides timely and comprehensive information on events supporting Ukraine in Chicago, ensuring easy access and fostering community engagement.
Many Ukrainians in Chicago were unaware of local events supporting Ukraine, often learning about them late or not at all due to decentralized information sources. This lack of awareness hindered community participation and support efforts. Recognizing the need for a centralized and accessible platform, I aimed to create CalendAid—a user-friendly website that provides timely and comprehensive information on events supporting Ukraine in Chicago, ensuring easy access and fostering community engagement.
User Research
User Research
User interviews revealed a primary desire among Chicago’s Ukrainian community: a straightforward platform for discovering and participating in local events supporting Ukraine. Users emphasized the need for immediate access to weekend events, including easy ticketing and directions. Long-term planning was less important; instead, they sought a convenient tool to decide how to spend their available time.
This feedback guided the design of CalendAid to prioritize real-time event updates, simple ticketing links, and straightforward filtering, ensuring it met the community’s immediate needs for accessibility and usability.
User interviews revealed a primary desire among Chicago’s Ukrainian community: a straightforward platform for discovering and participating in local events supporting Ukraine. Users emphasized the need for immediate access to weekend events, including easy ticketing and directions. Long-term planning was less important; instead, they sought a convenient tool to decide how to spend their available time.
This feedback guided the design of CalendAid to prioritize real-time event updates, simple ticketing links, and straightforward filtering, ensuring it met the community’s immediate needs for accessibility and usability.
Selection of Tools
Selection of Tools
Seeking an easy-to-manage system for non-technical users, I explored various no-code solutions but found that existing platforms either had complex navigation or lacked robust CMS filtering capabilities essential for effective event management and updates. Opting for Webflow due to its advanced CMS features, I aimed to implement comprehensive event categorization and filtering systems. Integrating custom code developed with ChatGPT was planned to further enhance these capabilities.
Seeking an easy-to-manage system for non-technical users, I explored various no-code solutions but found that existing platforms either had complex navigation or lacked robust CMS filtering capabilities essential for effective event management and updates. Opting for Webflow due to its advanced CMS features, I aimed to implement comprehensive event categorization and filtering systems. Integrating custom code developed with ChatGPT was planned to further enhance these capabilities.
Design Iterations and Prototyping:
Design Iterations and Prototyping:
The next phase of CalendAid’s development involves iterative design processes aimed at refining the user interface and functionality. Beginning with detailed wireframing and prototyping, visualized the layout and interaction flows of the calendar interface. These wireframes served as a foundational blueprint, guiding the creation of high-fidelity mockups that incorporated feedback gathered from user interviews and usability testing. The iterative approach prioritizes creating intuitive navigation pathways and presenting event information clearly, ensuring users can easily discover and engage with events.
The next phase of CalendAid’s development involves iterative design processes aimed at refining the user interface and functionality. Beginning with detailed wireframing and prototyping, visualized the layout and interaction flows of the calendar interface. These wireframes served as a foundational blueprint, guiding the creation of high-fidelity mockups that incorporated feedback gathered from user interviews and usability testing. The iterative approach prioritizes creating intuitive navigation pathways and presenting event information clearly, ensuring users can easily discover and engage with events.
For better usability, I’ve also added a search bar that dynamically filters events, as well as “Today” and “Date” filters as well as “Share” options.
For better usability, I’ve also added a search bar that dynamically filters events, as well as “Today” and “Date” filters as well as “Share” options.
Results
The launch of CalendAid successfully addressed the needs of the Ukrainian community in Chicago by providing a centralized and easy-to-use platform for discovering and participating in local events supporting Ukraine. Users benefited from the intuitive interface, which featured dynamic filtering options, including a search bar and “Today” and “Date” filters, allowing for quick and efficient event discovery. The platform’s robust CMS capabilities ensured that events could be easily managed and updated by non-technical users. Positive user feedback highlighted the platform’s effectiveness in enhancing community engagement and simplifying the process of finding and attending events. A few months from launch, the website attracts approximately 50-80 users daily, with the number steadily growing, reflecting increased engagement and higher event attendance rates.
The launch of CalendAid successfully addressed the needs of the Ukrainian community in Chicago by providing a centralized and easy-to-use platform for discovering and participating in local events supporting Ukraine. Users benefited from the intuitive interface, which featured dynamic filtering options, including a search bar and “Today” and “Date” filters, allowing for quick and efficient event discovery. The platform’s robust CMS capabilities ensured that events could be easily managed and updated by non-technical users. Positive user feedback highlighted the platform’s effectiveness in enhancing community engagement and simplifying the process of finding and attending events. A few months from launch, the website attracts approximately 50-80 users daily, with the number steadily growing, reflecting increased engagement and higher event attendance rates.
Reflection
Reflection
The journey of creating CalendAid was both challenging and rewarding, offering valuable insights into the capabilities and limitations of no-code solutions. The project underscored the importance of user-centric design and the need for flexibility in managing dynamic content. Learning to navigate Webflow’s advanced features and integrating custom code to enhance functionality was a significant milestone in my professional development. User feedback was instrumental in shaping the final product, reinforcing the value of iterative design and continuous improvement. This project not only demonstrated my ability to adapt to new tools and technologies but also deepened my commitment to creating impactful solutions that meet the needs of the community. Looking forward, I am excited to leverage these experiences in future projects, continually refining my approach to design and development
The journey of creating CalendAid was both challenging and rewarding, offering valuable insights into the capabilities and limitations of no-code solutions. The project underscored the importance of user-centric design and the need for flexibility in managing dynamic content. Learning to navigate Webflow’s advanced features and integrating custom code to enhance functionality was a significant milestone in my professional development. User feedback was instrumental in shaping the final product, reinforcing the value of iterative design and continuous improvement. This project not only demonstrated my ability to adapt to new tools and technologies but also deepened my commitment to creating impactful solutions that meet the needs of the community. Looking forward, I am excited to leverage these experiences in future projects, continually refining my approach to design and development
Other projects
Other projects
Case study
UX Design
UI Design
🖐️ Integrating UX principles with Art Direction for cohesive experience
🖐️ Integrating UX principles with Art Direction for cohesive experience
Dig inside
Case study
Volunteering
UX Design
UI Design
💪 Crafting a no-code website using Framer
💪 Crafting a no-code website using Framer
Dig inside
CoNtact me ANyTIME
CoNtact me ANyTIME
If you have any question, suggestions, job offers or just want to talk or share a cool show or documentary you just found - hit me up. I’ll be happy to hear from you.
I’m glad you got all the way here and hope you are having an amazing day. All rights reserved, 2024