M Y
W O R K
This site...
​
... is something I'd like to give brief mention to as whilst by far being the least strenuous of my "work", there's some functionality on this page which demonstrates my willingness to do that little bit extra to improve the user's experience. The Read More button beneath each of my projects expands collapsible contents - this is not a feature available in Wix's base editor but I wanted to include it as a practical way reduce clutter on my screen. I needed to use a smidge of my Javascript knowledge to enable this functionality in the editor's "Dev Mode" which allows for more direct tinkering.
​
It's nothing ground-breaking or immediately significant, however, it's not only a feature that I wanted to bring attention to as it can easily go under the radar, it's also a feature I'm very glad I decided to include whenever I browse through my portfolio.
SmartEats (mobile app)
Finding the time to prepare and eat a meal is something busy career people often struggle with so me and the team found ways to make that process (from the shopping and conserving aspects, to the cooking) as efficient as possible...
UX DESIGN
This was a university project for a module titled "Human Computer Interaction" which focused on teaching us the basics of UI/UX design
... in total this project had 10 weeks of work put into it.
My role:
Mostly interface design. I wanted to take responsibility for the readability and ease of navigation of the fridge page as well as the individual food items page...
... p.s I also designed the logo
So as mobile functionality became more of a priority, the design process started to evolve.
GOALS The user wants to be able to keep on top of their groceries as well as what they want to eat next without having to be in their kitchen.
​
We also wanted the app to aid in the healthy eating of its users based on the dietary profile of the user themselves.
At the infancy of our project, however, SmartEats was purely an application for smart fridges. We didn't think of the potential scope of this project to ease the burden of being on top of food conservation and meal preparation.
THE PROCESS At the start we created a persona to base our use cases and requirements around. The persona was important in maintaining our focus on the type of user this application is targeted towards
Our persona, Yusuf
- Hammersmith & Fulham MP
- He's indecisive
- Spends a lot of time working
- Forgets when his food expires
- Hectic work schedule + poor time management
- Actually loves to cook surprisingly
After our collective eureka moment, some features needed to be added...
User receives notification when a food item in their fridge is near expiration
The notification feature which alerts the user of items expiring soon was added after some feedback on how we can make the app more informative and useful whilst the user is out and about
Interactive shopping list allowing users to track their food spending as well co-ordinating what they need to buy
We quickly realised that such features still add to the functionality of the smart fridge app as you might not always have your phone in hand when in the kitchen so we were overall building a much "better" piece of software
RESULTS SmartEats didn't ship so it's hard to quantify the success (or potential success) for this application. One easy metric would be number of registered smart fridges and smart phones using the application .
​
Small scale user testing during the SDLC and collecting feedback on whether the functionality of the app meet the user requirements.
​
HYPOTHETICAL METRIC: Independent user surveys where we ask whether the amount of money spent eating out/on takeaway food has decreased after 6 months. Likewise we can also compare number of meals cooked during the day before use of SmartEats compared to 6 months after.
Interactive web prototype for SmartEats:
https://framer.com/share/SmartEat--u79rCChMsXcnSJNwUHWE/GDFcNjRwW
Tate Modern (mobile app)
With the art industry becoming increasingly digitalized, it's important that it's institutions keep up with the times and I happened to notice that the Tate doesn't have a mobile application.
While on the job hunt, I saw an advert by Tate Modern in London for a role as a UX designer so naturally I had a look at the interfaces for their various virtual services (website, mobile application) and noticed they don't actually have a mobile app. This inspired me to create a light prototype of what I'd imagine a Tate app would look like...
GOALS The user wants to know what exhibitions and shows are currently on using an eye catching interface as well have easy access to the more popular Tate services.
​
Whilst the website has clean UI with easy readability, it takes a couple clicks more than necessary to access some of their services. We live in an age of convenience so users would want quick access.
​
I put my Tate employee hat on and thought how another thing I'd want the app to achieve is to maximise the amount of time spent on the app. More/longer user time can help the brand of Tate as well as grow interest in art through the various services and content the app provides.
After a brief animation on opening the app, the first thing the user sees are currently running exhibitions which the user can swipe between (a preview of the art is provided in the background)
THE PROCESS Aiding user engagement and minimising the amount of actions necessary to access desired information are key in my design so I made current exhibitions visible on the home screen.
The book tickets button accompanying each slide and exhibition is an example of how I want to streamline the process of knowing what is on at Tate as well being able to book tickets.
I definitely had a younger userbase in mind when designing the functionality of this application. Swipeability (if that's a word) as well as a sleek, minimal design is familiar to the younger generation but also doesn't confuse the less tech-savvy and/or older generation users which admittedly would make up the majority of regular Tate consumers.
Now, on to the navigation bar at the foot of the screen...
Tab for media. Podcasts, educational art videos as well as games for kids
Shop where users can purchase merchandise
User can log in or sign up to the Tate app and use features such as saving favourite exhibitions and managing their membership
Navigation bar
There's only so many tabs you can put in a nav bar on the foot of a phone screen so I prioritised tabs that would allow for longer user engagement but would also cater to user's needs so I created a media tab that allowed users to listen to podcasts or watch videos and a shop tab where users can purchase Tate items. Having visited Tate Modern a few times, I noticed that the shop is quite a popular attraction for visitors and I've even bought a couple items there myself so I thought user's would like it's inclusion onto an app.
RESULTS Like SmartEats, this Tate project didn't ship but an easy metric to measure potential success would be to evaluate the success of the shop. You can do this by comparing revenue brought in through the shop on the app in proportion to the app's daily user activity against revenue brought in through the website's shop in proportion to its daily traffic.
​
Because the app would be available to download on various app stores, you could analyse user reviews on said app stores as well as total downloads after a period of time.
​
Another method would be to compare the proportion of tickets sold via the app against through the website to gain an insight into whether users find it more convenient to purchase through the Tate app.
Design
I wanted to preserve the black and white colour scheme of the Tate website so kept colours to a minimum. A splash of green in the shop tab and a couple distinguishing colours in the media tab I felt was all that was necessary.
​
I also went with a lightly weighted but taller font in keeping with the typography of the Tate website.
FRONT-END
HoennDex (web application)
COMING SOON...