Malcom Wright – Atypical Web Structure
Overview: This website was created for a fictitious event photographer named Malcom Wright. The purpose of this project was to create a responsive website that used a different approach in the design and structuring process when building the website. The project needed to maintain the height and width of a typical desktop screen that employed interactive elements using JavaScript to showcase all content.
Key Objectives:
• Keep All Content within the view height and width of the desktop screen.
• Add Media queries that kept mobile view consistent in styling but keep usability a priority.
• Create interactive content divs that hide content when not in use.
• Build the website as a single-page site that still has dynamic content.
Challenges: Creating interactive code in JavaScript that helped format the active columns was the biggest problem I had to find a solution to in order for this website to work. The next biggest challenge was allowing users to click anywhere in an active column to collapse it, while still allowing usability in the contact forms and buttons.
Conclusion: The website takes a different approach from the standard website structure that allows more focus on the active content. It blends standard hyperlink language with JavaScript to create an interactive and unique user experience.