Skip to main content
Namnlös design

Y.SHARK

Y.SHARK is a microbrewery located on the island of Ingarö, in Stockholm. I stumbled upon their website and was immediately intrigued by how their brand and visual first impression could be enhanced. I looked through and tried the Y.SHARK website and found smaller flaws in their UI and UX. I wanted to expand my visual design knowledge by trying to rebrand and redesign their website with my style, which in this project is represented by clean, modern, and energetic visuals.

Preview of a Final redesign

bild12

My design process

bild13

1. Analyzing the current design

The current site is fun, light, and has a bright orange color accompanying a big animated header that makes the website feel vibrant. 

What it lacks is a professional look. The low-cost feel works somewhat with the microbrewery image, but has room for improvement. I could see potential in using more cool imagery that conveys “beer” and “shark” in a more modern way. I also felt that the website lacked product images, images of the founders, and relevant information such as contact information. 

bild13

2. Create a new visual identity

I wanted to rebrand by creating a more engaging and fun look. I searched Pinterest and played with generative AI to create a mood board and visual branding guide. 

Creating a visual profile helped me decide on colors, fonts, and images that could be incorporated later to create the vibe I was looking for.

3. Low fidelity to High fidelity

I then created some early, low-fidelity drafts of what the website’s layout could look like. Since I had the idea of everything fitting on one page, as Y.SHARK’s website does today, I only created low-fidelity wireframes for the homepage. I refined the wireframe I liked and tried to create something more polished using colours and pictures from my visual design guide/mood board. I tweaked the layout, moving some elements around to create a more natural and balanced flow.

bild7

4. Final thoughts

This project was completed over the course of two days and served primarily as an opportunity for me to refine my UI skills while still keeping the user experience in focus. The result is a simple prototype that feels fun, clean, and modern. It carries a youthful vibrancy that may reflect my personal style more than the established Y.SHARK identity. However, this was never a concern as the purpose of the project was solely to practice and develop my skills, not to deliver a client-ready product.

bild8

Watch the video to see how the web feels and looks in action

(video)