Hi! my name is Yifan Outline of fan Spinning fan

I'm a designer and I craft conscious interactions for fantastic people.

TEDx Beacon Street

View More + Visit Website
  • Red tedx letters on top of black background

    Type

    Website

    Description

    TEDxBeaconStreet is an exciting new conference set to take place in the Greater Boston area.

  • Browser window of clear blue skies and people in bike gear

    The Challenge

    My team was given a month to redesign and develop the TEDxBeaconStreet website. One of the main elements is Adventures, aimed at providing participants with behind-the-scenes access to the people and places that make the greater Boston area so dynamic.

    Team

    Nicole Ajamian, Tim Crotreau, Geordie Kaytes, and Laura Lozano

    Role

    Lead Designer

  • Greyscale wireframe of a website

    Strategy and UX

    Geordie, Tim, and I brainstormed and created the initial wireframe for the homepage with an emphasis on a big background image that helps set the tone for each page. The wireframe also shows off fewer call to action buttons. We also had to plan out the CMS so that the organizers can easily update each page.

  • Browser window with greyscale pictures of people

    Key Detail

    The original site had huge chunks of text. One of the key components of the redesign was to make it easier to parse through text-heavy sections, like the 75+ speakers and their bios.

  • Browser window with an open up white rectangle and bio description

    Key Detail

    The original site had huge chunks of text. One of the key components of the redesign was to make it easier to parse through text-heavy sections, like the 75+ speakers and their bios.

  • Browser window with the words Ideas in Action and a guy sitting on top of a camel with his arms out stretched

    Final Designs

    Our aim was to redesign the standard wordpress theme into something that will excite people to go to the conference and showcase the kinds of adventures that TEDxBeaconStreet offers.

  • Browser window with two columns of text, one is a news feed and one pulls in from twitter

    Final Designs

    Our aim was to redesign the standard wordpress theme into something that will excite people to go to the conference and showcase the kinds of adventures that TEDxBeaconStreet offers.

  • Browser window with partners of the conference and a black footer

    Final Designs

    Our aim was to redesign the standard wordpress theme into something that will excite people to go to the conference and showcase the kinds of adventures that TEDxBeaconStreet offers.

The Fresh Crop Blog

View More + Visit Website
  • Screenshot of browser window with large orange text over hazy river image

    Type

    Website

    Description

    Wordpress blog designed for Fresh Tilled Soil's AUX Program.

  • Screenshot of browser window with large orange text over hazy river image as a gif that shows how the bottom portion slides up top

    The Challenge

    Using the same structure, each apprentice got to design and code their vision for the blog. Looking out the window onto the Charles River, I was inspired to evoke a similiar feeling as summer turns into fall. The sliding interaction comes from the idea of sliding a window up and down.

  • Screenshot of browser window with blue text and a picture of a brown desk with books and laptop made of ceramic and wood

    Type

    Responsive Website

    Description

    Responsive portfolio showcase created for Kevin Frances, an artist currently pursuing his MFA at RISD.

  • Screenshot of browser window with blue text and a picture of a brown desk with books and laptop made of ceramic and wood

    Type

    Responsive Website

    Description

    Responsive portfolio showcase created for Kevin Frances, an artist currently pursuing his MFA at RISD.

Tap That

View More +
  • Screenshot of three Nexus S smartphones with a big purple heart in the middle of light blue that says Tap That

    Type

    Mobile

    Description

    Prototype application for Android OS phones about sexual health.

  • Screenshot of two Nexus S smartphones with a big purple heart in the middle of light blue that says Tap That

    The Goal

    Aimed at educating young women aged 16 to 28. TAP THAT provides users with information on general sexual health issues, how to be safe, and the location of clinics.

    Role

    Design and Code

    Collaborator

    Daniella Devera

Center for Entrepreneurship

View More +
  • Screenshot of orange background with white and brown text

    Type

    Motion

    Description

    A video overview of the Food and Health Entrepreneurship Academy, presented by the UCD Center for Entrepreneurship.

  • The Challenge

    With students and speakers coming from around the world, the Graduate School of Management wanted to promote the program. In a team of three, we created every part of the video: from the storyboarding, filming, and editing.

    Collaborators

    Jamey Bryant and Zachary Eng

Various Identities

View More +
  • Orange type and cooking utensils replace the i of rize

    Description

    Selected identities.

    Project

    An interchangeable identity for a coffee shop on the BU campus.

  • Grey and Yellow type with the word Kitchen on abstract scaffolding

    Description

    Selected identities.

    Project

    A restaurant on the BU campus.

  • Teal color ribbon with the words arts marketplace pawtucket

    Description

    Selected identities.

    Project

    An arts festival in Pawtucket.

Crocker Art Museum

View More +
  • Screenshot of grey clouds with triangular texture and hot pink blocks with white text called Art Mix: Gray Matter

    Description

    Selected works designed during my design internship at the Crocker Art Museum.

    Project

    Promotional LCD Screens

  • Screenshot of a dancer reaching up for teal words that say Thursdays 'til 9

    Description

    Selected works designed during my design internship at the Crocker Art Museum.

    Project

    Promotional LCD Screens

  • Screenshot of a orange and brown poster

    Description

    Selected works designed during my design internship at the Crocker Art Museum.

    Project

    Promotional Poster

I currently create "bloody brilliant UI design for web and mobile applications" as an UI/UX design and front-end developer apprentice at Fresh Tilled Soil.

Before Fresh Tilled Soil, I designed tangible branding experiences at Delin Design.

Download PDF Résumé.