This website deals with Old / New / Refurbished mobile phone parts. This website is under development (Backe-end) stage.
Research, Concept, Ideation, Wireframing, Prototyping, UX/UI, Front-end Development.
Year Launched : 2018
1 (me) + 1 (Backend Developer)
In the UK, we don't have many websites who sells genuine mobile parts so PHONE@ came up with this idea to sell mobile parts wholesale.
This website will be live in the early next year in the UK and Europe.
My role was to be the Full stack designer and Front-end developer for the redesigned site, implementing a User-Centered Design approach to the project.
My main goal was to make this website as simple as possible. Smart filtering and categorisation and easy user flow.User centered design approach.
In order to achieve such a goal, it was absolutely necessary to gain the information about where the old solution was failing and what business results should the new design bring. Based on the enter data, the first graphic concepts were made.I lead and execute our on-site intercept surveys, extensive competitor / industry parallel analysis, broad and focused journey-mapping, and group requirement-gathering sessions (conferences) with the client.
Often designs were tested as either paper mock-ups or clickable prototypes (using Axure or InVision), therefore we was able to test well before development was due.
I tried to keep the design of this product search tool as simple as I could, but it was difficult as it’s quite a complex product.. After looking at customer feedback and having numerous team discussions, we decided to stick to 2-3 basic colors.
Often designs were tested as either paper mock-ups or clickable prototypes (using Axure or InVision), therefore we was able to test well before development was due.
After looking at customer feedback and having numerous team discussions, we decided to limit the
I created a quick prototype using a clever little app called Pop, that allows you to take photos of your interface sketches and link them together to create an interactive prototype on your mobile phone. I tested out the prototype on a bunch of customers to gauge their interest and ensure that there were no major usability issues. After making a few tweaks based on customer feedback, I moved on to create more detailed wireframes in Sketch App, some of which can be seen above. I’m a big believer in “less is more”, so we focused on making sure that every element in this site earned its place.After endless hours of experimenting with visuals in Sketchapp.
Shop page is one of the most engaging parts of the website. I have designed and developed the smart filter using the simple bootstrap components. It works well in the mobile as well. The filter is highlighed in the red and it works very well in any phone.
Much to our delight, the new design worked wonders, performing better than the old one in key areas. While the limited technical scope did narrow our design options, it was a fun and challenging project to work on. I think it demonstrates how purely visual design changes can have a significant impact on the user experience and conversion rate of a Home page & Shop page.