Flamman

Flamman logo

Socialt Förebyggande Centrum

2019

Flamman

Role

Backend Design Front-end Sysadmin UX

Tech

Web Development Wordpress Support

Agancy

Freelance

Introduction:

Flamman Ungdomarnas Hus, a youth recreation center in Malmö, Sweden, embarked on the creation of a brand new website to enhance their online presence. As a former member of Flamman, I was entrusted with the task of designing, developing, and migrating their website. This case study showcases the collaborative process, design decisions, technical implementation, and website migration involved in successfully launching Flamman's new online platform, built on the WordPress content management system (CMS).

Understanding the Client's Requirements:

Through extensive discussions and workshops with Flamman's communications manager and staff, I gained a comprehensive understanding of their requirements and objectives for the website. Recognizing the need to create an engaging and informative platform, we aimed to showcase Flamman's activities, provide event information, and consolidate all operations websites onto a single hosting platform.

Establishing a Brand Identity:

Collaborating closely with the Flamman team, we defined a online identity that aligned with their vision and values. We developed a vibrant color palette, typography, and visual style that reflected the organization's energetic and youth-focused image, creating a cohesive brand experience throughout the website.

Designing the User Interface:

Using the insights gathered from the client, I designed wireframes and prototypes to create an intuitive user interface. The focus was on user-friendliness, easy navigation, and clear communication of Flamman's offerings. The design elements incorporated SVG graphics as backgrounds, adding visual appeal and scalability to the website across different devices.

WordPress-based Development:

As the sole developer, I undertook both the design and development aspects of the project using WordPress as the CMS. Harnessing the power and versatility of WordPress, I built a responsive and dynamic theme from the ground up. By leveraging WordPress's extensive library of plugins, I ensured scalability, ease of content updates, and robust security features for the Flamman website.

Consolidating Websites and Migration:

In addition to developing the new website, I assisted Flamman in migrating all their existing operations websites to a unified hosting platform. This consolidation ensured better management, reduced costs, and improved efficiency for Flamman's online presence.

Testing and Iteration:

To ensure a high-quality user experience, I conducted extensive testing throughout the development process. By incorporating user feedback and suggestions from Flamman's staff, I iteratively refined the website, addressing any issues or bugs that arose. This iterative approach helped in optimizing the website's functionality and performance.

Deployment, Training, and Ongoing Support:

Once development and testing were completed, the new Flamman website was deployed to a production environment, making it accessible to the target audience. I provided comprehensive documentation and training to Flamman's staff, empowering them to independently manage and update the website's content. Additionally, ongoing technical support was offered to address any future needs or challenges.

Conclusion:

The Flamman Ungdomarnas Hus website development project involved creating a brand new online platform to promote Flamman's activities and consolidate their operations websites. Through effective collaboration, innovative design, seamless development, and successful migration, we successfully launched a visually appealing, user-friendly, and informative website. The new website not only showcases Flamman's offerings but also provides a centralized platform for the organization's operations. It serves as an essential tool for Flamman to connect with their target audience, furthering their mission of empowering the youth in Malmö, Sweden.

Gallery Thumbnail