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!