RESEARCH
INFORMATION ARCHITECTURE
WIREFRAMES & HI-FIDELITY DESIGN
DEVELOPMENT
USER TESTING
Stay Sturmfrei is a hostel chain that aims to provide unique and memorable experiences for travellers seeking budget-friendly accommodation without compromising quality. With five vibrant hostels and two luxurious villas spread across popular tourist destinations, Stay Sturmfrei caters to a diverse range of travellers.
OBJECTIVE
Our project aimed to redesign Stay Sturmfrei's website to vividly reflect the energetic and colourful atmosphere of its hostels and villas. We aimed to craft a dynamic and engaging user experience that showcases each property's charm. Furthermore, we focused on making the site fully responsive and mobile-friendly, ensuring a smooth and intuitive browsing experience for users everywhere.
APPROACH
Our approach was systematic and focused on user experience. We started with a comprehensive competitor analysis to identify strengths and weaknesses in the industry, using these insights to guide our strategy. We structured the website for universal accessibility, ensuring an intuitive and seamless experience for all users. Our design phase prioritized a clean, vibrant look consistent with Stay Sturmfrei's branding. During development, we focused on creating a user-friendly content management system, allowing the team to manage properties, blogs, and events effortlessly.
RESEARCH
Our process started with rigorous research, including design principles, website structure, and CMS evaluation. We opted for WordPress due to its cost-effectiveness and the client's familiarity, facilitating a more accessible content management process.
INFORMATION ARCHITECTURE
Leveraging Figjam, we developed a comprehensive information architecture. This phase focused on structuring the website's pages to ensure easy navigation and accessibility, improving the overall user experience.
WIREFRAMES & HI-FIDELITY DESIGN
We utilized Figma to create wireframes that detailed the website's layout and functionality. These wireframes provided a clear structural guide without visual elements. We then created high-fidelity (hi-fi) designs that included visual details such as colour schemes, typography, and images. This combination ensured that the interface was both functional and visually appealing.
DEVELOPMENT & USER TESTING
After carefully considering the scale and requirements of Stay Sturmfrei's website, we decided to use WordPress as the content management system for its flexibility and scalability. Additionally, we chose Elementor as the page builder due to its powerful features and ease of use, which allowed us to create complex layouts and designs efficiently. This combination of WordPress and Elementor enabled us to build a website that not only met but exceeded the expectations for a large-scale, dynamic website like Stay Sturmfrei's. The final phase involved comprehensive user testing. We internally tested the website's navigation, forms, and interactive elements to identify and fix any issues. This rigorous testing ensured the website's functionality was polished, providing users a seamless experience upon launch.
DEVELOPMENT & USER TESTING
TAKEAWAYS
The redesign of Stay Sturmfrei's website exemplifies the impact of a well-planned, user-centric development process. Our systematic approach, from initial research to final user testing, ensured a functional and visually appealing website. By leveraging WordPress and Figma, we achieved a flexible and easily manageable site that aligns with the brand's vibrant identity. This project reinforces the value of thorough planning, consistent branding, and user-focused design in digital marketing and web development. The results demonstrate how strategic web solutions can enhance user experience, boost brand visibility, and support the business objectives of hospitality ventures like Stay Sturmfrei.