River North Recording
Project Goal: Design and develop a website for a fictional, Chicago-based recording studio.
Role: Developer, designer
Collaborators: N/A
Skills: HTML, CSS, Frameworks, Wireframing, Style Tiles, Custom Tockify Plug-In, UX Research
River North Recording is designed with the Skeleton framework, incorporates the Magnific Popup lightbox plugin for gallery images, and utilizes a custom scheduling plugin through Tockify.
Style Tile
Wireframes
- Altered the initial wireframed layout of the image gallery when developing the webpage. Ensured each row of images remained at a consistent height across the row, but created interest in the gallery design by using a variety of image widths across each row.
- Moved the “Schedule a Session” button to the top of the page for prominent visibility for users. Implemented a custom booking/calendar plugin with Tockify to create a functional method for users to book a studio session.
- Detailed CSS hover effects across the website, affecting navigation items, header logo, images to signify zoom/pop up capability, and across the services page for user interaction and engagement.