Skip to service content
All services(03 / 04)   Services

FrontendDevelopment

From Figma to a site that feels right.

For teams with designs ready to build, websites that need refinement, or an interface that should work better across devices.

Bring your Figma designs to life in Next.js with responsive layouts, thoughtful interactions, and clean components. I refine the small UI/UX details and technical SEO that make a website easier to use and discover.

View Projects Let’s Talk
Sisay Begena — Frontend Development projectExplore Sisay Begena
Sisay Begena / Selected workAmminadab Elias
  • Figma
  • Next.js
  • React
  • Tailwind CSS
  • TypeScript
  • Technical SEO
(What I can help with)

What’s included /

01.Figma to Next.js

Translate your designs into React and Next.js components with Tailwind CSS. Match the typography, spacing, and visual hierarchy, and build reusable elements that make future changes consistent.

02.Responsive UI

Make layouts work across phones, tablets, and desktops. Add purposeful motion, keyboard-friendly navigation, accessible form controls, and clear interaction states without getting in the way of the content.

03.UI/UX Refinements

Refine existing screens with clearer navigation, better spacing, readable type, and more helpful forms. Address friction in key flows and complete the details, including validation, loading, empty, and error states.

04.SEO & Performance

Build the foundations for search visibility with semantic HTML, page titles and descriptions, canonical URLs, sitemaps, and structured data where appropriate. Improve image delivery, loading behavior, and Core Web Vitals, and check that important pages can be crawled.

(The work behind the service)

Selected projects /

Sisay Begena project presentation
(01)   UI/UX design & development

Sisay Begena

An educational website for traditional Ethiopian music, with a responsive interface and a manageable content system.

  • Figma designs translated into a React and Tailwind interface.
  • Responsive layouts, media-rich pages, and purposeful motion.
  • A CMS-backed publishing experience for educational content.
Visit live website
Operation Hope project presentation
(02)   Power Pages development & UI/UX

Operation Hope

Portal interfaces for Operation Hope, making resources, requests, and registration easier to navigate.

  • Figma interface design and Microsoft Power Pages customisation.
  • Responsive resource pages and registration forms.
  • Custom HTML, CSS, and JavaScript for validation and interaction.
Hulu Sport project presentation
(03)   Frontend development

Hulu Sport

A sports platform with responsive navigation and interactive match and odds interfaces.

  • Frontend screens for browsing events and match information.
  • Responsive presentation of dense, changing information.
  • Interaction details suited to both desktop and mobile use.
Habra Habesha project presentation
(04)   UI/UX design

Habra Habesha

A community app design connecting groups, local businesses, events, and a marketplace.

  • End-to-end Figma screens and a consistent visual identity.
  • Navigation and user flows across the app’s community features.
  • Design handoff for a React Native implementation.
(How we work together)

From brief
to handoff /

(01)

Review the design

Look at the designs, content, and key screens together. Resolve missing states and agree on responsive behaviour before implementation.

(02)

Build & refine

Translate the design into reusable components. Review spacing, typography, interactions, forms, and layouts across screen sizes.

(03)

Check the details

Verify keyboard navigation and core flows, then check page metadata, semantic structure, image delivery, and loading behaviour.

(A few useful answers)

Before we start /

Will you follow my existing design?

Yes. I work from your Figma files and design system, preserving the typography, spacing, hierarchy, and interaction patterns. Missing details are discussed rather than replaced with a different visual direction.

Is SEO included?

Technical SEO is part of the frontend scope: semantic markup, useful page titles and descriptions, crawlable pages, and sitemap or structured-data work where appropriate. Content strategy and ongoing search campaigns can be scoped separately.

Can you improve just part of my website?

Yes. The work can focus on a landing page, a specific product flow, responsive fixes, performance, or a set of UI/UX refinements. We agree on the pages and issues to address first.

(Have something in mind?)

Let’s build /

Send your Figma file or website link, the pages you need, and the details you want to improve. I’ll review the scope and suggest a practical way forward.

Book a Call Hire on Upwork
eamminadab@gmail.com
Project preview