Trim-it Concept

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

UI

UX

Concept

Playground

Trim-it is the UK’s first app powered mobile barbershop.


Trim-it is a company I have been following for some time now.

I am yet to try it out as it is not currently available in my area. Regardless, I have the app

on my phone and I’ve been keeping up to date with its updates.




I decided to play around with the app’s UI and align it with the closest visual pattern, maps &  navigation.

Now I know some of you may be confused and asking, how is maps the closest visual pattern for an app about barbering?

My answer is the app’s point of entry is based on location and mobility.




My concept aligns a few select screens.


Splash Screen - no change here.


Homepage - I've done two things here…I've opted for a bottom Nav instead of a slide over

menu via the hamburger menu to keep the navigation within the thumb zone. 


I've also redesigned the entry point of the app to align the homepage with a maps & navigation pattern.


Bookings - Here I've injected a bit of personality into the app by borrowing the truck

elements from their website landing page. This truck illustration can also be used for micro interactions.  


By adding a loop into the bookings page, this creates a flow leading you back

to the homepage to create a booking.


Profile - On the profile page I have moved the functions that currently lived

on the slide over hamburger menu and housed them in the profile page.




Thanks for having a read!- you can view more of my concepts in the Playground✌🏾

Have a project in mind?

Let's Chat

More Work