Follow

  • 6695f0_1f7b320e7e134c80bd4c1523ec95440c_edited_edited
  • linkedin

Contact

fumolly@yahoo.com

202-999-7890

Address

Reston, VA

©2017 BY MOLLY FU

  • 6695f0_1f7b320e7e134c80bd4c1523ec95440c_edited_edited
  • linkedin

  • Home

  • Projects

  • Resume

  • Contact

  • More

    PRSUIT

     

    MY ROLE: UI DESIGNER/WEB DEVELOPER

    DURATION: 2 WEEKS

    TOOLS: SKETCH APP, GITHUB, TEXTMATE

    CODING LANGUAGE:HTML, CSS, JQUERY

    GOAL


    Prsuit needed cohesive branding and seeks a platform where it could effectively engage with its user base; to communicate its goals and brand identity.

    ​

    SOLUTION

    ​

    Design and code a landing page to feature Prsuit. Serves as a platform that effectively speaks directly to Prsuit target user base and effectively communicates the functions of the application.

    ​

    ​

    DESIGN PROCESS

    WIREFRAME | HI-FI MOCKUP | ITERATION | CODEING

    WIREFRAME

    Based on the concept client provided, i sketched two wireframes for the website. Also I came up a color theme based on client’s logo.

    ​










    HI-FI MOCKUP

    After I conducted the user survey, I decided which layout I would use and started the high-fidelity mockup.











    ​

    ​

    ​

    ITERATION

    After the high-fidelity mockup, I conducted another user survey. 

    The purpose is to validate if the website present a legit, modern and trustworthy brand identity to user.

    Here is the major changes:

    • Added gradient into the color pattern, make the website more modern.

    • Added ACT in hero image section to encourage user explore more about the website.

    • Added a brief introduction of the app in "Feature" section so that user will know the function and mission of the app.

    ​

    ​

    ​

    FINAL MOCKUP 

    (With Mobile Responsive Design) 

    PROTOTYPE

    Please feel free to head over to GITHUB to check out the final site!