Rachel Page

5 UX projects rachaelPage.com amcor products search, database & product pages Some links require a password which you can request from- Interactive document: 21 Feb 2019 mcdonalds monopoly responsive mobile first site safe walks home mobile app artfuly sydney responsive university global art marketplace responsive courses Rachaelpage.com Portfolio – 1 / 16 artfuly Scope : Responsive global art marketplace (e-commerce) with filter by keyword, colour, width, height, price and style. Detects browsers country for live delivery pricing. Admin & artist dashboards. Contribution: Competitor research, UX wireframes, Visual Design, Branding, Business Name, Social Media, Recruiting, Accounts, Project Managing developers, Legals, and absolutely everything except programming. Team: Myself & dev team I hired plus various part-time experts such as SEO. Design rational/process: This is my own start-up which I concepted, designed and funded 100% myself whilst working full-time. I wanted to bring ‘ready to hang’ artwork to buyers doors in an easy to use interface, with art-filters and marketing tools for artists. The site also has a ‘See it in a room’ feature, which allows artwork to be viewed in a virtual room. In 2018 redesign includes new payment gateway & cart, Live chat, hotjar, prices in Euros (later to be country dependant), homepage, artist story page & art marketing best practise focus. more info: www.rachaelpage.com/artfuly live link: https://artfuly.com Interactive document: 21 Feb 2019 Rachaelpage.com Portfolio – 2 / 16 artfuly this 6-year old design is still fresh and stands up well in user experience tests. At the time it was launched it was groundbreaking design and my competitors are all highly funded, whereas my site is self funded. The cart works well on mobile for use in events. Interactive document: 21 Feb 2019 Rachaelpage.com Portfolio – 3 / 16 artfuly the site has extensive artist and admin dashboard areas After membership is paid, the artist onboarding process is fast: the artist clicks on an email link, completing account info, artist profile and then art upload. Sold artworks are automatically delivered door to door in Australia and detects buyers location to estimate shipping costs. Interactive document: 21 Feb 2019 Rachaelpage.com Portfolio – 4 / 16 sydney sydney Uni courses Scope : All ‘non text & image’ pages for Sydney Courses website pages sydney.edu.au i.e all pages with complex functionality (course search, course finding tools, course pages and many other related pages. the new homepage search bar is deceptively simple, catering to degree and research students but taking them on 2 different journeys. research also showed that the area of interest selector was important and the main way users searched Contribution: User Research, Business Sydney Courses website pages Analysis, User flows, Wireframes, User Testing, UX Review of Visual Design. Team: Myself plus part time Project Manager & Visual Designer & PhD student for some content. Design rational/process: more info: The University of Sydney The University of Sydney In late 2015 Sydney Universities’ website had been re-launched, but had almost no functionality with just a basic search with thousands of unsorted and unfilterable results, and text & image content. Students looking for courses were overwhelmed and bewildered by terminology. I did 16 hours of student interviews to uncover insights, untangled the university jargon and came up with a design to suit all course search approaches with several supporting tools such as career path diagrams and ‘find a course or career’ based on your interests, plus personalised course info on page based on user location and a personalised prospectus tool to support the ‘buy’ funnel. similar courses are grouped together www.rachaelpage.com/sydney-university live link: See a sample search here Interactive document: 21 Feb 2019 Rachaelpage.com Portfolio – 5 / 16 sydney.edu.au sydney Uni courses all search results now on one page instead of hundreds of pages of results: Clicking options in the interactive header, changes the course search results in the section below. Sydney Courses website pages The user is given context by organising courses by ‘area of interest’ and ‘course level’ rather than the 21 areas the university previously had. ersity of Sydney Typing in ‘engineering’ to the search bar used to yield over 4000 results. Now all courses are seen in context on one page. Interactive document: 21 Feb 2019 Rachaelpage.com Portfolio – 6 / 16 Sydney University Courses_ TJ – Major Page – S2V1 This is an example of a ‘major’ page sydney.edu.au sydney Uni courses Interactive document: 21 Feb 2019 The University of Sydney Sydney Courses website pages Insights from user testing showed that potential students might browse by major. Majors could be added to the personalised prospectus. Rachaelpage.com Portfolio – 7 / 16 mcdonalds monopoly All possible user flows Scope : Responsive, mobile-first, competition site for use in-store with peel-back codes on food packaging. Contribution: User Flow, Data Flow, UX Wireframes. Team: Myself, Account Manager, Visual Designer, Developer. Design rational/process: The brief & main purpose was data collection i.e. e-mail addresses and other data from McDonalds customers. To achieve this, the site flows were minimised to be as simple as possible and included Facebook connect to simplify registration and login. After buying a McDonalds product, the user will: 1. Browse to site 2. Enter ticket code 3. Register or login by clicking Facebook connect and fill a few fields OR fill all fields OR login 4. See ticket/prize added to account 5. (When a prize is won) Click claim, 3 types 6. Type A, B or C. A: click to partner site. B: click to prefilled postal form. C just click claim. more info: www.rachaelpage.com/mcdonalds-monopoly-mobile-site wireframe link: See clickable wireframe Competition ended so site isn’t live. Interactive document: 21 Feb 2019 Rachaelpage.com Portfolio – 8/ 16 mcdonalds monopoly Win & login/register page After browsing to the site and entering the code from the product package, the user sees this page DESKTOP, Tablet & MOBILE wireframeS WERE DESIGNED Interactive document: 21 Feb 2019 Rachaelpage.com Portfolio – 9/ 16 mcdonalds monopoly mobile account page All wireframes include annotations to explain to developers how to build the site. The clickable prototypes show the 3 different paths to claim a prize i.e. Prize types A, B and C. Interactive document: 21 Feb 2019 Rachaelpage.com Portfolio – 10 / 16 safe walks home ORIGINAL CONCEPT Scope : Mobile app Contribution: Minimum viable product (MVP), UX Wireframes, Google maps algorithm with developer, user testing scenarios & user testing. Team: Myself, Account Manager, Developer. Design rational/process: An advertising agency team had come up with a complex concept involving a mobile app, a ‘panic ring’ device and social media ‘watchers’ (strangers to the walker). I reduced this down to mimimal viable product, eliminating the need for an external panic activation device, instead using a passive alert method, and swapping the watchers for 3 friends & family members. The resulting app allows the user to set a journey, nominate 3 friends or family (who opt in and can stay oped in). Then the journey starts and if the walker deviates from route of becomes stationary for too long and does not enter a code to the app when requested, the alert is sent out to their 3 friends. Once the prototype was built, a group of 5 agency staff installed it on our mobiles and tested out several scenarios and user stories, which all worked well. more info: www.rachaelpage.com/safe-walkshome-personal-safety-app live link: Was not involved after UX Design Interactive document: 21 Feb 2019 Rachaelpage.com Portfolio – 11 / 16 4 safe walks BUDDY home reducing concept to MVP Prototype - Flow "Like a safety rope between 2 friends" Due to the complex nature of phone operation, it is unlikely that an unsafe person will be able to hit an alarm in an app or make a phone call and more likely that the emergency contact will quickly try to call to confirm a safe status for the user and / or go to the user's location or be able to make an emergency call if a safe status can't be confirmed. If an alert sms is sent, the emergency contact is immediately made aware of any stationary status or deviation by the user, and is then able to phone the user or go to the last known location to confirm that the user is indeed safe, or raise the alarm if contact can't be made or the user is unsafe. This app allows a user to select an emergency contact and a destination and sends an alert to the emergency contact if the user stays stationary for a long time or deviates too far from the expected route. The emergency contact must opt-in before the journey is set and may opt-out at any time. STOP Location of user is sent to emergency contact every minute An event occurs which prevents user from continuing journey APP SETUP Note if code is entered, but user again becomes stationary, or is still deviated from planned journey route, further alerts will continue to the emergency contact until the journey is either completed or cancelled by entering the user's code or the emergency contact opts-out User downloads app (First time only) User opens app Creates an account or signs in Choose emergency contact Emergency contact(s) receive message to inform them they have been chosen as emergency contact 'You don't currently have an emergency contact, please prompt your chosen contact or choose another' User reviews and edits settings The only prototype setting is the option to prevent an alert going out by entering a code. Otherwise sms to emergency contact is automatic JOURNEY PLANNER Emergency contact(s) opts in for messages and is told that this is only for the duration of this particular journey and that they can opt out at any time by replying STOP Sets a journey (app logs location as user moves) Emergency contact(s) receive text message to inform them user has set a journey Note, until an emergency contact has accepted the users request, it won't be possible to set a journey. Similarly, if a user's emergency contact opts-out at any time from the user, the user will be notified that they have no emergency contact currently, and a journey will only be possible on the app once they have an opted-in contact. Any current journeys will be cancelled, app will notify user and user all need to select new contact and re-set journey. STATUS TRIGGERS NOTIFICATIONS Not making progress (Location known and updated in alerts) Continues journey Phone battery goes dead or no network coverage (Last location known) 3 rings and sms sent to emergency contact(s): [Name] has been stationary for 1 minute on [his/her] journey home. The location is [link]. Call or sms to check status Optional app alert to user User enters code User doesn't enter code, or time runs out to enter code Deviated from route (Location known and updated in alerts) 3 rings and sms to emergency contact(s): [Name] has deviated from the route on [his/her] journey home. The location is [link]. Call or sms to check status Arrives home safely User cancels the journey Forgets to notify app (app knows the user is near or at destination) App reminds user to log arrived home safely NO STOP Interactive document: 21 Feb 2019 Notifications should not lead to an attacker de-activating an app, so alerts could be designed as just pop ups which say 'app alert, click here to open' - so that they are ambiguous and possibly an optional setting YES Confirms safe in app by entering code Notify emergency contact that user is home safe and that they have been auto opted out of any future alerts unless they opt-in after a user request User continues to not notify app that they are home safe Rachaelpage.com Portfolio – 12 / 16 safe walks home the app is set and forget on each journey and uses google maps. Interactive document: 21 Feb 2019 note that these are wireframes, not finished visual designs in an alert situation, the attacker will not know that the user has sent an alert to 3 people automatically Rachaelpage.com Portfolio – 13 / 16 Amcor products Scope : Product search, database & product pages for Amcors product section. Contribution: Business Analysis , Stakeholder Interviews, User Research & Personas, UX Design, Database Design, Visual Design mockups. Team: Just me reporting to Global Head of Digital. Design rational/process: The current products area was a good example of “Garbage in, garbage out” because there was no unified, central depository of product information, i.e. no product database existed other than a few non product specific fields in the Kentico CMS. No User Research had ever been done and personas didn’t exist, so I created them based on Stakeholder interviews with staff across the business in various countries, and a external user survey I wrote and GLG disseminated. The Survey told me how users approach a search for a B2B packaging solution, what they search and filter on and what they want to see on the resulting product detail page. more info: www.rachaelpage.com/amcor live link: www.amcor.com/products Interactive document: 21 Feb 2019 Rachaelpage.com Portfolio – 14 / 16 UX FOLIO rachael Page Rachael has designed numerous responsive websites, mobile apps, social media competitions and various other digital products. She has 8 years experience as a Senior UX, aand 20 years in digital industries spanning: Web Design, Graphic Design, Digital Production, Project Managment, Business Analysis and Programming for blue chip companies and many . com of the top advertising agencies in Sydney She has a Bachelor of Engineering in Product Design from a highly respected UK University, and is the founder and owner of Artfuly.com, her own start-up founded in 2012. Rachael has managed several staff in geographically distributed teams Friedrichshain, 10243, Berlin, Germany +49 -* - rachaelcpage dig1taldesigner linkedin.com/in/rachaelpage * If contact details become out of date, see contact at www.rachaelpage.com Interactive document: 21 Feb 2019 Rachaelpage.com Portfolio – 15 / 16 skills & deliverables Strategy, User Research, Personas Storyboarding, Information Architectures (IA), Axure Wireframes / Clickable Prototypes, User Interface Design (UI), User Testing, Web Design, Adobe Suite: Photoshop, Illustrator, InDesign, HTML, CSS, Problem solving, Attention to detail. English: Fluent, German: Level B1 120 Responsive websites 5 mobile apps 5 social media competitions 1 start-up (own) selected clients Interactive document: 21 Feb 2019 Rachaelpage.com Portfolio – 16 / 16