1. Project Objective:

To craft a visually appealing, informative, and emotionally resonant profile interface that showcases a user's personal identity, income vs spending summary, and travel/activity logs in a simple, elegant format.

2. User-Centered Research & Strategy:

  • Target Users: Digital creatives, travel enthusiasts, freelancers who value personal branding and data visibility.
  • Core Needs Identified:
    • Showcase identity and persona visually.
    • Quickly track earnings and expenditures.
    • Reflect meaningful life activities (trips, projects, cities visited).

3. Wireframing & Structure:

  • Hierarchy Planning: User image and bio take prominence to humanize the app. Financial stats follow as key touchpoints, with activities listed below for contextual depth.
  • User Flow Goal: Provide a top-down storytelling feel, starting with identity → key metrics → life highlights.
  • Created low-fidelity wireframes and validated structure through quick tests.

4. Visual Design Approach:

  • Color Palette: Soft gradient background (deep blue to plum) evokes calm and sophistication.
  • Typography: Strong contrast for name and headings; subtle, readable fonts for labels and data.
  • Card Design: Activity cards are clean, well-spaced with icons and dates—optimized for mobile view and thumb scrolling.
  • Used visual storytelling by showing the user’s face, tags (writer, photographer, traveler), and photo-based destinations.
  • Data Blocks (Income & Spendings) use contrasting gradient cards for easy at-a-glance interpretation.

5. Prototype & Iterations:

  • Built a high-fidelity prototype in Figma.
  • Conducted peer feedback sessions—improved visual hierarchy, contrast levels, and image cropping.
  • Ensured responsive design practices and UI consistency.

6. Final Outcome:

  • A stylized personal dashboard that:
    • Builds emotional connection via personalization.
    • Presents financial summary clearly.
    • Logs activities visually with metadata.
  • Ready for expansion: could include filters, journal notes, or photo albums in future.

Tools used

Figma
FigJam

From project brief

Topics

Share

Share your insights — leave a project review and help others grow their skills

Reviews

2 reviews


Lorem ipsum dolor sit amet consectetur. Pretium pulvinar odio aliquet condimentum suspendisse nibh vel arcu. Bibendum in imperdiet sapien quisque odio gravida. Malesuada aliquet elit egestas placerat amet. Ornare in scelerisque ut gravida amet. Tristique amet amet bibendum enim cursus. In vehicula mauris tincidunt arcu aliquam nunc. Tincidunt vitae netus ante eu et bibendum. Eget amet nibh vel est congue tellus tortor gravida nascetur. Ut vestibulum elit pulvinar netus in ante lectus turpis auctor. Nulla purus morbi adipiscing quisque in sodales aliquet. Ultricies a elit quis metus. Aliquet cras pretium platea lacinia mi et orci volutpat vulputate. Bibendum massa fusce...

Perfect


8 Claps
Average 4.0 by 2 people
5 claps
4 claps
3 claps
2 claps
1 claps
<?xml version="1.0" encoding="utf-8"?>
<?xml version="1.0" encoding="utf-8"?>