The goal of this project was to revitalize the New Smyrna Beach Escape Room's online presence with a fresh, modern design that better reflects the excitement and mystery of their escape room experiences.

Original Website

New Smyrna Beach Escape Room

Rebranded Website

Rebranded NSB Escape Room

Key Improvements

• Visual Design: Introduced a modern, dark theme with vibrant neon accents to create a more immersive and thrilling experience. High-quality images and custom graphics were integrated to enhance visual storytelling.
• User Experience (UX): Enhanced with interactive elements such as animated transitions, hover effects, and clear call-to-action buttons. The layout was reorganized for intuitive navigation, ensuring users can easily find information about the rooms, booking options, and contact details.
• Content Strategy: Content was rewritten to be more concise, exciting, and engaging. FAQs were streamlined, room descriptions were made more enticing, and a consistent brand voice was established across all pages.
• Interactive Elements: Added interactive elements such as clickable elements for virtual tours of the rooms, mini-games for user engagement, and highlighted key details in the room images to create a sense of adventure and discovery.

Before and After

• Home Page: Engaging hero section with a dynamic background image, vibrant colors, and clear calls to action.
• Escape Rooms Page: Detailed descriptions with highlighted features, interactive images, and themed visuals matching each room's ambiance.
• Booking Page: Integrated booking widget with customized styling to match the site’s theme, making the booking process seamless and visually cohesive.

Tools and Technologies Used

• Website Builder: Wix
• Design Tools: Adobe Photoshop, Illustrator
• Code: HTML, CSS, JavaScript for custom interactive elements
• Content Management: Wix CMS

Challenges and Solutions

• Challenge: Ensuring the website was visually engaging while maintaining fast load times.
• Solution: Optimized images and used lazy loading techniques to improve performance.
• Challenge: Creating a consistent brand voice that aligns with the new visual identity.
• Solution: Developed a content style guide to ensure consistency across all written content.

Conclusion

The rebranding of the New Smyrna Beach Escape Room website successfully transformed it into a visually appealing, user-friendly platform that effectively communicates the excitement and mystery of the escape room experiences. The new design not only attracts potential customers but also enhances their overall experience, from browsing the site to booking their adventure.

Modoko is a comprehensive startpage application that I developed to enhance daily productivity. It's designed to integrate seamlessly with work, school, and personal tasks, offering a user-friendly and highly customizable dashboard that streamlines the user experience.

Purpose and Goals

The primary goal of Modoko is to provide a centralized hub for users to manage their daily activities efficiently. By consolidating various tools and information sources into a single interface, Modoko aims to minimize the time and effort users spend switching between different apps and websites.

Key Features

• Customizable Dashboard: Users can select and arrange modules such as notes, to-do lists, timers, countdowns, and more, according to their preferences.
• Real-Time Information: The app includes live weather updates, personalized news feeds, stock tickers, and world clocks.
• Organizational Tools: Features like a smart calendar, quick links, favicon grid, and citation generator help users stay organized and productive.
• Interactive Tools: Additional tools include a random number generator, an image generator, and a timer module.

Design Philosophy

• User-Centric Design: The interface is intuitive and easy to navigate, ensuring that users can access all features with minimal effort. The design prioritizes clarity and ease of use, making Modoko suitable for a wide range of users.
• Aesthetic and Functional Balance: The app features a clean, modern aesthetic with a focus on both form and function. The design includes a harmonious color scheme and smooth transitions, including a night mode for comfortable viewing in low light conditions.
• Customization: Recognizing that each user has unique productivity needs, Modoko offers extensive customization options. Users can tailor the dashboard to their specific requirements, ensuring that they have quick access to the tools they use most frequently.
• Performance Optimization: Modoko is built to be lightweight and fast, ensuring a smooth user experience without compromising on performance. Each module is optimized for quick loading times and efficient operation.

Development Process

• Research and Planning: Identifying user needs and defining the app's core functionalities.
• Design and Prototyping: Creating wireframes and prototypes to visualize the user interface and experience.
• Development: Implementing the design using modern web technologies, ensuring compatibility across different devices and browsers.
• Testing and Refinement: Conducting usability testing to gather feedback and make necessary improvements.

Challenges and Solutions

• Balancing Customization and Simplicity: Ensuring that the app is highly customizable without overwhelming the user was a key challenge. This was addressed by implementing a modular design where users can easily toggle features on and off.
• Performance Optimization: Keeping the app lightweight and responsive required careful optimization of code and resources. Techniques such as lazy loading and efficient data handling were employed to maintain high performance.

Conclusion

Modoko represents a successful blend of functionality, aesthetics, and user-centric design. It showcases my ability to develop complex, multi-faceted applications that prioritize user experience and efficiency. Modoko stands as a testament to my skills in web development, user interface design, and project management.