3ina – Cosmetics Brand eCommerce Website

3ina – Cosmetics Brand eCommerce Website

3ina – Cosmetics Brand eCommerce Website My Involvement UX – Information Architecture, Navigation, Wireframes, Testing About the Project 3ina is a cosmetics brand with a flagship store in Covent Garden. I worked on their ecommerce website. My Involvement I developed the UX of this site from Information Architecture to Wireframes and Testing. We had regular meetings with the client. I created prototypes in HTML which we used for testing sessions, and I then iterated the ideas in the prototypes based on these findings. Information Architecture I developed the site map and navigation of the site Wireframes I developed wireframes for every page of the site. Here are a few examples. Prototypes For testing, I developed prototypes using designs, wireframes and HTML. This enabled us to test details of interactions and see how users responded to the design, as they could click and scroll around the page just as they would on the final site. I iterated the designs regularly. Here are a couple of examples of some prototypes we tested: Other Projects Disco Giggle – Comedy Discovery Website 11th August 2015 Brilliant Basics 11th March 2015 Investec 9th March 2015 HTML Emails 21st February...
Moo NFC business cards – Android App

Moo NFC business cards – Android App

Moo NFC Business Cards – Android App My Involvement UX – Roadmapping, Information Architecture, Navigation, App Flow, Wireframes About the Project This printing company has developed high quality printed Business Cards, embedded with an NFC chip that triggers digital Actions. The app allows the user to control what actions are on each card. My Involvement We began this project with roadmapping sessions. I helped map out all of the features and estimate times. Then I worked on Information Architecture such as App Flow and Navigation. Then I moved on to working on the initial wireframes. Roadmapping The project manager, an android developer and I mapped out all of the necessary features and tasks for this project. Using Agile methodologies we organised everything into stories and epics. Information Architecture I laid out the entire app in an App Flow. To help with this process, I performed a card sort research exercise. Wireframes Using Google’s Material Design specifications and sticker sheet, I began to lay out high fidelity wireframes in Adobe Photoshop CC. Other Projects Disco Giggle – Comedy Discovery Website 11th August 2015 Brilliant Basics 11th March 2015 Investec 9th March 2015 HTML Emails 21st February...
Disco Giggle – Comedy Discovery Website

Disco Giggle – Comedy Discovery Website

Disco Giggle – Comedy Discovery Service My Involvement UX – Research, Personas, User Flows, Wireframes, Prototype Live Prototype http://discogiggle.com/theprototype/ The Problem It is hard for comedy fans to discover comedians or find gigs to go to. The Solution DiscoGiggle is a comedy discovery site. Users can follow comedians to find when they are performing, search for gigs to go to, and see recommendations of comedians and gigs, based on their preferences and likes. The project I have worked on user research, persona creation, user goals and task analysis, user flows, wireframes, prototype and usability testing. The site itself is still in development. Research I interviewed audience members at comedy clubs and found that none of them had a solid method of finding gigs to go to. I listened to what problems and pain points they had, as well as their goals and needs for an ideal experience. I created this board and affinity mapped the issues into similar categories and labelled them. I then performed a second affinity map, to separate out different types of users. Some people I interviewed had been more knowledgeable about comedy, while others had been more casually interested. I also added some of the comedians that people had mentioned they liked, for some cultural context.   Personas I created two personas, Comedy Enthusiast and Casual Fan. Goals and User Flows I thought about what goals my users would want to achieve. People had said they wanted to feel more “in the loop” with comedy, and get recommendations from a service that knows what they like. After establishing some user goals, I sketched out some...
Reckitt Benckiser – Pharmaceutical Company Intranet

Reckitt Benckiser – Pharmaceutical Company Intranet

Reckitt Benckiser – Pharmaceutical Company Intranet My Involvement UX – Wireframes, Prototype Presented to Client Client Reckitt Benckiser About the Project Reckitt Benckiser is a multinational consumer goods and pharmaceuticals company. With over 35,000 employees, their intranet is a vital tool, used to make announcements and provide information and tools. PixelGroup was contracted to design an overhaul of the intranet, known as “Buzz”. The site had to provide easy access to tools, as well as highlighting news from around the business. It also needed to be mobile responsive. My Work I was contracted by PixelGroup to work on the UX for the project. I was given a content matrix and some guidance and ideas, with which I created wireframes and a prototype in HTML. Prototype I created a partially functional HTML prototype. It is responsive and shows an example of every type of page template needed. Here are some screenshots from the prototype. Presentation To present the work to the client, I created a document in Adobe Illustrator where I annotated screenshots of the prototype to explain how various features would work in the final design. The presentation PDF helped the client understand the wireframes and also was useful for the design and development teams to work from. I travelled to the client site to present work to them in person. Handover As stages of the prototype were signed off, the work was handed on to design and development teams. I was able to discuss the project with both of these in their own language. Other Projects Disco Giggle – Comedy Discovery Website 11th August 2015 Brilliant Basics 11th March 2015 Investec 9th March 2015...
Virgin Media Business – Pitch to Rich Competition Website

Virgin Media Business – Pitch to Rich Competition Website

Virgin Media Business – Pitch to Rich Competition Website My Involvement UX – Information Architecture, Scamps Client Virgin Media Business Live Site Virgin Media Business Pitch to Rich This competition is an opportunity to pitch a business idea to Richard Branson. Small businesses, start ups and entrepreneurs compete for the chance to win a total of £1,000,000 in prizes. My Work The competition was underway and the site live when I came on board to work on the later stages, delivering schematics, information architecture and scamps. Competition Schematic Pitch to Rich is a large competition, with a number of stages. At some stages there is a public vote, while others involve judges decisions. I pulled all this into one document, which became a reference throughout my work. Information Architecture The site changes throughout the stages of the competition, so I decided to create a clear document of what content needs to be on each page, at each stage. As I worked on the scamps, this document was invaluable in keeping track of what needed to be done. I made notes, and highlighted areas that needed attention from myself or the copywriter. Scamps I laid out the pages of the site for each stage of the competition as scamps. Some parts required detailed attention and thinking, such as leaderboards, or award badges for the pitches that reached the shortlist, finals, or became winners. Other Projects Disco Giggle – Comedy Discovery Website 11th August 2015 Brilliant Basics 11th March 2015 Investec 9th March 2015 HTML Emails 21st February...