client

Halq’emeylem

The app I redesigned is Halq’emeylem, a language learning and translating app.

Previously, it lacked functionality and was overly simplistic. With the new design, I'm hoping it will become more user-friendly and inviting, thanks to the new features I've added.
Design Challenge

My Goals

Student-Friendly Functionality

Focused on creating a functional app tailored for students, ensuring it meets their specific needs.

Enhanced Flow and Usability

Added file and image translation support for efficiency and an embedded Halq’emeylem language keyboard.

Visual Comfort

Chose a green and blue color scheme to be easy on the eyes and added a night mode to prevent eye strain during prolonged use.

The Ultimate Makeover

The redesigned Halq’emeylem app now features a green and blue color scheme for ease on the eyes and includes a night mode to reduce eye strain. Enhanced with file and image translation support and an embedded Halq’emeylem keyboard, the app is now more functional and user-friendly.
Live Prototype
New Features
Mockup
The home page was plain and lacks visual interest.
Mockup
Added search history and a menu bar at the bottom for improved navigation.
Before
After
Mockup
The page was plain, with translations written in a small font that was hard to see.
Mockup
Added adjustable speed for pronunciation to assist users who are learning the language.
Before
After
Mockup
Added translation features for longer phrases, along with a bookmarking option.
Mockup
Added translation features for longer files, and images.
Mockup
Plain, with no option to organize into folders or sort by different categories.
Mockup
Organized bookmarks by category, with the ability to add new words directly to the folder.
Before
After
Mockup
Added settings and account options for syncing data across devices, and included a night mode to reduce eye strain for students.
Mockup
New logo design combines both English and Halq’emeylem characters.

Our Process

Discover, Design, Deliver.

01

Competitor Analysis

Examined competitors to analyze their strengths and weaknesses. This analysis helped identify best practices to adopt and pitfalls to avoid.

SWOT Analysis

This provided valuable insights for guiding the design and development process.

Persona

To understand the target audience, their needs, and behaviors, helping to inform design decisions and create user-centered solutions.

02

User Empathy Map

To understand users' needs, behaviors, and experiences. This helped us design with the users in mind, addressing their real pain points and desires.

Card Sorting

Conducted card sorting to organize information intuitively and improve the website’s navigation and usability.

Navigation Map

Created a navigation map to outline the website's structure and ensure a seamless user flow.

03

Low-Fi Sketch

To outline the basic layout and structure of the redesigned website, focusing on key elements and user flow.

Mid-Fi Flats

To refine layout and functionality, focusing on improving user interaction and overall design.

User Testing

Conducted user testing to gather feedback and make iterative improvements to the design.

Get in touch today

Got a project in mind? Let's talk and bring your ideas to life. Drop me a message and let's get connected!

Check - Elements Webflow Library - BRIX Templates

Thank you

Thanks for reaching out. I will get back to you soon!
Oops! Something went wrong while submitting the form.
Ux/Ui designer
works
f-o-r-mbusby portfolio Halq’emeylem
Site Information
ABOUT mecontact
Follow
Linkin