Fusion Rose Events
While at Sacramento City College, I took on a challenging project involving the redesign of a website using Adobe XD, a prominent user experience design tool. Opting to revamp the Fusion Rose Events banquet Hall website, I aimed not only to improve its visual appeal but also to enhance functionality and user-friendliness, addressing the unique needs of the venue’s clientele. The significance of this project extended beyond academic exercise, as Fusion Rose Events is owned by my neighbor, who established the business intending to foster community and unity among residents. Her vision also included promoting local tourism through events. This personal connection imbued the project with added meaning, transforming it into a contribution to my community rather than just a coursework assignment.
Design Process
Creative Brief
The initial step I took was to compose a design brief for the website, outlining key information and goals:

Personas



After completing the creative brief, I went on to create four imaginary personas, each representing a distinct set of problems they experienced with the Fusion Rose Events website, drawing from my own observations. These personas were instrumental in understanding and addressing the diverse needs and challenges of potential users, contributing to the success of the website redesign project.
Site Map


Following the creation of personas, I conducted a comprehensive inventory of the Fusion Rose Events website. I carefully took notes and established an Information Structure. This process involved assessing the existing content, layout, and organization of the website, which served as a crucial foundation for the subsequent stages of the redesign project.
Mind Map

During this phase of the project, I engaged in brainstorming to generate ideas and clarify Fusion Rose’s target audience, offerings, and the essential features that the website needed to provide. This creative process was instrumental in defining the project’s scope and ensuring that the redesigned website would effectively cater to the banquet hall’s goals and the needs of its visitors.
Style Tile

With all the gathered information, I proceeded to design a style tile that encapsulated the envisioned look and feel for the website’s redesign. This style tile served as a visual reference, outlining the color schemes, typography choices, graphical elements, and overall design aesthetics. It helped establish a cohesive and consistent visual identity for the Fusion Rose Events website.
Wireframes and Prototypes





During this project phase, I delved into sketching and wireframing to articulate the envisioned appearance and layout of the Fusion Rose Events website, catering to both desktop and mobile web browsers. The process included crafting low-fidelity and high-fidelity wireframes, which later progressed into interactive prototypes. These wireframes and prototypes played pivotal roles in conceptualizing and fine-tuning the design and functionality of the website, offering a well-defined blueprint for the subsequent stages of its development.


Final Phase
In the conclusive phase of our project, I presented a fully functional prototype designed for both mobile and desktop platforms using Adobe XD. This prototype marked the pinnacle of our endeavors, transforming the conceptualized design into an interactive and tangible experience ready for testing and evaluation. Serving as a pivotal milestone in the website redesign project, the prototype showcased the practical application of the extensive research, planning, and design work that had been diligently undertaken throughout the project’s lifecycle.
This project proved to be an eye-opening experience for me as it shattered my preconceived notion that web design was primarily about coding. Before this, I was unaware of tools like Adobe XD and the broader skills involved in web design. Through this project, I gained valuable insights into various aspects of web design, learning new skills and approaches.
Additionally, working on this project taught me the importance of effective time management, especially when dealing with substantial and multifaceted tasks. It reinforced the significance of organizing and allocating time efficiently, a skill that extends beyond web design and is valuable in managing large projects in general.
