Present the work clearly
Create a focused digital home for a data science consulting firm.
A Case Study
Edge Analytics
Project Overview
A digital home for data science.
Edge Analytics is a boutique data science consulting firm. I worked on the UI/UX design and development of its website, creating a clear digital presence for the firm and its work.
- Project Role
- UI/UX Designer & Developer
- Technology Used
- Figma · HTML · CSS · JavaScript
- Skills
- UI/UX Design · Web Design · Web Development
- View Live Website
- edgeanalytics.io ↗
Strategic direction
Designing a clear path through complex work.
Design the experience
Shape the website’s interface and visual direction around Edge Analytics.
Bring it to life
Develop the designed experience into a working website.
Design System
Clarity, built into every detail.
A focused visual language pairs a bright data-inspired gradient with crisp typography, calm surfaces, and simple interface components.
Color palette · Select a swatch to explore its role in the interface.
Signal Teal · #08BFAE
A bright signal color that brings energy to the brand and leads the gradient.
Color in use
Paired with deep blue or white for high contrast and emphasis.
Typography · Inter gives headlines, labels, and supporting copy a consistent, highly readable voice.
Display · Inter Medium
Used for prominent headlines to give the content a confident, direct hierarchy.
Type principle
Direct hierarchy and readable spacing make technical work easier to understand.
Information Architecture · The live site organizes the experience around the company’s work, people, clients, and learning resources.
Home
What We DoProjects · The Edge Process
Who We AreAbout Us · Meet the Team
ClientsTestimonials
LearnBlogs & Videos · Newsletter
Contact Us
Edge Analytics
Data-driven solutions for the hardest problems.
We turn your ideas into reality.
End-to-end support throughout a product’s lifecycle.
Components · Light surfaces, subtle borders, and carefully placed color keep information at the center.
Quiet structure
Fine dividers and pale surfaces group content without adding visual weight.
#DCE9EC · 1pxSoft geometry
Rounded media and panels make the analytical interface feel approachable.
12px radiusClear actions
High contrast and concise labels make links and next steps easy to spot.
Explore insights ↗The process
From interface design to a live website.
The project moved from understanding the firm’s needs to shaping, designing, and building a clear digital experience for Edge Analytics.
Development
From designed screens to a working website.
I built the Edge Analytics experience with HTML, CSS, and JavaScript, translating the visual system and information architecture into a responsive website.
HTMLCSSJavaScript
Code
Finished website