The Semiotics hero

Designing clean
and easy to use UI

Designing clean
and easy to use UI

The Semiotics hero

UIUX & Product Design, specialising in Design Systems. I use figma and have worked for mid-tier startups (series B funded) and larger enterprises.
Based in Sydney, Australia.

Perspecitive wireframing mockup. Done in sketch.
Wireframing
dashboard
dashboard
fashion app design dashboard
model analytics
analytics about model performance
Fashion illustration
Fashion illustration hand sketch, drawn in felt-tip marker
Fashion illustration
Fashion illustration hand sketch, drawn in ink

CV & Experience

Past roles (perm and contract)


  • Christine Pan | Artist/Blogger | Fashion | Shopify, Wordpress | Ongoing
  • Random Blowup | UX Designer | Developer Agency | Agency | Client: Matrix Education
    May 2023 - June 2023 | Contract Remote
  • Yonder | UXUI Designer | Creative Advertising Agency | Agency
    1 August 2022 - 12 August 2022 | Contract Remote
  • Ignition Advice | UXUI Designer | Fintech | Saas - Startup
    23 August 2021 - 15 April 2022 | Contract Inhouse Remote
  • Hardhat | UXUI Designer | E-commerce Cloud Computing | Website - Enterprise | Client: Alibaba Cloud
    7 June 2021 - 5 August 2021 | Contract Remote
  • Folk | UXUI Designer | Government | Website - Agency
    29 Mar Sep 2021 - 21 May 2021 | Contract Remote - Client: Department of Health Tasmania
  • Style Arcade | Product Designer UXUI | Fashion | Saas - Startup
    25 Sep 2019 - 22 April 2020 | Contract Inhouse
  • Woolworths | Digital Designer | FMCG | Website - Enterprise
    2018 - 2019 | Contract Inhouse
  • Westpac | Digital Designer | Finance | Website & Whitelabelling Product - Enterprise
    2017 - 2018 | Contract Inhouse
  • R.M Williams | Digital Designer | Fashion | Website - E-commerce
    2017 | Contract Inhouse

Skills

  1. Design systems, high fidelity prototyping, wireframing, sketching, coding html/css/bootstrap, userflows, user journey mapping, agile environment
  2. Worked in a start up, larger enterprises and agencies
  3. Previous experience in fashion retail, retouching, photoshoot fashion campaigns, finance, e-commerce
  4. Fast worker, high attention to detail, pixel perfection, strength in the visual and conceptualisation, illustration
  5. Software: Figma, Jira, Invision, Mac
  6. Interests: Art galleries, drawing, art, entrepreneurship, spirituality, mental health, music, cooking, fashion, illustration, yoga, gardening

Projects

A selection of works from past contracts and clients


Random Blowup

Overhall of entire website. Creating new wireframes and UX for the client Matrix Education to prepare for their expansion into other states like Melbourne and then the rest of Australia.

Worked for Random Blowup (the developer agency) on their client's website (Matrix Education) as the UX designer, coming up with new navigation, blog page templates and ways to display their courses.

Frequent client showings for feedback and understanding how their courses work to easily translate it to their target audience (parents of primary and high school children, often English as a second language), as well as pricing and delivery structure. Ultimately like an Ecommerce site for courses.

View piece

Yonder

Translating their Indesign prototypes and designs into Figma, pixel perfect like for like fonts, spacing etc.

Worked for Yonder (the agency) on their website and responsive pages for Goodman (agency's client). Fast paced environment, creating 13 or so desktop designs that contained tables and charts, lists and directories along with a team of 5 inhouse designers (indesign, print) to create the mockups.

Utilising components and styles to speed up the process, comments feature in figma to markup designs and advising their design team on how to implement

View piece

Ignition Advice

Creating a Design system from scratch for Sydney/UK based series B startup.

Worked with lead UX designer and inhouse developers front end and back end, project manager and sales.

Designed in figma, creating a blue sky future concept UI for sales opportunities as well as a upgrading their existing UI using Carbon Design System as the foundation.

View piece

Alibaba Cloud

Creating a bare bones design system for their key internal pages based on a new homepage design.

Worked with a Melbourne agency Hardhat together with an amazing design lead, UX, and digital designer

Designed using figma, light competitor research and internal page audit, created a component library and handover to developers.

View piece

Department of Health Tasmania

Design system in collaboration with Morpht agency, designed to integrate with their Convivial (bootstrap) CMS system - the platform which many other government projects are built.

Worked with Sydney agency Folk to deliver a transformation of the existing Dept of Health Tasmania website through a series of key page templates. Worked with a product design lead and a CX/Account manager and UX designer

Designed in figma, with higher requirements for accessibility which enabled their sites to rank well in SEO as well as the leading best practices in accessibility and usability

View piece

Style Arcade

Software startup for Australian fashion companies providing analytics specific to fashion brands services to help fashion buyers, planners make more accurate investments in product inventory and facililate a more seamless workflow between different departments like designers, e-commerce, production and merchandisers.

Worked with in-house engineers on the desktop app. Small 10 person start up working as the sole product designer as well as on promotional website.

Role: design of the app using figma, creating pixel perfect designs and working through creation of a design system, as well as wireframing and conceptualisation for website

View piece

St George Directshares

Migrating a sharemarket software platform from CMC Stockbrokers over to the look and feel of St. George, following their branding guidelines.

Worked with different departments including branding, marketing. Small team consisting of an optimisation manager, project manager, copywriter, digital producer and design (me).

Role: user journey mapping (existing vs new users), mockups, wireframes, prototypes, sourcing and retouching imagery for site.

View piece

Woolworths Health and Beauty

Article landing page promoting health and beauty products for Woolworths. Housed on their Discover section, with rotating content every week.

Created using the Woolworths branding: fonts, colours, look and feel, and designed a new template for articles in this product group.

Role: design (wireframing) and coding (html/css)

View piece

Westpac Chatbot / Livechat UI

Re-designing the UI for a chatbot which enables more customers to find the answers to their questions easily, reducing the friction points.

Designed based on their design guidelines into a simple and friendly user interface. Design created alongside a lead UX designer and optimisation manage using methods such as crazy 8's to generate ideas and collaborating with a customer service person on the receiving end of live chat enquiries.

The final design could be easily transposed into the other 3 banks: Bank of Melbourne, Bank SA and St.George.

Role: design (mockups) and presentations

View piece

R.M Williams SS18 Collection lookbook

Designing the collection page to incorporate 'shop the look' elements underneath the campaign images to encourage purchases and enabling shoppers to see the connection between actual product and how it wears on the body.

Role: design (wireframes, mockups, asset creation) and coding (html/css)

View piece


Other Design

R.M.Williams boot before retouching
R.M.Williams boot before retouching, zipper present in image.
R.M.Williams boot after retouching
R.M.Williams boot after retouching, zipper removed in image.
R.M Williams edm
R.M Williams edm
The Semiotics image
Fashion illustration
Fashion illustration hand sketch, drawn in pencil and gouache
The Semiotics image
Fashion illustration hand sketch, drawn in pencil and gouache
R.M Williams edm
R.M Williams edm
$10 off your first pet sitting.
Instagram social ad for startup Madpaws
R.M Williams banner
R.M Williams website banner

Inspiration

Prada UI
Chanel UI
David Jones UI
Airbnb UI
Prada product page UI
Zimmerman UI
Zimmerman UI
Zimmerman UI
Zimmerman UI

Contact

Email


Contact

Email