Midnight Run Website Redesign

For my GBDA 228 class project, I undertook the challenge of revamping a company's website with subpar design and functionality using my Figma skills. I selected Midnight Run, a cozy café I frequent, as my subject. Through strategic redesign, I aimed to improve the overall layout and structure of the site to offer a more modern and user-friendly experience for customers. By leveraging my design expertise, I transformed Midnight Run's website into a visually appealing and functional platform, aligning with the café's inviting atmosphere and enhancing its online presence.

To kickstart the redesign process for Midnight Run Café's website, I began by analyzing the existing site map. Recognizing areas for improvement, I refined the layout by incorporating elements that I believed would enhance the website's functionality and user experience. This meticulous planning stage was crucial in laying the groundwork for the site's structure, ensuring that every addition served a purpose in aligning with the café's objectives and catering to the needs of its online visitors.

In redesigning Midnight Run Café's website, my focus was on enhancing its overall layout, design, content, and usability to reflect the ambiance of the café while providing a seamless experience for visitors. To achieve this, I made several key design decisions, beginning with restructuring the site map to include essential sections such as About, Menu, and Events, ensuring easy access to pertinent information. The colour palette was meticulously chosen to mirror the café's warm atmosphere, with earthy tones conveying comfort and authenticity, complemented by a midnight blue accent for contrast and elegance. The Home page underwent a complete transformation to welcome visitors with engaging visuals and clear navigation to other sections. The addition of an About page offers insight into the café's story and values, accompanied by vivid imagery for an immersive experience. The Menu page replicates the café's offerings, featuring high-quality images and easy navigation. Events were streamlined into a cohesive page, showcasing upcoming and past events with registration links for convenience. The Contact page was refined to maintain consistency with the site's aesthetic.

These design choices culminate in a visually appealing and highly functional website that captures the essence of Midnight Run Café, attracting new customers and fostering loyalty through engaging content and intuitive navigation. The redesigned website establishes a strong online presence for the café, enhancing its appeal and impact on visitors.

Here is a map of the interactions and links used in the Figma prototype of my redesign. You can view my Figma Prototype by clicking below!