UI Case Study — Web browser based mobile app

Brief

Re-branding the visual identity of Bloomsbury Beginnings website realising an MVP for a web browser mobile app.

Team

Deliverables

A number of deliverables where included in this project, here’s a quick breakdown:

  • Personas and scenarios
  • User journey and sitemap
  • Sketches of ideas and layout of the website
  • User flows and screen flows
  • Affinity Diagram
  • Moodboard
  • Style Tiles
  • Style Guide
  • Low and mid-fidelity wireframes
  • High fidelity mock up
  • Prototype of design(s)
  • Final presentation to the client

Results

  • Re-design key pages of the UI of Bloomsbury Beginnings current website
  • Creation of New Members area for users
  • Community area to interact & collaborate with other social & environmental impact entrepreneurs
  • Implement relevant and engaging user experience
  • Create a professional feel without losing the ethos of being community driven

UX Research

Analysing competitors to find strength points of Bloomsbury proposition
Site map structure for the landing page of the website

UI Research

Inception Design helped us moving from the why to the mood of the website

The why

To help people that want to run successful social and environmental ventures to overcome obstacles and create powerful propositions for social and environmental change.

Colour palette
The illustrations where created by Alex while I’ve created the new logo
Iconography
A link to the final prototype can be find attached

UX/UI designer in London