AI Hackathon 1st Place
Date
Apr 2025
Team
4 UX/UI Designers, UFSC Support
Core Skills
AI-Enhanced Design
Collaboration
Awards
Tool
Figma
ChatGPT
Visual Electric
Adobe Firefly
GoogleFX
Sora
AI-designed, award-winning AR solution for restoring the environment
Utilized a range of AI tools—including ChatGPT, Sora, Adobe Firefly, Visual Electric, and GoogleFX—to lead the entire design process from concept ideation to storytelling and visual execution.
Collaborated with a cross-functional team to create a gamified AR experience where virtual actions contribute to real-world protection and restoration of the Amazon rainforest.
Company Vision & Mission
Vision
Help developers grow by making their learning visible, shareable, and collaborative.
Mission
Provide a platform where users can log progress, get personalized content, and connect with peers — all in one place.
My Role & Scope
I worked as a UX/UI design intern, collaborating with 5 designers, 3 developers, and Sniper Factory stakeholders and focused on UI design, ensuring visual consistency across all screens, and communicated closely with developers to deliver designs clearly and support smooth implementation.
Process
Reviewed the IA, feature requirements, and brand assets to define the product direction and flagged early flow inconsistencies.
IA
Snippet from the feature spec
Process
Asked developers: What’s the biggest challenge when creating a portfolio?
Interviews with 16 job-seeking and junior developers
(Jan 15–16, 2024)
Q1.
What’s the hardest part of building your own portfolio?
Structuring & Formatting
28%
Differentiation
14%
Lack of experience
14%
Others: “Hard to find references,” “Lack of ideas
“I don’t know how to structure my portfolio.”
Yerim K., job seeker
Q2.
What do you pay the most attention to in others’ portfolios?
Content Structure
55%
Uniqueness
22%
Ideas
11%
Others: Developer skills
“Explaining my project is difficult. I don’t know how to make it clear.”
Choi J., Front-end Developer
Q3.
What do you think makes a portfolio successful?
Personal Story and Uniqueness
37%
Problem-solving skills
25%
Learning & Project
12%
Others: Tech stack, Company fit
“I want to make a portfolio that shows what makes me different when applying.”
Lee S., App Developer
Insight
Structure and uniqueness are key to a strong portfolio, but they’re also where many developers struggle.
Process
Asked junior and aspiring developers about the current state of developer communities.
Interviews with 16 job-seeking and junior developers
(Jan 15–16, 2024)
Insight
A developer community that supports job readiness and self-growth through knowledge sharing.
Process
Aspiring developers and career changers who struggle to stand out and create portfolios are seeking a community that helps them navigate overwhelming information.
User
"It's hard to differentiate myself from other developers."
"I need someone who can guide me through building my portfolio!"
Desk Research
"There's a growing number of entry-level and transitioning developers."
"They need a space where they can find relevant information in a sea of content."
Process
Positioning Map
Where should SFAC LOG be positioned?
We mapped the competitive landscape to identify a strategic direction that would differentiate SFAC LOG from other platforms
Process
Aspiring App Developer: Dongwoo Kim
Dongwoo Kim
#CareerChanger
#JobSeeker
Age
25
Major
English Literature
Job Search Duration
4 months
Desired Role
Android App Developer
Tech Stack
JAVA, Git, Android Studio
Situation
Completed a team project through the Sniper Factory program and is now trying to turn it into a portfolio.
Struggles to create a portfolio layout and content that’s both unique and aligned with company expectations.
Felt his specs were lacking compared to other reference portfolios.
Lacks development experience and network as a non-CS major, so he feels the need to gain more project experience.
Pain Point
Finds it inconvenient to search for portfolios across multiple sites.
Unsure how to create a distinctive portfolio tailored to target companies.
Doesn’t know how to find teammates to build up project experience.
Needs
Wants to gather inspiring portfolios in one place.
Needs recommendations for portfolio structure and layout.
Needs a space to recruit teammates and gain experience for his resume.
Technical Proficiency
Beginner
Intermediate
Communication Style
Outgoing
Collaborative
Team Role Tendency
A team player
Potential to lead
Frequently Used Platforms
Process
Aspiring developers who are preparing for employment or career transitions need a community platform where they can share knowledge and collaborate on projects.
Process
SFAC Log IA (Simplified)
Process
Process
Process
Design
Sign-up
Getting Started: Sign Up & Log In
Easily access personalized features by signing up and logging in.
After logging in, you’ll be guided through a quick onboarding process to help tailor content and services to your needs.
Process
Onboarding
Set your preferences before using the service.
You can configure preferences such as your developer role, programming languages, and even your MBTI type to receive personalized services.
Process
Home
Show only the content tailored to the user
Customize the home screen to display only what’s relevant to the user.
Process
Design
LOG-Home
Want to explore some logs first?
Browse through popular and featured logs from other users.
Ready to create one of your own?
Process
LOG
Use LOG to record your personal skills and achievements.
Create a portfolio that captures your personal growth using the LOG feature.
You can also explore other users' logs for inspiration.
Process
Design
PROJECT
Start your own project by teaming up with people from diverse roles.
Integrated with SFACfolio, you can launch more complete projects with planners and designers.
Process
Design
Integrated Search
Find the content you're looking for in one search
Quickly and easily search all SFAC LOG content by category or tag using the integrated search feature.
Process
SFAC Community
Join a community of diverse roles to ask questions and connect freely.
Create a portfolio that captures your personal growth using the LOG feature.
You can also explore other users' logs for inspiration.
Process
How the Design and Development Teams Collaborate & Tools I Used
Outcome/Impact
This project helped me realize how important it is to communicate clearly with both developers and stakeholders. As a UX/UI designer, I often found myself in the middle—making sure everyone's on the same page. I learned that even small things, like consistent Figma layer names or checking feasibility early during wireframes, can save a lot of time later. It showed me how thoughtful collaboration can really improve the whole process.