🪐

Thanh Nguyen

Hours
Day ONE
April 2, 2022
Presence
Inactive

Bio:

I’m a UX/UI designer with a background in architecture, working on Harmony website redesign phase 2.

I grew up in Vietnam for 18 years before moving to upstate New York for college. I received a Bachelor of Architecture from Cornell University in 2018. I moved to San Francisco in mid-2021, but before that, my work has taken me to the Netherlands, Switzerland, and lastly, New York City.

Outside of the digital world, I love working with my hands. Check out my ceramics and artworks here.

Deliverables:

June 2022

  • User Research: Together with the Creative team, carry out user research and document findings. Devise plans to incorporate findings into website design
  • Web Concepts Redevelopment: Develop three concepts in parallel, corresponding to three directions of interest from Harmony leadership.
  • Once a concept is determined, design all wireframe, prototype and UI elements

May 2022

  • UI Development: after approval of concept, develop responsive layout for desktop, tablet and mobile. Compile UI components, color system, typography, data visualization sections into a comprehensive style guide.
  • Content: high fidelity version of the website with correct, up-to-date content ( synthesized from offsite meetings)
  • Motion and micro-interaction design: 3 full prototype for desktop click-through, tablet and mobile interaction.

April 2022

  • Web Content Organization: Gain understanding of Harmony’s goals for website V2. Complete 1 round of audit for current site information architecture. Create 1 revision site map.
  • Concept UX Development: Two options are developed in parallel with 2 different targets: one on 3D experience and the other on concise presentation of information. Deliverables include 2 working sitemap, 2 full wireframe and prototypes.
  • Concept UI : 2 click-through prototype for desktop and mobile, one set of UI deliverables include options for color schemes, mood boards, typography, motion design strategies.

Thanh Nguyen’s Time Card

Table

2 views

Table

Table

DateTaskHours
Week 1
04/02/2022
Introduction: Reference Material read through and applied tasks to development timeline, timesheet and invoice.
1
04/02/2022
Introduction: Notion read through & setup and then inserted timesheet link, deliverables, and goals for review.
0.75
04/02/2022
Kick-off meeting with Anh Tran and Kelly Tigera ( in-person) that produced action items for development framework.
1.5
04/04/2022
Concept Development: Site Map diagram+ references research, as a tool to familiarize with the site structure and challenges
2.5
04/05/2022
Concept Development: 3 ideas for the 3D/optical illusion concepts, detailed through sketches and wireframe. Additional site map clean up
3
04/07/2022
Concept Dev: More wireframe development for 3 ideas
4.5
04/08/2022
Team check-in: 1 hour of phone call with Anh and Kelly, identified one concept to move forward with and next steps. Spent 2 hours prior to the call diagramming site map working process
3
Week 2
04/11/2022
Concept Dev: From the chosen coral reef concept, incorporate optical illusion mechanisms and mood board. Optical illusion is a specific request from Harmony
7.5
04/12/2022
More concept dev work from the day before, followed by a team check-in with Anh and Kelly. The team meeting identified successful mechanism/interaction and moved forward with content strategies as next steps
6.5
04/14/2022
Concept Dev: Understand how different interaction/elements of the coral reef can host content. Sketches, new moodboard, wireframes are produced.
9
04/15/2022
Team Check-in with Kelly + Anh: revised moodboard discussion and more options to be produced for the navigation flows through site
1.25
Week 3
04/18/2022
Concept Dev: Option 1 1. UI: Moodboard revision (2) + Color Palette development (0.5) 2. Info Architecture: split into 3 tiers (2) 3. Call with Jackie Lee on ScienceVR ( 0.5)
5
04/19/2022
Concept Dev: Option 1: 1. UX: Iterate on flows, mood, color palettes to choose most effective ones. Wireframes for all tiers of information (8) . 2. Check-in with Kelly + Anh: workshop on iterations produced + site content groupings, and moodboards (1)
9
04/21/2022
Concept Dev: Option 1: From workshop outcomes, created wireframes for every site nodes
3
04/22/2022
Concept Dev: Option 1: Continued wireframe work from previous day, header and footer development, revised info architecture (6) UI: continued refinement of 2 moodboards and color selections (2)
8
04/23/2022
Concept Dev: Option 1: Check-in with Anh : process update and planning for May 2nd presentation
1
Week 4
04/25/2022
Presentation Prep: Option 1 : 1. Full protoype for the entire site in desktop mode. 2. Mobile view: adaptation of desktop wireframe to mobile. 3. Further refinement of wireframe content 4. Layouts for all 5 main navigation pages
10.5
04/26/2022
Presentation Prep: Option 1: 1. Continued prototyping (3) 2. Moodboard and Home page color options (3.5) 3. Layouts for 5 navigation pages (1) 4. Check-in with Anh and Kelly (1.5): strategize for option 2
9
04/27
Concept Dev: Option 2 : generate a second concept focusing on clean, straightforward content and layout. Tasks include sequence sketches, wireframing and protoyping.
9.5
04/28
Concept Dev: Option 2 : Continued prototyping and layout. Check-in with Anh + Kelly : for feedback on Option 2 - by 1pm PST
4
Week 5
04/28 ( after 1pm - timesheet submission)
Concept Dev: Option 2 : Additional layout options for 2 sections ( fresh + principles) + additional improvement to option 1
3
04/29/2021
Presentation Prep: Refinement of prototype, graphic and UI elements for Option 1. Further development of layout options and interaction design for Option 2. Two check-ins with Kelly and Anh for feedback and option selections
10
04/30/2021
Presentation Prep: Refinement of two options’s prototypes, graphics, typography and UI. Cleaned up prototype and moodboard options for presentation slides.
4.5
05/03
Check-in with Anh and Kelly: debrief on presentation outcome, UI Development: Layout revision to current landing page and micro interaction options
3.5
05/04
UI Development: Layout structure for style guide, motion design options for micro interaction, layout revision to new and current landing page. Check-in with Anh: review progress and next steps for studies.
7.5
05/05
UI Development: Responsive web/mobile layout study, Refinement of UI elements and layouts, motion design : synthesize two options
4.5
Week 6
05/09
UI Development: Responsive web/mobile layout study, additional work style guide, color system for light and dark mode, complete motion for entire landing page
8
05/10
Check in with Anh ( 1hour); feedback on style guide and responsive web layout. UI Development: Navigation and sub-content layout, color hierarchy study, Ecosystem and Table layout for mobile
6.5
05/11
UI Development: Refinement of ecosystem + navigation layout, color hierarchy study
4
Week 7
05/30
High-level concept dev: ideate on four different options for metaphors/concepts. Deliverables include mood boards, collages, and preliminary layouts
8.75
05/31
Check in with Anh (30mins). High-level concept dev: additional graphic rendition for all four options
4
06/01
High-level concept dev: additional 2 graphic rendition for each option, exploring visual representation
7.25
06/02
Check-in with Anh and Kelly
1
06/05
Concept options: Marketplace & Jazz Concept: develop 2 alternatives, indicating 2 directionality and organization structures
5.5
Week 8
06/06
Concept options: Jazz and Train Concept : per design feedback, further developed train option 2 and created a new version of train
6
06/07
Check-in w Kelly & Anh. Implement feedback on Train option
5.75
06/08
Implement feedback on Jazz option. Wrap up three final options. Check in with Anh (30min)
4.75
Week 9
06/10
User Interview 1 ( with Jason, moderated with Kelly and Jeremy) : collect feedback on current website and direction forwards.
1
06/13
User Interview 2 & 3 ( with Tim and HanktheCrank) : collect feedback on current website and direction forwards.
2

Useful Links:

List your 3 monthly deliverables on the 1st of each month

  1. Must be measurable
  2. Track your progress with your manager

Submit your invoices, bimonthly, here:

Send your driver’s license or photo ID, phone number, and address to kyc@harmony.one