top of page
the mediterranean food lab

Mobile product & Digital Marketing Assets

Website Design

cohesive with brand identity, with focus on aesthetics, usability, and functionality

The mediterranean food lab _ Landing page design _ Culinary Industry

Objective: Designed a mobile-friendly landing page for The Mediterranean Food Lab, optimizing the user experience for seamless navigation and engagement. The goal was to create a visually appealing and highly functional interface that reflects the brand’s identity while ensuring intuitive access to content.

 

Role

Developed a clean, responsive UI tailored for mobile devices, prioritizing usability and aesthetic consistency. Ensured the design aligned with the brand’s visual language while enhancing functionality for users.

Challenge
The project involved both technical and design challenges. The challenge was to refine typography, background colors, and layout so that the page felt harmonious and professional, while adapting everything to a mobile-first experience.

Content Hierarchy: The client had a large amount of text about sustainability, chefs, and brand mission, which risked overwhelming users on mobile. Creating a clear hierarchy and scannable layout was essential.

Responsive Layouts: Ensuring that images of dishes and chef portraits loaded quickly and adapted seamlessly to different screen sizes without losing quality.

Process

Audit & Research: Reviewed the existing landing page, identifying inconsistencies in layout, typography, and color. Compared against best practices in food-related mobile experiences.

Design Decisions:
Straightened and left-aligned the headline, mission statement, and accompaning text.
Reformatted the third paragraph (“our chefs…”) from italics to regular font for clarity and consistency.
Adjusted background tones and fonts to create a warmer, more pleasant look that complemented food imagery.

Collaboration: Worked closely with the client to approve imagery and ensure content alignment with the brand’s storytelling.
Iteration: Tested mobile responsiveness, making sure the layout adapted seamlessly across screen sizes.

Outcome
The final landing page delivered a polished, mobile-first design that eliminated inconsistencies and created a pleasant, brand-aligned user experience. Navigation became more intuitive, text and visuals achieved harmony, and the mobile interface felt modern and inviting. Client feedback highlighted how the page now “looks more professional and easier to read,” supporting better engagement with visitors.

Bar-Ilan University’s

Bar-Ilan University’s _ UI and motion design _ Education

Objective: 
Redesign the personal student account section of Bar-Ilan University’s website to enhance usability and provide a seamless experience for accessing academic resources, schedules, and personal information.

Role_UI and Motion Design

Developed a clean and intuitive UI while maintaining alignment with Bar-Ilan’s brand identity.

Collaborated with developers to implement interactive features on top of a legacy system.

Designed visually appealing banners that refreshed the overall look and feel.

bar ilan_edited.jpg

Challenge

The redesign required working within strict brand constraints: a limited palette of dark green, light blue, and gray, which often felt dull and monochromatic. Additionally, the legacy system was heavily table-based, filled with complex academic data that was difficult to navigate. The challenge was to bring clarity, warmth, and hierarchy to an outdated and rigid environment.

Motion graphics design_after affects

bar ilan3.gif
bar ilan2.gif
work_466_work_body_eng_3_bgImage_1600072425_1_1_1_1.gif
work_466_work_body_eng_12_bgImage_1600076393_1_1_1.gif

Process

User Research: Conducted a survey and invited students to share their experiences using the platform. Selected 5 students for Zoom interviews, walking through the site together to uncover usability pain points and navigation issues.

Design Decisions: Used light blue strategically to introduce a sense of brightness and openness, balancing the darker tones of the palette. Established a clear visual hierarchy to make dense, table-based academic data more readable and user-friendly.

Information Architecture: Reorganized student information- grades, schedules, and resources, into intuitive sections with simplified navigation.

Collaboration: Worked closely with developers to adapt modern UI components within the constraints of the old system.

Iteration: Refined layouts and interactions based on internal feedback and student insights.

work_466_work_body_eng_18_bgImage_1600081338_1_1_1.gif

Outcome
The redesign transformed the student account into a more modern and welcoming space. Despite the brand’s restrictive color scheme, the new UI feels lighter, clearer, and easier to use. Students could access key resources in fewer steps, and feedback confirmed that the new flows were significantly easier to navigate. Following the redesign, usage of the personal student account increased, with students reporting that it was now “much easier to find what I need quickly.” Staff also noted fewer usability complaints.

bottom of page