Web design for a travel focused blog.
Shantit Safar means “luggage” in English. The name describles a travel-focused blog for the Arabic readers in the MENA region. I was asked to help work on the UX design and front-end development.
The UX design should result in the following:
I don’t always work on the wireframes for a new project, but this time it was important so we can plan out the structure of the components and pages.
A few wireframes that we worked on.
Before diving into the design, we needed to make sure that the client and I are on the same page. I worked on a moodboard exploring different design patterns from the across the web.
After discussing it, the client highlighted what they like and don’t like about the moodboard I sent. After that, I become more confident on which UI direction to try first.
The branding of Shantit Safar is fresh and modern. I tried to keep its vibe in the UI design. Here are the first tries for the home page design.
I tried lots of ideas, one of them was incoporating a luggage in the footer. It didn’t make it though.
Take a look.
Once we felt happy with the design direction, we finalized the home page.
Here it is.
I added some fun UI elements to make the reading experience more engaging. Working on those UI details was my favorite part.
The UI design for the newsletter and 404 page. The 404 page was fun to implement in code, you will see why in a few.
As I mentioned, the 404 page was fun to work on. Here is a video of how it looks like in the browser:
Working on this project was a great experience. I enjoy taking a fresh brand and crafting a UI design out of it. Let’s do something similar for your project!
