Influent Hull Homepage

Home Page Wireframes

Low Fidelity Sketches

Here are some sketches for two different home page layouts for Influent; the main differences are the way the nav bar sits, and the hero image clipping mask shape, however the UX/UI is simple and easy to use on both versions, and contains an aesthetic parallax feature in which the information scrolls over the hero to make the page feel fun and modern.

In the first design, the nav bar lies on the left which is a bit more unique and strays from the norm a little bit, whereas the second design has the standard nav bar on the top, which I think is a good option if the company wants to follow Jakob’s Law.

According to South Downs Web Designs, Jakob’s Law is defined as;

“Jakob’s Law of the Web User Experience is a fundamental principle of UX user experience design that states that users prefer familiar design conventions. In other words, users are more likely to engage with a website that follows established design patterns and conventions.”

(South Downs Web Design (2024) Jakob’s Law: What Is It And How To Use It In Web Design https://www.southdownswebdesign.co.uk/articles/jakobs-law-what-it-is-and-how-to-use-it-in-website-design#:~:text=Jakob’s%20Law%20states%20that%20users%20prefer%20websites%20that%20look%20and,usability%2C%20and%20increase%20user%20engagement. [Accessed 18/12/2024])

Mid Fidelity Two Variants

This design uses a soft pink colour, and a slightly different typography logo from the grey designs, as well as a different icon logo. The nav bar will sit on the left hand side which is a bit different from what people are used to when using a desktop web page. The reason for these variants is to give the company a chance to pick the designs they like best, instead of all the designs having the same layout.

This design features an angular hero image, and a grey colour scheme from the ice cream palette i chose earlier; it uses the standard style of navigation bar at the top of the page, but still features parallax scrolling. Beyond the fold it will continue in this style but have all the additional page features I outlined in my low fidelity pencil sketches.

Final Wireframe Homepage Design

This is the final design of the Influent Hull website; it has a very classy and minimalist aesthetic which I found was common for style consultancy businesses in my research, and wanted to replicate this, to create a professional and high-end fashion business website. The use of the sans serif font shows that the business holds itself in high regard and connotes luxury; the colours are bordering between any gender stereotypes, being quite muted, and therefore appropriate for either gender to book with this business.

Overall I think this website does what it set out to do, which is to be a professional, high end fashion consultancy business group, in Hull.

Harvard References

Brooke Cagle (2018) Woman wearing gray and and black dress photo [Photograph] https://unsplash.com/photos/woman-wearing-gray-and-black-dress-soBGIhTb0jU [Accessed 20/12/2024]

Dan Gold (2018) Person Holding Knitted Textiles Photo [Photograph] https://unsplash.com/photos/person-holding-knitted-textiles-aJN-jjFLyCU [Accessed 18/12/2024]

Haydn Golden (2018) Man wearing suit jacket and white painted wall photo [Photograph] https://unsplash.com/photos/man-wearing-suit-jacket-and-white-painted-wall-wcvuv00UDd4 [Accessed 20/12/2024]

James Hollingworth (2020) Black flat screen tv on white wall photo [Photograph] https://unsplash.com/photos/black-flat-screen-tv-on-white-wall-uJd-18zz64I [Accessed 20/12/2024]

Lance Reis (2023) A man with a beard wearing a hat photo [Photograph] https://unsplash.com/photos/a-man-with-a-beard-wearing-a-hat-TTdJV-K1IUg [Accessed 20/12/2024]

Priscilla Du Preez (2017) Assorted Clothes in wooden hangers [Photograph] https://unsplash.com/photos/assorted-clothes-in-wooden-hangers-dlxLGIy-2VU [Accessed 18/12/2024]

Ronny Sison (2018) One unknown celebrity taking photo while leaning on brick wall [Photograph] https://unsplash.com/photos/one-unknown-celebrity-taking-photo-while-leaning-on-brown-wall-BnS-h6wEwNA [Accessed 20/12/2024]]